設計就是要跳出條條框框,有時這意味著要打破規則——所以,把這些建議和具體問題結合起來應用吧!
密度設計,而非像素設計
如果你還不熟悉,密度就是屏幕每英寸的像素數或PPI。單位“dp”是“密度無關像素”的縮寫,有時也縮寫為“dpi”。
在設計界面時,建議不要為像素設計,而是為設備的像素密度設計。這確保了我們的元素被適當地縮放以適合不同的設備大小。

舉個例子,如果我們設計一個按鈕,大小為200x50dp,它在160ppi屏幕上顯示為200x50px,在320ppi屏幕則顯示為400x100px。
由于某些屏幕的每英寸像素數比其他屏幕多,因此在高像素密度的屏幕上顯示的元素并不是更小,它們只是以原始大小的2倍、3倍、4倍進行渲染。這可以確保所有元素在不同密度的不同設備上保持其大小。
例如,iPhone XS Max的屏幕尺寸為414x896。但這不是像素,而是點數。以像素計,它是1242x2688像素。根據這一點,在設計iPhone XS Max時,我會以414x896的界面設計,然后以@3x交付設計元素。
上一篇: 為何深色模式看起來不自然?
下一篇: 設計系統領域的發展與實踐
