排版：杂物

2018年7月20日，Adobe发布了XD中文版，这是一款轻量级的矢量+原型工具，集线框设计、视觉设计、交互设计、原型设计等功能于一体。 您可以使用它轻松完成用户体验设计。 那么，Adobe对XD的定位是什么？ 是替代、人工智能和竞争还是什么？

我们来看看开发者的态度：“AI和AI各有所长，前者处理位图，后者处理纯矢量内容。它们在UX以外的领域已经变得非常强大且不可替代，但我们希望在未来你可以使用XD专门设计原型，作为用户体验行业的标准软件。” 说是原型工具，但好像没那么简单。 据传言，Adobe XD将成为Skech的强劲竞争对手。 看来ui设计师没有理由不去看看。

首先，XD适用于mac和两个平台，这对于用户来说可以说是一个好消息。 人口比例仍然是一股不可忽视的力量。 其次，相比99美元/年的价格，XD是免费使用的。 但对于设计师来说，这些都不重要。 易用性和效率是选择的硬性标准！ 今天我们就根据UI设计师关心的问题来详细分析一下这两款软件。

使用方便

XD ★★★★☆ ★★★★☆

界面对比

这两个软件的界面高度相似，都简单、轻量。 如果您熟悉了，就可以直接开始使用 XD，无需任何额外的学习。 熟悉PS和AI的用户可以很快适应，因为快捷键是相同的。

当然ai图标导入sketch，XD的界面也有一些相同点和不同点。 主要是：图层的概念被弱化，重要的图层面板默认不显示，这让很多人抱怨找不到图层。 事实上，它隐藏在左下角。 所见即所得的模型更接近AI的设计步骤，并且界面上更加轻量级。

还有一点就是我们已经找不到尺子了。 但使用时，无论是移动元素、生成标签线，还是按住ALT自动调整距离的功能，我们感觉不再那么依赖标尺了。 再加上网格工具（类似PS的一个插件，可以快速提供网格删除）和方块（网格工具）方便的布局，去掉标尺不会对设计造成太大影响。

呈现网格

兼容性

XD ★★★★★ ★★★

兼容的

XD在兼容性方面非常友好，可以兼容PS、Ai、、、文件。 需要注意的是，如果直接将文件拖入XD中，是没有任何反应的。 正确的打开方式是选择元素Ctrl+C、Ctrl+V。 ps 12.0版本还不太兼容，不过这个问题在13.1版本已经完全解决了。 版本更新对于 XD 来说非常重要～每个月的更新迭代几乎都有大动作，而且最近更新带来的 bug 大大降低了体验。

图形绘制能力

XD ★★ ★★★★★

丰富的顶部工具栏已在 Xd 中拆分。 右栏放置了Union等布尔运算，Mask、Group等功能放置在软件顶部菜单栏。 然而，XD 没有任何用于设计的绘图“工件”。 它的绘图工具非常简单，只有基本的矩形、圆形和钢笔工具（没有点选择工具，需要双击路径进行编辑）。 使用布尔运算来绘制图形。 这意味着如果你想快速绘制矢量图形，你仍然需要使用其他软件来完成。

另外，XD还没有这些功能：

速度

XD ★★★★★ ★★

复制网格

XD 的独特功能，它是水平或垂直复制内容的工具。 一般用于填写生产清单和卡片式页面。 复制的网格可以再次复制，并且可以随意拖放调整间距。 结合批量替换功能，堪称提高效率的神器！

导入数据

如果是在以前的工作中，如果我们需要达到真实的效果，我们就必须一张一张地找图片和文字，效率太低了。

XD 支持拖入多个元素并自动替换它们，当需要大量数据填充设计时，速度非常快。 不仅是图片，还可以拖入替换文本内容（格式必须是.TXT）。 当然，这也可以通过插件来实现。

图片资源面板

Adobe XD资源页相当于图层样式+文本样式+.

与显示器相比ai图标导入sketch，显示更直观。 您可以在图层页面上更改颜色、大小、内容等，而无需跳转到单独的页面进行编辑。

资源面板和图层一样，被弱化并隐藏在左下角。 XD颜色库和字符库的亮点是选择画布，右键提取所有面板元素的颜色和文字样式。 这可以让我们清楚地检查界面元素是否符合规范，是否有特殊的颜色和样式，以及规范的统一应用。 这很有帮助。

符号相当于组件。 在使用方面，XD可以通过拖放的方式在页面上添加常用的元素或组等，你可以利用它来快速使用组件并完善界面。

图片导出

XD可以一键剪出各平台、iOS、Web所需的图片，并导出对象所有关联分辨率的版本，可谓省时省心。

功能和扩展

XD ★★★★ ★★★★☆

插件曾经让我们惊叹不已，标注插件也成为UI设计师赖以生存的重要工具。

Adobe XD 作为支持工具插件以及第三方工具和服务集成的平台，也在体验设计领域不断创新。 在插件方面，XD也不甘落后。 为此，Adobe宣布提供1000W美元奖金奖励XD插件开发者。 渐渐地，Pixel Chef、Blue 、IT等经典插件也进入了XD阵营。

右侧面板有一个独特的选项——响应式设计，在适配iPad和网页设计时非常方便。 打开面板，设计将自动适应画布的大小。

原型交互方面

XD ★★★ ★★

相互作用

当前版本的XD交互方式仅支持页面之间的跳转。 操作过程非常简单。 只需拖放即可完成简单的交互式动画。 您还可以控制动画类型和参数。 目前提供的属性仅包括页面显示方式、持续时间以及缓入和缓出属性。

它还配备了演示原型和屏幕录制功能，可以快速预览和交互并录制视频。

总结

虽然XD现阶段还不是很成熟，但未来会发生什么还很难说。 但不难看出，Adobe官方的野心是要在UI设计工具领域先发制人。 这让我想起了另一个设计软件。 很多年前，Ai没有PC版本，只有MAC版本。 早期的设计师买不起 Mac 只能选择 CD。 国内很多教程和资料也是以光盘为基础的。 后来Ai出了PC版，与PS等软件有一定的整合。 从此，他渐渐变得孤独。 。 。 而且XD在四个月内更新了四次。 你知道它有多辛苦吗？

更新

如果你还在犹豫是否值得花时间学习，不妨看看XD的黑科技技能。 也许你会对它如何提高效率、帮助你更快更好地完成设计有更清晰的认识。 效率就是生命，我从不拒绝偷懒和提高速度的方法。

如果您觉得文章对您有帮助，请点赞并推荐给您的朋友。

如有侵权请联系删除！