設(shè)計(jì)就是要跳出條條框框，有時(shí)這意味著要打破規(guī)則——所以，把這些建議和具體問(wèn)題結(jié)合起來(lái)應(yīng)用吧！

    密度設(shè)計(jì)，而非像素設(shè)計(jì)

    如果你還不熟悉，密度就是屏幕每英寸的像素?cái)?shù)或PPI。單位“dp”是“密度無(wú)關(guān)像素”的縮寫(xiě)，有時(shí)也縮寫(xiě)為“dpi”。

    在設(shè)計(jì)界面時(shí)，建議不要為像素設(shè)計(jì)，而是為設(shè)備的像素密度設(shè)計(jì)。這確保了我們的元素被適當(dāng)?shù)乜s放以適合不同的設(shè)備大小。

    舉個(gè)例子，如果我們?cè)O(shè)計(jì)一個(gè)按鈕，大小為200x50dp，它在160ppi屏幕上顯示為200x50px，在320ppi屏幕則顯示為400x100px。

    由于某些屏幕的每英寸像素?cái)?shù)比其他屏幕多，因此在高像素密度的屏幕上顯示的元素并不是更小，它們只是以原始大小的2倍、3倍、4倍進(jìn)行渲染。這可以確保所有元素在不同密度的不同設(shè)備上保持其大小。

    例如，iPhone XS Max的屏幕尺寸為414x896。但這不是像素，而是點(diǎn)數(shù)。以像素計(jì)，它是1242x2688像素。根據(jù)這一點(diǎn)，在設(shè)計(jì)iPhone XS Max時(shí)，我會(huì)以414x896的界面設(shè)計(jì)，然后以@3x交付設(shè)計(jì)元素。