XD做设计用一倍图还是二倍图?

很多人一直在纠结到底用一倍图做UI设计还是二倍图?国外的设计师喜欢用一倍,国内的设计师比较多用二倍,实际上两种选择都有自己的好处。

375x667px :一倍图(@1x);750x1334px:二倍图(@2x);

PS和Adobe XD的差别

PS是位图,所以Photoshop十分依赖DPI,AI和Photoshop不同的是,它是独立于DPI的,因为它依赖矢量图。与位图相反,图像生成采用矢量图,依靠数学公式计算,以编程方式重新调节大小并且不会损失图片质量。Adobe XD是一款矢量绘图应用,在调整形状的时候一定程度上可任意缩放。

Adobe XD默认画板尺寸是一倍图尺寸,PS给出的是二倍图尺寸。所以如果做iOS 的UI设计的时候,PS一般用二倍图来设计(750x1334px),Adobe XD可以选择一倍图(375x667px)或二倍图(750x1334px)来设计。

一倍图@1x设计的优势

>少量的数学计算

如果@2x设计时转换@3x需要乘以1.5,相对来说转换会比较麻烦。但是@1x设计稿如果要转换只要相应的乘以2和3即可得到对应的@2x和@3x。

>安卓和iOS共用一套

iOS 设计尺寸375x667px,安卓360x640px;安卓和iOS可以共用字体、图标和间距。可以更加方便里做好统一的设计规范。

>一键导出

Adobe XD自带导出功能,可以快速一键导出多个尺寸。

>图片尺寸和文件更小

>图标尺寸、图片和间距尺寸可设置为单数

二倍图设计时,图标尺寸必须为偶数才能保证@3x也是整数。一倍图图片尺寸可以为奇数只要被2除尽即可,不一定要偶数。

1.本站所有素材均可免费下载
2.本站所有素材仅限个人学习研究使用,请勿商业使用
3.本站所有素材版权均归上传者所有,如需商业使用请先与版权所有人联系
4.如果你觉得本站不错记得收藏及分享
UI图设计网 » XD做设计用一倍图还是二倍图?

发表评论

提供最优质的素材集合

立即查看 了解详情