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

原创

为什么Adobe XD的启动界面iPhone6/7/8d尺寸是375x667px：一倍图（@1x），而不是750x1334px：二倍图（@2x）;

很多人一直在纠结到底用一倍图做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）来设计。

>少量的数学计算

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

>安卓和iOS共用一套

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

>一键导出

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

>图片尺寸和文件更小

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

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