設(shè)計就是要跳出條條框框,有時這意味著要打破規(guī)則——所以,把這些建議和具體問題結(jié)合起來應(yīng)用吧!
密度設(shè)計,而非像素設(shè)計
如果你還不熟悉,密度就是屏幕每英寸的像素數(shù)或PPI。單位“dp”是“密度無關(guān)像素”的縮寫,有時也縮寫為“dpi”。
在設(shè)計界面時,建議不要為像素設(shè)計,而是為設(shè)備的像素密度設(shè)計。這確保了我們的元素被適當(dāng)?shù)乜s放以適合不同的設(shè)備大小。
舉個例子,如果我們設(shè)計一個按鈕,大小為200x50dp,它在160ppi屏幕上顯示為200x50px,在320ppi屏幕則顯示為400x100px。
由于某些屏幕的每英寸像素數(shù)比其他屏幕多,因此在高像素密度的屏幕上顯示的元素并不是更小,它們只是以原始大小的2倍、3倍、4倍進(jìn)行渲染。這可以確保所有元素在不同密度的不同設(shè)備上保持其大小。
例如,iPhone XS Max的屏幕尺寸為414x896。但這不是像素,而是點(diǎn)數(shù)。以像素計,它是1242x2688像素。根據(jù)這一點(diǎn),在設(shè)計iPhone XS Max時,我會以414x896的界面設(shè)計,然后以@3x交付設(shè)計元素。