? ? 蘋果公司一年一度的新品發(fā)布會落下帷幕，其中iPhone系列最受矚目壶愤。本次手機(jī)新品除了我們“熟知”的8和8plus淑倾，還推出了iPhone X。作為設(shè)計(jì)師征椒，關(guān)系的無非兩點(diǎn)：價(jià)格和設(shè)計(jì)尺寸的變化娇哆。至于價(jià)格就不多說了，自己體會吧勃救。
一.原生開發(fā)
? ? iPhone X的尺寸是1125x2436像素碍讨，對數(shù)字敏感的人，可以發(fā)現(xiàn)1125是750的1.5倍蒙秒，375的3倍勃黍，即可以適配@3x。
? ? ?從上圖可知晕讲，iPhone X與plus系列共用一套切圖覆获，即@3X。你的設(shè)計(jì)稿尺寸選擇750x1334px, 那么對應(yīng)輸出@2x和@3x即可瓢省。
二.H5開發(fā)
? ? 移動(dòng)端網(wǎng)頁弄息，即俗稱H5，適配方式不同于原生開發(fā)勤婚，均為“等比縮放”摹量。那么，等比縮放原理即寬高比不變蛔六，面對如此之多的機(jī)型，iPhone X是否完美適配呢废亭？
? ? ?從表格中很明顯看出国章，iPhone X與其他機(jī)型的比例還是有不對等的。如果你的設(shè)計(jì)稿是750x1334px, 那么常規(guī)的“等比縮放”將不能完美適用豆村。如何解決液兽，官方也有一些答案，如下圖掌动，可以適配高度四啰，不過兩邊將會被裁剪（圖中紅色部分）; 若適配寬度，則上下有留白粗恢，活動(dòng)專題頁可以用底色填充柑晒。究竟什么方法，具體問題具體解決比較好眷射。
? ? iPhone X不僅給我們帶來適配上的改變匙赞，還有一些全新的交互方式佛掖，大家看看資料，有機(jī)會的多用用涌庭，用來提升自身產(chǎn)品的用戶體驗(yàn)芥被。當(dāng)然，最重要的改變還是價(jià)格...
