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