在說如何合理計算間距之前先說一下為什么要統(tǒng)一間距,首先在設(shè)計一套app或者系統(tǒng)之前會有一套設(shè)計規(guī)范,而設(shè)計規(guī)范主要包括對界面布局、背景色、字體顏色大小、界面元素間距、圖標、按鈕常態(tài)點擊態(tài)等進行統(tǒng)一的梳理和規(guī)范。同理,間距作為設(shè)計規(guī)范中最小的單元,稍小的偏差或不規(guī)律的間距都會影響到整體界面的排版和布局,可見間距的統(tǒng)一有多么重要。
界面的設(shè)計要給人簡潔整齊,條理清晰感,就是界面元素的排版和間距設(shè)計。這里間距設(shè)計還要注意考慮適配不同的屏幕分辨率。一般解決方案有據(jù)屏幕等比放大縮小間距,或者固定某些界面元素的間距,讓其他空間留空拉伸。去定間距其實取決于間距規(guī)范的最小單位,統(tǒng)一間距也不一定所有間距都要遵循8的倍數(shù)。
這個數(shù)也沒有絕對的一個標準,一般頁面會使用2px/4px/8px作為最小單位,甚至還有以5px為單位的?;鶖?shù)越小,頁面越擁擠;基數(shù)越大,頁面的留白越多。在設(shè)計中,我們按照間距規(guī)范合理設(shè)定即可。