header_v0.7.31

iPhone X 适配 [简版]

7天前发布

原创文章 / 平面 / 教程
海边来的设计师 原创,如需商业用途或转载请与海边来的设计师联系,谢谢配合。

讲解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活动页而言也有不小的影响,需要对页面结构进行适当微调。

不过值得庆幸的是,高度上的变化虽然会带来一些不变,但总好过宽度上的变化。倘若宽度发生变化,可能会影响到设计基准的调整。





此为简版,完整版在路上,晚些即达




若有疑问请留言或翻阅往期内容

《适配① 名词阐述&倍率选择》

《适配②Android&iPhone碎片化误区》

《适配③规范的误区+适配原则/方法》

《适配④一稿配双平台》

《适配⑤详解验收》

182

    文章信息

    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功