xd Sketch遇上劲敌XD？这是一份体验报告

排版:杂杂草

2018年7月20日，Adobe发布了中文版XD，这是一款便携式vector+原型工具，集线框设计、视觉设计、交互设计、原型设计等功能于一体。可以用它轻松设计用户体验。那么，Adobe对XD的定位是什么？是取代Photoshop，AI，Sketch还是什么？

我们来看看开发者的态度:“Photoshop和AI各有所长。前者处理位图，后者处理纯矢量内容。它们在UX以外的领域已经变得非常强大和不可替代，但我们希望您将来可以使用XD作为用户体验行业的标准软件来设计原型。”这是一个原型工具，但似乎没那么简单。有传言说Adobe XD会是Skech的竞争对手。ui设计师似乎没有理由不知道这件事。

首先，XD适合mac和windows，可以说是windows用户的福音，windows人的比例仍然是不可忽视的力量。其次，XD免费使用，相比之下Sketch定价99美元/年。但是对于设计师来说，这些都不重要，易用性效率才是选择的硬性标准！今天，我们将根据ui设计师的关注点对这两个软件进行详细分析。

易用性

XD★★★★★☆草图★★★★★★☆

界面比较

这两个软件在界面上高度相似，都很简单，很轻便。如果你对素描比较熟悉，不需要额外学习就可以直接使用XD。熟悉PS和AI的用户，因为快捷键相同，可以快速适应。

当然XD在界面上也有一些异同，主要是弱化了图层的概念，默认不显示重要的图层面板，让很多人吐槽，发现没有图层。其实就藏在左下角。所见即所得模式更接近ai的设计步骤，在界面上更轻便。

还有一点就是再也找不到尺子了。但是当我们使用它的时候，无论是移动元素，生成标注线，还是按ALT自动测量它们的距离，我们都感觉好像不再依赖于标尺了。此外，方便的网格工具(类似于ps的guideguide插件)的布局可以快速提供网格删除。)和正方形(网格工具)，去掉比例对设计影响不大。

演示网格

兼容性

XD ★★★★★草图★★★

兼容的

XD兼容性非常友好，可以兼容Ps，Ai，Sketch，Zeplin，Protopie文件。需要注意的是，如果直接把文件拖进XD，是没有反应的。正确的打开方式是选择元素Ctrl+C和Ctrl+V，Ps 12.0和素描不太兼容，但是这个问题在13.1中已经完全解决了。版本更新对XD来说很重要~每个月的更新迭代几乎都有大动作，但是最近的草图更新带来的bug在体验上大大减少。

能画图形

XD ★★草图★★★★★

富顶工具栏Sketch在Xd中拆分。并集、减法等布尔运算放在右栏，Mask、Group等函数放在软件顶部菜单栏。但是XD没有设计中用到的绘图“神器”，它的绘图工具非常简单，只有基本的矩形、圆形、钢笔工具(没有跟踪点选择工具，编辑前需要双击路径)，使用布尔运算来绘制图形。所以要想快速绘制矢量图形，还是要用其他软件来完成。

另外，XD没有这些功能:

没有剪刀，旋转复制，轮廓，变换，这些工具，在图形处理上便捷性大打折扣。没有镜像工具，需要借助其他软件完成。没有像素对齐和预览模式，无法做到图标边缘的像素对齐，在输出切图时就无法保证虚边的存在。没有等比缩放工具，缩放时的等比和描边不可控…

要塞

XD ★★★★★草图★★★

强大的排版能力-重复网格

复制网格

XD独有的功能，是横向或纵向复制内容的工具，一般用来填充制作列表和卡片的页面。复制的网格也可以再次复制。调整间距也是随机拖放。用批量替换功能在提高效率方面堪称神器！

支持批量替换

输入数据

如果是以前的工作方式，需要达到实实在在的效果，逐个找图找字效率太低

XD支持拖动多个元素进行自动替换，在需要大量数据填充设计时速度非常快。不仅图片，文本内容也可以拖拽替换(格式要。TXT)。当然，草图也可以用插件实现。

人性化的资源面板

映射资源面板

Adobe XD资源页相当于Sketch中的图层样式+文字样式+符号。

与Sketch相比，显示更直观，可以改变颜色、大小、内容等。而无需跳转到单独的页面进行编辑。

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

符号——相当于素描的符号成分。XD可以随意拖放，添加页面上常用的元素或组，如TabBar NavigationBar等。通过使用这个，您可以快速使用组件并改进界面。

绘图推导

XD可以一键裁剪出各平台iOS、Android、web所需的裁剪图像，导出对象所有相关分辨率的版本，省时省心。

功能和扩展

XD★★★★★草图★★★★★★☆

插件

草图插件曾经让我们惊叹不已，标签插件成为ui设计师生存的重要工具。

Adobe XD作为支持工具插件与第三方工具和服务集成的平台，在体验设计的世界中不断创新。在插件方面，XD也不是不愿意落后。Adobe声称它已经提供了1000瓦的奖金来奖励XD插件的开发人员。渐渐的，Pixel Chef、蓝泻湖、Rename it等Sketch经典插件也落户XD阵营。

适配性

右边的面板响应设计有一个独特的选项，在适应ipad和网页设计时非常方便。打开面板，当设计图改变时，画布大小会自动适应。

原型交互方面

XD ★★★草图★★

互动

XD目前的交互模式只支持页面间跳转。操作过程很简单。简单的交互动画可以通过简单的拖放来完成。您还可以控制动画类型和参数。目前，提供的属性仅包括页面出现的方式、持续时间以及慢进和慢出属性。

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

摘要

虽然目前XD还不是很成熟，但是未来会如何就不好说了。不过不难看出，Adobe官方希望在UI设计工具领域有一个后期制作的野心。这让我想起了另一个设计软件CorelDRAW。很多年前，艾没有PC版，只有MAC版。早期的设计师买不起Mac，只能选择CD。国内很多教程和资料也是围绕CD展开的。后来艾有了PC版，集成了Ps等软件。CorelDRAW渐渐寂寞了。。。XD四个月更新了四次。你知道这有多难吗？