最MC论坛
标题:
看看关于高效率适配新机型
[打印本页]
作者:
五连环画
时间:
2022-1-2 14:41
标题:
看看关于高效率适配新机型
新机型一发布,设计师们就要考虑适配问题。关于适配的文章看了几篇了眼花缭乱否不如看一篇简单直接的!
美业全部
的最新消息可以到我们平台网站了解一下,也可以咨询客服人员进行详细的解答!
首先,我们来看下这款机型的屏幕参数。
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原型范例
欢迎光临 最MC论坛 (http://www.zuimc.com/)
Powered by Discuz! X3.2