Adobe XD中的单位既不是Px也不是Pt和Dp

最近开始讨论 Adobe XD 中的单位是什么的用户又多起来了,事实上 Adobe XD 中的单位既不是 Px 也不是 Pt 也不是 Dp。

Adobe XD 中没有单位,只专注于元素之间的关系,如果你认为 Adobe XD 中的单位是 Px,它的单位就是 Px,如果你认为 Adobe XD 中的单位是 Pt,那么它的单位就是 Pt。

image.png

上图来自于 Adobe 官方推出的 Adobe XD 教程图书,用来证明我不是瞎说。实际设计过程中我们只需要考虑元素与画板、元素与元素之间的位置关系和比例关系,Adobe XD 是矢量软件,当我设计完成之后使用时放大并不会失真,这样我们设计时可以使用更小的尺寸、只需要更少的资源、只需要更小的计算量,保存的文件也会更小。之前我会遇到这种情况,比如使用 Adobe illustrator 设计一个宽 100 米的横幅,我们不可能直接在 Adobe illustrator 中真的绘制一个宽 100 米的画板,可能 1 米甚至更小够了,因为矢量软件嘛。

Adobe XD 也是矢量软件,放大不会失真,那么 Adobe XD 中没有单位如何进行设计?很多用户第一次使用 Adobe XD 或 Sketch 看到画板预设与 Photoshop 中不同,到处问单位是啥?单位是啥,直接忽略就好了,看数值即可,跟你之前使用的尺寸换算倍数关系,在 Adobe XD 中直接用倍数关系换算就好了,到处时可以导出多个尺寸,你要的各个尺寸都会有。比如 Photoshop 中 750*1334,在 Adobe XD 中是375*667,在 Photoshop 中使用高 200 单位的元素,在 Adobe XD 中创建元素高 100 个单位就可以了。