Adobe XD与Sketch –哪种UX工具适合你()

本文概述

  • 什么是Adobe XD?
  • 用户界面和独有功能
  • Sketch(及其插件)与Adobe XD
  • 现在该切换了吗?
UX设计人员需要许多工具来完成UX工作流程的各个阶段, 从研究到设计再到原型制作和交接。如果你在PC上进行工作, 那么你可能会经常被Sketch困扰, 这是一种流行的, 精简的矢量图形编辑器, 带有无数个有用的插件, 这些插件正在迅速成为行业标准-但仅在Mac OS上可用。这意味着, 除非你拥有Apple机器, 否则你将被排除在外。但是, 经过多年的缺席, Adobe现在正在积极地寻找合适的跨平台Sketch竞争对手(和类似的产品):Adobe XD。
Adobe XD与Sketch –哪种UX工具适合你()

文章图片
Adobe XD用户界面
Adobe XD与Sketch –哪种UX工具适合你()

文章图片
Sketch用户界面, 显然是XD中Adobe的主要灵感来源, 因为它试图吸引相同类型的用户
什么是Adobe XD? Adobe Experience Design CC或Adobe XD是一种轻量级的矢量图形编辑器和原型设计工具, 已在Adobe MAX 2015上发布为Project Comet。该软件于2016年3月作为Creative Cloud的一部分在预览版中启动, 如今已处于beta阶段, 几乎每个月都会收到更新。
在此之前, Adobe致力于在其既定工具(如Photoshop和Illustrator)中为UX设计人员添加功能。尽管它们都是出色的软件, 但对于这类工作而言, 它们既轻巧又精简。多年来, 尤其是在2013年Adobe Fireworks(从Macromedia获得的经典的基于Web的原型开发工具)弃用之后, 越来越多的UX设计人员感到Creative Cloud与市场期望不符。因此, 他们跳到了Sketch(如果有Mac)。尽管Adobe对于大规模外逃的反应有些晚(Bohemian Coding于6年前推出了Sketch), 但值得等待, 尤其是如果你仅限于在PC上使用功能不足的工具时。让我们比较一下Adobe XD与Sketch
用户界面和独有功能 打开Adobe XD时, 你第一印象就是界面非常熟悉, 无论是Sketch用户还是Adobe的长期粉丝。 Adobe离开了预期的Creative Cloud较暗的按钮和菜单, 并选择提供两个世界中的最好的。与Sketch不同, 你会在屏幕左侧看到一组工具, 但在右侧也会看到较高的图层面板和动态属性, 如Sketch所示。无论你以前使用哪种工具, 使用起来都很容易, 而且易于学习。
重复网格
Adobe XD还具有一组独特的功能, 例如重复网格, 该工具可让你复制一组对象, 例如具有可变数据和副本之间可配置间距的材料设计卡。
Adobe XD与Sketch –哪种UX工具适合你()

文章图片
使用Adobe XD中的重复网格功能创建相似对象组
原型制作
在XD中, 你可以像在Sketch中那样创建交互式原型, 而无需第三方插件。通过Adobe原型编辑器, 设计人员可以使用电线并设置过渡, 将交互式区域可视地连接到其他屏幕。准备好交互式原型后, 你可以发布和共享原型, 可以在网上或使用Adobe XD移动应用程序进行查看。但是, XD原型尚不支持手势或标题等固定部分, 这在InVision和与Sketch连接的其他仅基于原型的工具中是可能的。
Adobe XD与Sketch –哪种UX工具适合你()

文章图片
将按钮连接到Adobe XD的” 原型” 功能中的屏幕
资产面板
在2017年8月的更新中, Adobe添加了“ 资产” 面板, 这是一种将颜色, 字符样式和符号的交互式样式指南组合在一起的巧妙方法。当你在” 资产” 面板中更改某些内容时, 会在你的插图中使用该资产。 Sketch还具有颜色变量, 字符样式和符号, 但每个变量都包含在自己的面板中。
Adobe XD与Sketch –哪种UX工具适合你()

文章图片
更改” 资产” 面板中的元素会更改整个项目。
Adobe在产品博客上宣布了一些新功能, 这些功能将出现在XD上。其中之一扩展了Assets功能, 使设计人员可以发布带有可下载字体, 资产和十六进制颜色代码的项目样式指南, 以及交互式原型和用于开发人员对原型中元素进行调查的检查功能。这被称为” 开发人员交接” , 并且在Sketch(和Photoshop)中已经可以使用Zeplin之类的插件来实现。 XD内部的另一个新功能是实时协作, 它类似于Google Docs上的协作功能, 并且已经在Figma等其他UX设计工具上提供。
Adobe XD与Sketch –哪种UX工具适合你() Sketch(及其插件)与Adobe XD
特征 Adobe XD 草图
矢量图形 Yes (and includes Adobe Illustrator in CC subscription)
高级图像编辑 No (but includes Adobe Photoshop in CC subscription) No
轻巧的
原型制作 否(但适用于第三方插件)
资产出口
在线样式指南和检查器的交接 No (announced as a future feature) 否(但适用于第三方插件)
符号和样式
重复网格 No
文件格 Yes (with columns and more options)
外挂程式 No
合作 No (announced as a future feature) 否(但适用于第三方插件)
MacOS版本
Windows版本 Yes (Windows 10 or above) No
价格和许可 Beta版是免费的, 需要具有Adobe ID。最终价格将宣布。 一年的更新费用为99美元, 但此后你可以继续使用而无需更新
【Adobe XD与Sketch –哪种UX工具适合你()】当你看到更大的图景时, 很清楚, Adobe打算使XD不仅完成Sketch作为矢量图形工具所做的一切, 而且还使其插件涵盖整个UX设计工作流程。从设计到原型制作再到交接, Adobe XD可能将是权威的UX设计器工具, 但是今天呢?
现在该切换了吗? 对于Windows用户(不能使用仅限macOS的Sketch)和当前的Adobe Creative Cloud订阅者(除了Photoshop, Illustrator等, 他们不需要为XD支付更多费用), Adobe XD最为重要。
已经有许多UX设计人员进行了跳跃, 要么是因为他们甚至是macOS上的Creative Cloud订户, 要么是因为他们相信XD将成为下一个标准, 并对当前功能感到满意。如果你是经验丰富的Sketch用户, 则可以享受总体上更好的界面, 独特的XD功能, 但还必须解决当前的局限性以及缺少插件支持。无论如何, 请尝试并与我们分享你的印象!
? ? ?
在srcmini设计博客上进一步阅读:
  • 电子商务UX –最佳做法概述(带有信息图)
  • 以人为本的设计在产品设计中的重要性
  • 最佳UX设计器产品组合–启发性的案例研究和示例
  • 移动接口的启发式原理
  • 预期设计:如何创建神奇的用户体验

    推荐阅读