新的尺寸又出來(lái)了？

又要重新計(jì)算？

不用愁，文章為你準(zhǔn)備好了全部的適配與尺寸，

并且使用 pt 和 px 雙單位標(biāo)注，

只要收藏好這篇文章，這一年做設(shè)計(jì)照這個(gè)尺寸做就行了！

在iPhone11年的發(fā)展史中，并不是每次都是3GS到4這樣的劃時(shí)代更新。有很多次，暌違一年的迭代都只是進(jìn)行了一些「小」改動(dòng)，蘋果將這個(gè)系列稱為S系列。但即便如此，S系列iPhone往往也包含著重要的功能更新：

iPhone4S 有 Siri; iPhone5S 有 TouchID; iPhone6S 有 3DTouch……

那么，iPhoneXS有什么？答案是「什么都沒有」當(dāng)然，這是對(duì)普通人而言。

對(duì)UI設(shè)計(jì)師來(lái)說(shuō)，New iPhone 帶來(lái)的影響可謂重大，因?yàn)榇朔O果又給我們新增了兩種設(shè)計(jì)尺寸：

iPhone XS，1242 x 2688，@3x

iPhone XR，828 x 1792，@2x

在談?wù)撔聶C(jī)器適配前, 需要明白一個(gè)前提，以免混亂。

適配只看三個(gè)參數(shù)：

渲染像素——屏幕截圖的圖片尺寸，單位 px

邏輯像素——程序員開發(fā)所用尺寸，單位 pt

倍率——渲染像素/邏輯像素 得到的倍數(shù)關(guān)系，常見倍率有@2x、@3x。倍率決定切圖

網(wǎng)上有很多關(guān)于適配的帖子，動(dòng)不動(dòng)就涉及：屏幕尺寸、PPI、DPI 等與適配無(wú)關(guān)的概念。這些不僅無(wú)異于新人搞懂適配，反而讓讀者走彎路。