如何从Adobe XD导出更高清的图像?@10x或@100x
Adobe XD 是一款矢量设计软件,理论上在 Adobe XD 中设计的矢量内容放大导出都不会模糊,不管是 @10x 还是 @100x,而且 Adobe XD 是可以完全实现导出 @100x 的图片都不模糊的,但是总会有人说它设计的内容无论怎么导出都是模糊的。。。
首先说 Adobe XD 自带的导出工具,它最大可以实现 5.33... 倍的图片导出,导致导出模糊最常见的错误就是“采用以下大小进行设计”选项选择错误,“采用以下大小进行设计”是让你指定一个倍数,因为 Adobe XD 并不知道你是采用的几倍图设计的。
“采用以下大小”进行设计选择“3x”,其它设置相同导出后,最终你得到的三张图片 3x 的宽和高会是 300*300(这是你指定的),1x 的宽和高会是 100*100(300/3=100),2x 的宽和高会是 200*200(300/3*2=200)。
“采用以下大小进行设计”选择的越大,导出的图片尺寸越小。当“导出”选择“Android”,“采用以下大小进行设计”选择“75% - ldpi”时最大可以得到 5.3 倍的图片。
也有单功能的指定倍数导出插件,比如“Custom Export”插件,可以自己输入倍数比如“100”可以导出 @100x 的图片,只要是矢量内容导出都不会模糊,但是 Adobe XD 对导出的图片大小有一定限制,可导出的单张图片最大尺寸为 50000*50000,即如果你要导出 @100x 的图片,选择的内容宽和高均不能超过 500,@10x 则不能超过 5000。
所以,Adobe XD矢量内容,导出放大不会模糊,如果模糊那就是你设置错了,位图如果模糊是因为你的位图原图小。