掘金品質
工匠精神
聯系掘金設計服務顧問!為您提供專業的網站策劃方案和建議。
免費服務熱線:
產品設計從理解用戶到定義問題,再到探索方案并輸出草圖乃至視覺稿,每一個階段都關系到一個產品的成敗。而其中交互設計與視覺設計是與設計師密切相關的兩個階段,也是最大程度占據我們工作場景的內容。其中關鍵的信息設計、導航設計、界面設計都能從柵格工具中受益,因為它們概括下來,都涉及到組織信息以提供更合規、流暢、-且符合用戶習慣的瀏覽體驗。
在面對復雜信息的排版與布局時,設計師如何進行決策,是憑借感覺經驗不經思考的隨意擺放,還是有一套自洽的理論體系得以遵循并規范化整個設計,且延伸至整個產品線,多業務,多平臺成為通用的布局準則。
1. 什么是柵格-
一句話概括:柵格系統是用于規范化信息布局,輔助設計人員組織信息的工具,且能夠盡可能保證設計與開發過程的規范高效,并提高布局視效的一致性、韻律感、秩序嚴謹、比例良好等方面。

在平面設計領域通常采用“網格”的方式來規范化布局,網格就像設備屏幕上的一個個像素點,平面設計師將物料核心版面區域拆分為等分的方格,以保證、對齊、節奏、比例、視覺面積等方面的協調感和一致性,從而保證設計美感和視覺傳達效率。
但在應用程序相關的產品設計領域,鑒于設備屏幕橫向寬度受限但縱向高度無限延展的背景,及真實體驗設計場景下,使用無限下拉交互方式承載復雜內容的規則,在產品設計領域往往只需要制定縱向列式分割規則,以規范 X 軸向內容的對齊、比例等布局效果。這就是我們所說的的柵格(與網格作一定區分,常用與產品設計領域)柵格系統不是令人“談之色變”的超高深技巧,而是設計界約定俗成且廣泛運用于平面設計及產品設計領域的設計工具。在涉及到組織信息的工作內容時,合理的使用柵格系統能夠從設計效率、設計質量、多角色設計協作等多方面推動設計師的工作。
2. 網格/柵格的發展歷程-
早在文藝復興時期,人們便有意識的使用輔助線疊加在圖片上的形式來模擬透視關系,且已經開始使用黃金比例矩形。13 世紀,法國建筑師 Villard de Honnecourt 創作了一張圖表,試圖實現“和諧的設計”。該圖將網格系統與黃金比例合并,以產生基于固定比例的邊距的頁面布局。該技術至今仍在使用,大多數印刷書籍和雜志的設計師都使用 Villard de Honnecourt 的圖來創建平衡的設計。