iPhone X 适配 [简版]
北京/UI设计师/8年前/20220浏览
版权
iPhone X 适配 [简版]
讲解iPhone X如何适配,争取今晚放出完整版

昨夜发布的iPhone 8属于常规升级,屏幕与以往的iPhone 6、6S、7系列相同。在昨天发布的新机中,只有iPhone X的分辨率发生了变化,但变化仅限于物理像素层面。在真正决定屏幕内容的逻辑像素层面,新版的iPhone X与过去我们熟知的iPhone6、6Plus放大模式宽度相同。通俗的说,iPhone X可看做是iPhone 6的加长版。设计图尺寸可继续采用750x1334,切图输出@2x、@3x即可。

对于习惯用750x1334作图的设计师而言,并不会带来太大影响,iPhone X与iPhone 6 的差异可理解为iPhone 4与iPhone 5.

对于大多数采用瀑布流的页面来说,仅仅是屏幕高度上的变化,可以无视。但对于那些需要单屏显示的页面比如:新手引导页、音乐播放器等就得重新布局。

由于 iPhone X的屏幕比例发生变化,对于长期靠“等比缩放”完成适配的H5活动页而言也有不小的影响,需要对页面结构进行适当微调。

不过值得庆幸的是,高度上的变化虽然会带来一些不变,但总好过宽度上的变化。倘若宽度发生变化,可能会影响到设计基准的调整。
此为简版,完整版在路上,晚些即达
若有疑问请留言或翻阅往期内容
261
Report
声明
254
Share
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
Log in
99+Log in and synchronize recommended records
99+Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share






































