設計構成——合成網格

時間：2023-09-01 23:36:01 | 來源：網站運營

時間：2023-09-01 23:36:01 來源：網站運營

設計構成——合成網格：網格很棘手，即使是最有經驗的設計師也會嚇壞。所以坐下來，深呼吸，讓我們一起學習構圖網格，做出周到、有條理和令人瞠目結舌的設計。

網格

網格是無形的骨架，用于固定設計以避免設計破裂并僅僅分崩離析。它是線條的組合——垂直的或相交的——將頁面劃分為多個部分并幫助組織內容。從本質上講，網格組織空間和信息，為整個項目制定計劃。

此外，網格是生活中很自然的一部分，如果你環(huán)顧四周，你會發(fā)現(xiàn)我們用它們來構建幾乎所有東西——公寓樓、書架、街道和植物園。

網格的目的

最初，網格出現(xiàn)在打印布局中，用于組織報紙、雜志和書籍中的頁面。從那時起，他們開始涉足網頁設計，并幫助定位、調整大小和間距，而沒有額外的麻煩。您可能會認為網格會扼殺創(chuàng)造力，并且您可以完美地排列沒有網格的元素。那么，是什么讓網格對設計如此有益和至關重要呢？

? 在響應式設計時代——手機、平板電腦、筆記本電腦和顯示器——網格有助于創(chuàng)建適合任何屏幕的一致設計。此外，用戶始終可以確定他們會在他們期望的地方找到東西。

? 網格可幫助您以最合乎邏輯和最直觀的方式維護層次結構和排列元素。

? 網格讓事情變得清晰，這樣就不會分散用戶對內容的注意力。

功能網格

如果您是經驗豐富的用戶，您通常知道在哪里可以找到搜索或如何找到任何網站的聯(lián)系信息。這是因為設計師堅持使用適合一般用戶群需求的功能網格。它們很靈活，可以作為指導方針，允許設計師在整個設計中始終如一地組織、安排和分組元素。

獨特的網格

有些網站需要更個性化的方法，這時候獨特的網格就派上用場了。它們可能包括不同方向的對角線，并且是為具有獨一無二的創(chuàng)意內容的產品量身定制的。通常，設計師將獨特的網格應用于促銷或登陸頁面，以有利的方式展示投資組合或特定產品。

拼貼網格

如果您曾經完成過照片拼貼（例如，誰還沒有 ），那么您肯定會很容易理解拼貼網格。它們沒有排水溝，僅由柱組成，代表垂直線和水平線的交點。通過調整網格尺寸，您可以制作出非常有創(chuàng)意的作品。此外，列數沒有限制，這使拼貼網格更加靈活。

網格結構

無論網格類型如何，它們都具有相似的結構，并由列和排水溝組成。列是網格的垂直部分，而中間的空間是排水溝。排水溝確保來自不同列的元素和組件不會相互碰撞。

他們一起建立了屏幕的腳手架。確保不要將邊距與邊距混淆——它是存在于頁面內容和框架邊緣之間的空間

柱網

顧名思義，列網格由列和排水溝組成——很簡單，對吧？選擇列數完全取決于您，但傳統(tǒng)上您會在臺式機上看到 12 個，在平板電腦上看到 8 個，在移動設備上看到 4 個。

所有的柱子和所有的排水溝都具有相同的大小，因此，這樣的網格可以創(chuàng)造出平衡良好、和諧的構圖。

添加的列越多，網格就越靈活。但不要過火。

模塊化網格

柱狀網格將頁面分解為垂直部分，而模塊化網格則添加了水平細分。相交的列、行和小巷形成一個單元矩陣——或者設計師所說的模塊。一般來說，模塊化網格可以更好地控制對齊和組合。

對一個內容單元使用單個模塊或組合多個模塊來創(chuàng)建內容塊。

集成網格

三個臭皮匠頂個諸葛亮。有時，兩個網格也比一個好。換句話說，集成網格是兩種網??格類型的組合。例如，一個可以用于媒體內容，另一個可以用于排版。這是一個方便的工具，可以創(chuàng)建超出任何人想象的設計。

重復網格

內容為王，它決定了哪種類型的網格最適合每個用例。重復網格具有相同的列和間距，對于具有經典、統(tǒng)一內容的網站更方便。此外，它們更常見于對稱和靜態(tài)的構圖，盡管元素可以創(chuàng)造自己的視覺節(jié)奏。

格斯特納網格

復雜的產品通常需要不同的網格策略。格斯特納網格 為設計師提供更多的自由，并允許創(chuàng)作更多動態(tài)的作品。要創(chuàng)建節(jié)奏，您可以更改列和排水溝的數量并操縱它們的大小。

算法網格

從外部的角度來看，算法網格看起來很混亂，不遵守任何規(guī)則。然而，這些網格依賴于設計團隊內部的協(xié)議，這些協(xié)議規(guī)定了各種元素的對齊方式。例如，設計師可以同意所有圖像都“吸引”到這條垂直引導線，并且不遵循任何其他網格規(guī)則。有點這種倉促的方法可以幫助創(chuàng)造一些真正非凡的和非傳統(tǒng)的東西。







本文內容為轉載