網站制作NEWS
SCROLL
設計師應該懂的柵格系統
1692年，法國國王路易十四為了提升印刷水平，命令成立了皇家特別委員會。該委員會以數學家尼古拉斯加宗為首，以羅馬體為基礎，采用方格設計字體。每個字體方格分為64個基本方格單位，再分成36個小格，共計2304個小格，形成了嚴謹的幾何網格網絡。這是世界上最早對字體和版面進行科學實驗的活動，也是柵格系統的雛形。
UI設計中的柵格系統是指以規(guī)則的網格陳列來指導界面布局和信息分布。通俗來說，就是在界面中繪制出小格子，將內容放置在這些格子中組合起來。
柵格化設計具有以下優(yōu)勢：
1. 邏輯性：通過柵格化，界面中的尺寸細節(jié)問題可以得到合理的解釋。
2. 便捷性：柵格化設計可以推動和解決實際存在的開發(fā)問題。
3. 條理性：柵格可以讓界面更條理，提高內容可讀性，讓版面更有層次感。
柵格系統的基礎要素包括：最小單位、屏幕總寬度、列數、列寬、水槽、安全邊距和內容區(qū)域。
柵格系統的應用準則包括：
1. 核心思想是內容元素必須位于若干列上。
2. 水槽內禁止放置任何內容元素。
3. 父級元素對齊柵格，子級可以不完全對齊列。
4. 除非特意設計，否則不要把列之外區(qū)域放置元素。
5. 特殊的設計風格，可以有例外規(guī)則。
柵格系統中的8像素原則是指設計師在設計中需要一致使用8的倍數來定義元素尺寸、填充和邊距。這是因為8作為最小單位，可以縮小一倍到4，4可以縮小一倍到2，這樣可以讓界面更有邏輯，更統一，更有規(guī)范性，提高復用性。
總的來說，柵格系統有助于我們更好地設計，但在實際應用中要靈活變通，不可死搬硬套。了解設計背后的科學方法論，才能做出優(yōu)秀的設計作品。
標簽： 設計師應該懂的柵格系統
上一篇：Bootstrap柵格布局
多重隨機標簽