在說如何合理計算間距之前先說一下為什么要統一間距,首先在設計一套app或者系統之前會有一套設計規范,而設計規范主要包括對界面布局、背景色、字體顏色大小、界面元素間距、圖標、按鈕常態點擊態等進行統一的梳理和規范。同理,間距作為設計規范中最小的單元,稍小的偏差或不規律的間距都會影響到整體界面的排版和布局,可見間距的統一有多么重要。
界面的設計要給人簡潔整齊,條理清晰感,就是界面元素的排版和間距設計。這里間距設計還要注意考慮適配不同的屏幕分辨率。一般解決方案有據屏幕等比放大縮小間距,或者固定某些界面元素的間距,讓其他空間留空拉伸。去定間距其實取決于間距規范的最小單位,統一間距也不一定所有間距都要遵循8的倍數。

這個數也沒有絕對的一個標準,一般頁面會使用2px/4px/8px作為最小單位,甚至還有以5px為單位的。基數越小,頁面越擁擠;基數越大,頁面的留白越多。在設計中,我們按照間距規范合理設定即可。
上一篇: 網頁設計的切圖和命名規范
下一篇: 移動端網站設計的注意事項
