--安陽師範學院互聯網+應用技術學院UI設計方向講師 黃艷芳

1. 網格系統不要生搬硬套
   並不是每個元素都必須要與網格對齊的，要根據自己的實際需要而定，如果硬套進去的話，頁面就會顯得很怪異。圖中左面的頁面的三個tab標題想要在網格上與封面對齊，但是標題之間距離太大，看起來很不舒服。
   這裏三個tab標題的間距是固定值，不需要根據屏幕寬度去適配，因此要把三個tab標題看做是一個整體，即一個tab組件，組件左端與網格貼合即可。
   
2. 網格不能被整除怎麽辦？
   還是以這張圖為例，大家在做設計稿的時候，最常用的畫布尺寸也許就是iPhone6/7/8的7501334px了，有些同學會發現，在這個尺寸下如果以8px為最小單元格時，畫布是無法被整除的——即750px寬度下除去所有外邊距和水槽後，每一個紅色的列寬實際為42.5px。
   
   那麽大家就會產生疑問：這樣的話，網格系統是不是就意味著不能用了？
   
   其實這屬於正常現象，因為沒有哪一套網格系統，在任何屏幕分辨率下都能完美整除的。並且同樣是8px單元格，在750px手機上無法被整除，而在720px手機上就完全沒有問題。
   例如下圖的尺寸中，代表外邊距和水槽的藍色數值，是我們需要提供給研發的固定值，而紅色的數值是根據屏幕實際寬度計算得來的。因此我們只需要保證提供給研發的數值遵循網格系統規律即可，至於頁面中計算得來的數值，那0.5px的偏差肉眼是感覺不出來的。
   
   總結
   網格系統是視覺設計師強有力的輔助工具，它能指導我們用更科學的方式打造APP界面，從而讓頁面布局規範有序、節奏統一，讓設計師效率翻倍。
   
   然而正如文中所說，網格參數種類繁多，因此需要根據自身需要，構建一個適合自己、符合產品調性的網格系統。

網格系統在使用中需要註意哪些問題？