[设计向]iPhoneX适配推荐设置 V2.0

iPhoneX竖版H5屏幕尺寸
 
IMG_6430.PNG


请注意,上图中手机系统菜单和iOS微信导航条位置,不要放置重要的或者有交互的元素。
iOS微信导航条会在作品使用了微信相关功能(显示微信昵称,微信头像等)时或者使用了跳转链接时出现。

建议psd设计尺寸:
方案一:750px*1448px 分辨率72  mugeda舞台设置 375 * 724 宽度适配垂直居中
方案二:640px*1236px 分辨率72  mugeda舞台设置 320 * 618 宽度适配垂直居中
 
之前推荐的适配小屏手机的psd设计尺寸是:
640px*1040px 分辨率72 mugeda舞台设置 320*520 宽度适配垂直居中
可以参考这个 v1.0 版本 http://bbs.mugeda.com/?/article/561

mugeda微信公众号的一篇文章也可以参考一下:https://mp.weixin.qq.com/s?__biz=MzUxMzI4NzA1Ng==&mid=2247484157&idx=1&sn=ec90091ac9bbfbeb371f05c7a614b085&chksm=f9563402ce21bd14a6a344276ca0debe13638555366929779273b136b51363b7bce6489e27b5&mpshare=1&scene=23&srcid=1215gP9FbMG93lS04Zsn4aMG#rd

未完待续

4 个评论

还有就是用这个尺寸做的时候要注意小屏手机,上下有部分是要被截掉看不见的。
psd设计尺寸一步到位就可以,注意重要元素不要放在安全区外(如果psd设计成 640*1236的尺寸那640*1040是安全区,如果重要元素放在安全区外的话,非长屏手机上下重要元素会显示不完整), 免得甲方最后又要求适配苹果X之类的长屏手机又要重新返工来回折腾。。。。。
楼上二位,提示及时。有用
320*618不行的 iphone x 在宽度适配垂直居中情况下 上下还是有留白的 要设置成320*625 就刚刚好 完美 当然素材还是要注意安全区

要回复文章请先登录注册