精准设计——Adobe XD 评论

已发表: 2022-03-11

在我们结束 2018 年并步入 2019 年之际,让我们回顾一下设计行业的现状、设计师的角色、UX 设计工具和工作流程。

从构建有凝聚力的设计系统到为下一个设备创新设计流程或为用户测试设计复杂界面的原型,设计人员可以从大量的 UX 设计工具中进行选择。 无论是更受欢迎的程序之一,如 Sketch、基于 Web 的 Figma、积极发展的 Adob​​e XD,还是新推出的 InVision Studio——熟悉正确的 UX 设计工具(包括此 Adob​​e XD 评论)将加快产品设计过程。

用户体验设计工具过多。

选择正确的用户体验设计工具

在查看设计师使用的工具时,重要的是要注意设计师的职责不断变化和扩展。 仅在 6 到 7 年前,很少有人了解用户体验设计师的工作。 如今,每个设计师都希望至少进行某种用户研究、原型设计和竞争分析。

这些转变会影响设计师如何看待他们的工作流程、领域知识、技术和工具。 今天的客户不仅希望看到精美的最终产品,还希望看到从线框图到原型制作再到流畅的动画 UI 的所有内容。

扩展你的专业领域不仅仅是一种赚更多钱的方法——它已经成为一种工作要求。 新产品设计流程通常意味着新工具,这意味着设计师需要花时间学习如何使用它们——这就是为什么新设计工具的出现在过去几年中如此迅速的原因。

Adobe XD 原型
Adobe XD 原型项目中的链接屏幕。

设计师依赖 Photoshop 作为主要设计工具的日子已经一去不复返了。 现在是设计软件平台的竞赛,以吸引初学者和专业人士。 Sketch 多年来一直是主要参与者,而 Figma 已获得超过 4600 万美元的资金支持,正在赶上其基于网络的交互式原型制作工具。

最近,原型平台 InVision 决定使用自己的设计工具 InVision Studio 进入该领域。 它的发展速度并没有大家所希望的那么快,因此尽管 Studio 看起来相当稳固,但尽管最初大肆宣传,但它仍然有些平淡无奇,而且出了名的漏洞百出。

在主导数字设计领域这么久之后,Adobe 在这场终极 UX/UI 设计工具的竞赛中落后了。 没有长期留在那个位置的奢侈……进入 Adob​​e XD。 尽管在比赛中有点晚了,但 Adob​​e XD 自 2016 年发布以来已经越来越受欢迎,并已成为一个有前途的竞争者。

Adobe XD 评论:功能和优势

有人可能会说,像 Adob​​e 这样的行业巨头是恐龙,无法像年轻的竞争对手那样敏捷。 然而,像 Adob​​e 这样的公司拥有快速发展的资源,以及使掌握 Adob​​e XD 成为一项良好投资的财务稳定性。 这是一个巨大的优势,使 Adob​​e XD 非常有价值,并有可能成为未来领先的 UX 设计工具。

Adobe XD 评论
Adobe Design Library Manager 使创建设计资源的工作流程无缝衔接。

在深入审查 Adob​​e XD 功能之前,让我们停下来问一下:“是否值得花时间学习一种新工具,它提供与我们已经知道的工具类似的功能?” 为了回答这个问题,让我们看看四个标准:价格、易用性、生态系统和市场份额。

价钱

Sketch 和 Figma 等行业宠儿早期成功的因素之一是它们的相对负担能力。 Adobe XD 是 Adob​​e Creative Cloud 订阅的一部分,它使您能够以每月 50 美元的价格访问 Photoshop、Illustrator、Premiere Pro 等 20 多种应用程序,因此很难单独区分该产品的价格。 除非您已经订阅,否则可能很难证明花这么多钱尝试新工具是合理的。

然而,早在 2018 年 5 月,Adobe 就宣布了一项允许免费使用 Adob​​e XD 的入门计划! 它仅限于一个活跃的项目,但它是测试水域并尝试它所提供的一切的完美方式。

便于使用

大多数数字设计师在某些时候使用过 Adob​​e 应用程序并且熟悉通用界面:左侧的工具面板、中间的主要区域、右侧的图层等。 Adobe XD 的美妙之处在于,您一开始使用它就会有宾至如归的感觉。 学习曲线很轻松,主要发生在更复杂的设计系统和符号覆盖周围。

与类似工具一样,Adobe XD 处理复杂的设计系统和符号库。 它还具有直观的工具,可轻松连接屏幕并创建交互式原型,无需代码即可用于用户测试。 最近发布的自动动画通过在 Adob​​e XD 中自动为跨画板的微交互制作动画,使丰富交互的原型制作变得更加容易。

Adobe XD 原型示例
Adobe XD 可以使用拖动手势创建自动动画过渡。

生态系统

在 Adob​​e 生态系统中拥有 Adob​​e XD 是其最强大的卖点之一,因为您可能已经拥有 Creative Cloud,或者每周使用其他 Adob​​e 产品。 从矢量到照片,Adobe 产品套件有一个专用工具,可满足大多数设计师的需求,与 Adob​​e XD 配合得非常顺畅。

市场份额

2017 年,Adobe XD 的市场排名平均,无法掩盖 Sketch 的主导地位。 快进两年,Adobe 正在快速追赶(拥有超过 1200 万的 Creative Cloud 用户),并展示了继续快速增长的巨大潜力。

回到是否值得花时间学习一种新的设计工具的问题,人们可以这样想:如果你有一把锤子,你可以用锤子敲钉子,但你不能卸下螺丝——而且你永远不会知道什么时候需要取出螺丝。 随着 Adob​​e XD 越来越受欢迎,遇到完全依赖 Adob​​e 产品的团队或客户的机会也越来越多。 设计师在他们的工具箱中拥有的工具越多,他们能够处理的设计项目就越多,他们将能够有效地与更多的团队合作。

越来越多的 Adob​​e XD 功能和插件列表

“通过与 Creative Cloud 的集成,我们可以将客户无缝连接到他们使用的所有服务,以及以强大和自定义的方式扩展我们的应用程序的源源不断的工具,从而让他们更快乐、更高效。”—— Vijay Vachani,总监,主管Adobe Creative Cloud 合作伙伴平台和生态系统。

Adobe XD 功能、插件和附加组件
插件和集成增强了 Adob​​e XD 原型设计工具。

Adobe XD 的界面看似“轻巧且基本”,但它可以处理复杂的设计系统和符号库,让设计人员能够轻松构建和更新复杂的设计。 对于设计和用户测试过程同样重要的是复杂的 XD 原型和动画工具。 当设计师准备好获得有关设计的反馈时,UserTesting 和 Userlytics 的插件允许他们在不离开程序的情况下做到这一点。

创建具有所有正确功能的终极用户体验设计工具是 InVision、Adobe 和其他公司努力的目标。 这项任务庞大而复杂,因此实现这一目标的方法之一是让平台开发插件(并鼓励其他人也这样做)。

Adobe 最近宣布为此目的设立 1000 万美元的设计基金,这证明了支持插件和激励开发人员创建它们的重要性。 在最近的 Adob​​e MAX 会议期间,围绕插件、UI 工具包和应用程序集成发布了几项重要公告,以扩展 Adob​​e XD 的实用程序。

虽然 Sketch 是一款出色的设计工具,但真正出色的是第三方插件的可用性,如 Runner、Color Accessibility Check、Magic Mirror、Auto Animate 等。Adobe XD 正在通过 RenameIt、Pixel Perfect 等插件加强他们的游戏、数据生成器等以及与 Trello、Dribbble、Google Sheets 等的集成。

具有大量可用插件的 Adob​​e 原型设计工具
Adobe XD 的好处包括插件和附加组件的广泛可用性。

通过在 Adob​​e Creative Residency 中投入资金来托管和支持新兴人才,Adobe 保持了其生态系统的重要优势。 未来成功的另一个关键因素是 Adob​​e XD 团队在其他方面做得很好——倾听最终用户的意见,并通过邀请他们建议和支持要开发的下一个功能来让他们参与开发过程。

从一开始,Adobe XD 就被定位为“从设计师到设计师的产品”,他们忠实地坚持了这一点。 每个月都会推出一组新功能。 例如,就在过去几个月中,Adobe 推出了新的 Adob​​e XD 功能,例如响应式调整大小、定时转换、拼写检查、Jira 集成等。

在 Adob​​e XD(Adobe 原型制作工具)中制作动画
Adobe XD 原型中使用的自动动画工具。

Adobe 最近还宣布将语音原型添加到 Adob​​e XD 工具集中。 这不是您对屏幕 UI 设计工具所期望的最明显的功能,但语音命令 UI 正变得越来越普遍。

从 Siri 到 Alexa 以及其他屏幕之外的体验,基于语音的交互正在普及。 Adobe XD 独特的语音原型设计使设计师能够跟上这一快速发展的趋势。

扩展设计师的工具箱

与各种公司和不同项目合作的设计师很可能需要一系列解决问题的技能。 与其他潜在候选人相比,更广泛的设计工具箱可能是一大优势。 这对于可能每隔几个月与不同客户一起工作的自由职业者来说尤其重要——迟早会出现需要特定设计工具专业知识的项目。 不熟悉该工具可能意味着失去潜在的参与度。

关于设计师是否应该专注于扩展他们的曲目与磨练特定专业存在一些争论。 Adobe XD 快速、免费且易于学习 - 冒险并扩展您的多功能性不会有任何损失。

• • •

进一步阅读 Toptal 设计博客:

  • 最好的用户体验工具(带有信息图)
  • Figma vs. Sketch vs. Axure - 基于任务的评论
  • 设计 VUI——语音用户界面
  • 最佳 UX 设计师组合 - 鼓舞人心的案例研究和示例
  • 轻松制作原型 - InVision Studio 教程