網(wǎng)頁設(shè)計(jì)中網(wǎng)格的綜合介紹_余姚網(wǎng)站建設(shè)
發(fā)布日期: 2019-3-7 10:16:05 點(diǎn)擊量: 1250
網(wǎng)格可以為你的設(shè)計(jì)創(chuàng)建一個(gè)基本結(jié)構(gòu),一個(gè)骨架。它們由“看不見”的線條組成,你的設(shè)計(jì)元素就放置在上面。這樣做可以把設(shè)計(jì)元素在一個(gè)整體的系統(tǒng)中聯(lián)系在一起,并且合理地支持你的構(gòu)圖。
網(wǎng)格可以幫助你不費(fèi)力氣地實(shí)現(xiàn)有效的對齊和一致性。慈溪網(wǎng)絡(luò)公司。依靠直覺的即興并不能很好地?cái)U(kuò)展。如果執(zhí)行正確,你的設(shè)計(jì)將顯得周到、有組織性、整潔且結(jié)構(gòu)合理。
優(yōu)秀的對齊,像許多設(shè)計(jì)一樣,應(yīng)該幾乎被用戶忽視。少即是多。在用戶的主要目標(biāo)是搜索特定內(nèi)容并快速消化時(shí)你最好不要假聰明,冒險(xiǎn)分散他們的注意力。 慈溪網(wǎng)站建設(shè)。你的焦點(diǎn)應(yīng)該是 - 不通過你的設(shè)計(jì)技巧炫耀設(shè)計(jì)的美麗。甚至更糟糕的是,創(chuàng)造出新的不同方向的焦點(diǎn)。 這樣的設(shè)計(jì)很可能導(dǎo)致用戶缺乏信任 - 除非缺乏一致性,就是為了創(chuàng)造性的原因而進(jìn)行的目標(biāo)。
單位是每個(gè)網(wǎng)格的基本構(gòu)建塊。多個(gè)單位構(gòu)成整體網(wǎng)格。在下面的 BBC 的例子中,你會看到一個(gè) 12 個(gè)單位的網(wǎng)格。紫色條紋分別代表一個(gè)單位。
余姚網(wǎng)站建設(shè)
下圖中的窄黃色條紋代表分隔每個(gè)單位的欄距。欄距是較小空白的形態(tài),給網(wǎng)格一些呼吸的空間
現(xiàn)在變得更有趣了。多個(gè)單位和欄距一起形成欄,這些欄是有效地將內(nèi)容置于其中的容器。最初似乎不是這種情況,但在這樣的限制內(nèi)工作可以解放。余姚網(wǎng)站建設(shè)。制約因素可以做出關(guān)于放置內(nèi)容的位置更容易和更快速的決策。
在下面的示例中,你可以在工作中看到三個(gè)不同的欄。每個(gè)欄的大小適合特定形式的內(nèi)容或重點(diǎn)。
你可以看到,你可以選擇混合不同形式的內(nèi)容和設(shè)計(jì)元素。你還可以觀察到,這些欄組成了一個(gè)堅(jiān)固的結(jié)構(gòu),通過對齊來實(shí)現(xiàn)呼吸感的一致性和排序。設(shè)置幾條線和一些約束是一筆劃算的支出,不是嗎?
寧波網(wǎng)站建設(shè)
內(nèi)容欄的形式是頁面的橫向劃分的領(lǐng)域。堅(jiān)持等高的欄來減少你的頁面不是一個(gè)壞主意。在實(shí)踐中,并不總是直接實(shí)現(xiàn)。如果你的欄最終達(dá)到相同的高度,它適用于你的設(shè)計(jì),很好,如果不是,就繼續(xù),在下一個(gè)地方實(shí)現(xiàn)等高。
“三分法”使用迷你網(wǎng)格,意味著當(dāng)將內(nèi)容放置在將內(nèi)容分成三分之一的某些行上時(shí),結(jié)果將更加令人滿意。 例如,這是攝影中經(jīng)常使用的方法。雖然這可能是一個(gè)很好的起點(diǎn),經(jīng)常讓你大致正確,但我建議像捕捉一粒鹽一樣來放置【譯者注,大意是要更細(xì)致更精確】。
當(dāng)人們談?wù)搼?yīng)該幫助你放置設(shè)計(jì)元素在“神奇交叉點(diǎn)”時(shí),我呼吁你深呼吸,考慮出錯(cuò)的可能性。特別是因?yàn)樽裱@個(gè)“規(guī)則”就像喝冷飲一樣簡單,特別是因?yàn)檫@個(gè)“規(guī)則”并不難,但是這并不是以數(shù)學(xué)或生物學(xué)的特別的任何方式,而且絕對不神奇。
不要忘記,我們并不是全都以同樣的方式感知世界。我們完全不同。寧波網(wǎng)絡(luò)公司。 我們不是機(jī)器,在看世界時(shí)堅(jiān)持一些數(shù)學(xué)上精確的視點(diǎn)。看看 Reddit 的例子。它看起來像是在關(guān)注神奇的交叉點(diǎn)嗎?
是的,三分法是一個(gè)很好的指導(dǎo)方針 - 或者至少可以適合“對齊”圖像、設(shè)計(jì)或其他任何東西,但不要太嚴(yán)肅。只要有意義,就打破規(guī)則。在你的設(shè)計(jì)工作中,使用指導(dǎo)方針和技術(shù),并跟隨你的直覺。在設(shè)計(jì)上 “存在即合理” - 引用一些不在上下文的尼采的話。在哲學(xué)上,這可以被認(rèn)為是死亡,但在設(shè)計(jì)上,這代表了一個(gè)堅(jiān)定的指導(dǎo),探索你的創(chuàng)造力沒有“神奇”的限制。
去瘋狂,打破規(guī)則,玩的開心,如果你幸運(yùn),會找到新的疆界!
黃金比例?
雖然我們處于設(shè)計(jì)中的魔法世界,讓我對一些相關(guān)的事情持續(xù)一秒鐘:人們一直認(rèn)為,使用黃金比例的“神圣”比例會產(chǎn)生一些特別的,神圣的和令人愉快的成果。有一些實(shí)驗(yàn),有很好的理由質(zhì)疑這些“前現(xiàn)代”的假設(shè)。
我猜在這些問題上最后答案依然很遠(yuǎn),而且可能會很長一段時(shí)間,但是什么都不應(yīng)該妨礙我們保持開放的心態(tài)來質(zhì)疑這些傳遞的假設(shè)。 我們真的應(yīng)該超越魔法思維。有一段時(shí)間,對我而言,“黃金分割”可能對我們?nèi)祟悂碚f是非常愉快的,因?yàn)樵谧匀唤缰形覀兒芎玫乇凰鼑?。慈溪微信營銷。 但是再說一遍,令人信服的證據(jù)將會很好。也許不是,但這不是我想要的理由和依據(jù)。