注：色彩、圖形、排版、網格等是構成系統四大視覺語言的基礎原子單位，今天來說下網格系統在產品設計中的運用及定義方法。
初識網格
就如上圖所示，我們設計產品界面中離不開網格，網格讓界面更加有節奏且信息層級更清晰，使我們能夠舒適的閱讀及很好使用產品。
糟糕的網格系統是無規則，無節奏感可言，給用戶呈現出一種劣質的產品
目前產品界面設計的現狀
大家做平面設計的時候應該聽過 Gird System即網格系統，那么我們在 APP 設計中如何正確使用
看個例子：
左邊和右邊大家覺得那個間距好些？粗看如果不細心的同學看不太出多大的區別，那么我們看下他們的網格是如何的（基于 750 設計）
很多剛入行做設計的同學設計的界面就如同左邊這樣毫無規律可言，甚至有些工作幾年的設計師也會出現同樣的問題，沒有科學的去定義系統間距，導致界面設計品質感低，無規律的去使用間距，如何才能提高產品品質？