今日更新汇总关于高效率适配新机型

五连环画

新机型一发布，设计师们就要考虑适配问题。关于适配的文章看了几篇了眼花缭乱否不如看一篇简单直接的！电梯间的具体问题可以到我们网站了解一下，也有业内领域专业的客服为您解答问题，为成功合作打下一个良好的开端！

首先，我们来看下这款机型的屏幕参数。








PXS






1125X246分辨率，458






PXSM






12422688分辨率，458






PXR






828X1792分辨率，26










从看，万幸，一切都是熟悉的，也就是说切图倍数没有改变。PXS，XSM和PX一致，都是458，因此还是倍切图@就好了！PXR和P678一致，都是26，因此采用2倍切图@2。






切图方面没有什么麻烦，现在看下新尺寸对设计布局的影响。










首先我们看下新机型的逻辑像素（）尺寸（即密度关像素尺寸）






PXS：分辨率，即75812，因此跟PX的布局完全一致；






PXSM：分辨率，即414896；






PXR：分辨率2，即414896。






也就是说，相当于只增加了一个尺寸414896，而且XSM和XR都是全面屏需要留出安全区域。










因此如果你是以P8（75667）为基准做XSM和XR的设计稿，那么就是拉宽拉高尺寸到414896，然后状态栏由20变为44，添加底部主页指示器4。






















如果你是以PX(75812)为基准做XSM和XR的设计稿，只需要拉宽拉高尺寸到414896，状态栏和底部主页指示器均不用更改。














而后续的图片等元素的适配，就需要从视觉角度灵活调整了。






不过，对于尺寸计算和安全区域，现在完全不需要你手动操作，墨刀已经率先火速为大家新出了XSXSM和XR的适配，一键创建XSMAXXR项目就可以！状态栏和底部主页指示器已经默默地躺在那里给你们用了！









创建项目时，直接选择PXSM和XR的尺寸










不管是从S导入基准设计稿稍作调整，还是在墨刀完成新设计，






点击预览，便能出XSXSM和XR的展示效果了！






墨刀的一个PXSM原型范例