9分钟阅读

Adobe XD. VS草图 - 摊牌2020

Vincent是一个UX / UI设计师,具有深入体验,帮助数字机构和初创公司通过创新的设计策略取得成功。

两名重量级竞争者继续向往出来捕捉最受青睐的设计工具的顶部点:Adobe XD VS草图。哪种工具将统治所有?答案并不简单。近年来,由于两者都取得了非凡的进展,逾期的特征,性能和易用性的全面设计工具比较。

XD首次亮相之前的速度已经未来几年:六,确切。它具有广泛的专用粉丝群,载有功能,并具有广泛的插件生态系统。 但素描有一个阿基尔脚跟 - 它只在Mac上工作。

2016年,Adobe会出现热量并跳进磨损。它们不仅与XD中的类似功能匹配草图,它们可以在Windows上提供。 由于大约78%的世界桌面电脑在窗户上运行,这是一个大胆,竞争的行动。

Adobe XD.还在创意套件阵容中填充了一个大幅洞。烟花被赋予Golden Handshake,并且XD提供的功能无法在Illustrator或Photoshop等其他应用程序中获得。 XD不仅是基于轻量级的轻量级,基于向量的设计工具作为草图,它还通过其余的Adobe Creative Suite Ecosystem来集成更好。

但是,在设计师中,意见仍然有用哪个工具更好。 这场战斗最近在两种工具中迅速添加了一个全面的战争,通常会追赶并经常互相模仿。

让我们潜入并比较Adobe XD VS草图中的以下功能:

用户界面

即使草图和Adobe XD共享类似的界面, 素描的UI有XD的边缘。它感觉更像是一个强大的专业设计工具,而XD则感觉像Illustrator和Photoshop的苗条组合。

对此产生了重大不便 Adobe XD. 它显示了它 资产 默认情况下打开面板。 这不是大多数设计师所期望的。 启动设计文件时,大多数设计师都希望看到 层数 小组立即 - 不是 资产 或者 插件.

➠+1绘制其直观界面。

素描VS XD  - 草图设计工具
素描有一个直观的界面设计师可以开始使用直接。

Adobe XD.用户界面 - 素描VS Adob​​e XD
Adobe XD.用户界面类似于其他Adobe应用程序。

使用符号/主组件

在XD中的草图和Adobe XD中,可以使用可重用的设计库“符号”(它们被称为“主组件”)。更新符号或主组件时,项目中该组件的所有其他实例都反映了更新。

然而与Adobe XD相比,素描 智能布局 使用此类主组件时功能更强大。它允许更灵活和更快的工作流程。

草图 ,我们可以为组件分配特定的布局→将组件拖动到画布上→使用覆盖以自定义内容,并且组件将根据其新内容调整大小。

➠+1到素描,因为它会更好地做符号。

素描设计工具中的符号
素描的早期成功是大部分到其符号特征。

资产和组件面板

素描和Adobe XD共享类似的资产/组件面板,具有一些差异。

对于资产,XD有一个下拉菜单,使设计人员只能看到特定类别,除了“全部”。设计人员还可以在“网格视图”和“列表视图”之间切换。这些选项使得 XD中的面板 更加用户友好。此外,查看特定类别的下拉列表可以在将来添加更多类别的灵活性。

素描不太灵活。它在三键分段控制下显示项目资产(用于符号,文本样式和颜色样式)。使用草图,组件是可搜索的,但不是跨类别。 XD通过在所有资产上搜索所有组件来搜索更好。

➠+1到Adobe XD,因为它更好地管理资产。

UX设计工具Adobe XD UI评论 - 资产面板
Adobe XD.的“资产”面板在素描方面提供了更大的灵活性。

使用来自其他库的主组件

使用草图,设计人员可以将主符号添加到来自众多链接库 - 本地或在线和轻松共享的艺术板。在Adobe XD中,“链接资产”可以从“XD云” - 组件,颜色和字符样式中放入设计中 - 但由于这种尴尬的工作流程,Adobe XD更加灵活。

➠+1在使用主组件时为更好的UX素描。

编辑颜色样式

一旦添加到资产库,Adobe XD就可以了 设计师 编辑颜色样式,并在艺术板上实时观察颜色变化。在草图中,有一个解决方法来在全球编辑颜色,但它不像Adobe XD那么直观。

➠+1到Adobe XD,以更好地编辑颜色样式。

设置设计系统

素描有一个很好的方法来组织建筑物组件 设计系统 (图标,按钮,颜色样式,文本样式等)。在创建和命名这些资产时使用斜杠'/',它们将在“组件”面板中分组,并在“插入”菜单中分层排列。这是以逻辑方式组织成分并有意义的优秀方法 设计师 使用数百个设计元素。

Adobe XD.不会提供这种灵活性。

➠+1素描,便于管理设计资产。

素描VS Adob​​e XD  - 组织资产在草图中更容易
素描中的符号可以拖动到组中以在此下面创建层次结构 成分 控制板。通过重命名可以实现同样的关系 层数 在组名称后斜线'/'。

缩放图层和组件

缩放包含多个组件的对象无法通过Adobe XD处理。一般来说,素描更好地拼接。例如,它在缩放符号时保留在元件之间很好地间隔。

此外,草图有一个有用的 尺度层 feature (命令+ K.)可以使用百分比或数字来缩放一组元素,同时指定从中缩放的原点。素描调整所选图层的大小,而样式属性如边界厚度,阴影尺寸和半径将适当缩放。

素描中的另一个方便的功能是能够通过数字或百分比调整检查器中的元素大小。 这与略有不同 尺度层 上面的命令。通过将以下字母附加到百分比或数字 - C / M,T,B,R-sketch将从该原点缩放所选元素。例如, ”50%c“将从中心缩放所选元素50%。

  • C / M:来自中心的鳞片
  • T:从顶部缩放
  • B:从底部缩放
  • R:从右边的鳞片

笔记 :未显示“从左侧缩放”选项,因为它是草图中的默认行为。

了解图层缩放如何在草图中使用

➠+1绘制缩放元素时更加多功能性和精度。

素描VS Adob​​e XD  - 在草图中手动调整层大小更好
素描更好地调整了层,因为检查员让我们允许我们 使用数学来调整大小.

复制和分发元素

重复网格 在Adobe XD中是一个方便的功能,将一组元素转换为重复这些对象的网格。大多数设计师可能在探索XD时尝试了几次,但设计师会使用多少次?不幸的是, 重复网格 没有捕捉到层,这是一个显着的缺点。

另一方面,用素描,我们可以按住 选项 键并拖动图层以复制它(保持 转移 关键并限制它)。跟随那个, 命令+ D. 根据需要重复多次元素,在复制之间具有相同的精确间距。

此外,素描加速设计工作流程 智能分发。它使设计人员更控制创建网格,调整间距和重新排序层。除了许多有用的小事 智能分发 有没有魔法 “整齐的” 检查器中的按钮。

在随机放在地板上的几个对象后,我们可以单击 整齐的 按钮,它将在网格上均匀地分配它们。我们可以通过拖动出现的句柄(在组上悬停在组时)或通过输入绝对精度来输入手动值来进行额外调整。

已经创建了几种草图插件,以帮助设计师提供网格,指南和分布 智能分发。这是三个:

分配层 草图 Distributor.均匀分布的导游

➠+1素描更好地分配元素。

Adobe XD.与素描 - 智能分发在草图中
智能分发 具有甚至间距分配元素的有用功能。

响应式设计工具

Adobe XD.和草图都具有类似的自动响应功能。它们都允许手动控制元素的固定宽度和高度,同时将元素固定到边界框的特定原点。 Adobe XD还有一个巧妙的“响应式调整大小”工具,可自动确定元素和组的调整大小 - 但它并不完美。

素描有一个智能响应工具,称为 智能布局。设计人员可以构建响应性组件,并且只要调整它们的内容,组件就会适应更改,从而实现更大的灵活性和更快的工作流程。

智能布局,设计人员可以轻松创建自动调整大小的按钮,同时保持一致的边距和填充 - 无论文本标签如何变为多长时间。智能布局也适用于组。

Adobe XD.最近实现了一个“响应式调整大小”功能,但它仍然落后于草图。

➠+1素描为快速和易于响应的设计功能。

素描VS Adob​​e XD  - 素描中的智能布局功能
响应组件可以在草图中使用智能布局轻松结合。

插件

在过多的数字设计工具中,草图具有最强大的一种 插件生态系统。拥有数千个插件是草图最具吸引力的特征之一,开发人员不断地制作有用的插件,延长速写的功能。

相比之下,Adobe XD的插件苍白的集合。即使相同的开发人员创建了草图插件的XD版本,XD也太近来是广泛采用的插件。更重要的是,许多新的XD插件不会为设计师添加足够的价值来拥抱它们​​。

➠+1绘制其广泛的插件生态系统。

原型设计

自动动画,Adobe XD提出了原型设计的蚂蚁。使用“智能”自动动画功能, 设计师 可以在原型中创建伟大的过渡,以可视化跨屏幕的内容的移动。 XD还可以使用新的“动作”为原型添加声音,该原型“动作”响应触发器播放声音效果和其他音频文件。

素描在屏幕之间有一些用于原型的基本湿度,但不提供具有微互动的相同流动性。当素描可能会添加它们时,它不确定。似乎,拍摄的重点是纳入其他有价值的功能,例如 助理 into Sketch.

草图制造商最有可能觉得有许多其他工具可以创造具有高度详细的微互动的原型,例如 PROTOPIE.。它强大,可以轻松地从草图,图形和Adobe XD导入设计。

素描和Adobe XD都是颈部和颈部,在提供应用程序预览机上的原型: 素描镜子Adobe XD.。应用程序拉动 原型 通过USB电缆或WiFi在桌面上设计为移动屏幕。

➠+1到Adobe XD,用于自动动画过渡到可视化原型。

Adobe Prototicing:Adobe XD中的自动动画
Adobe XD.通过其自动动画功能轻松简单,使原型XD变得简单且简单。

团队合作

两种工具都提供团队协作。素描有 素描团队 在使用共享云工作空间的设计者可以共享想法,请保持同步 共享云库,检查其他团队项目的进度,并在一个地方留下设计的反馈。

此外,邀请了无法访问草图应用程序的利益相关者和合作者可以在浏览器中查看,检查和评论设计。开发人员切换也集成到草图中 素描团队.

截至本文,Adobe XD的Premium版本允许团队通过Creative Cloud,共享文件的其他设计师(在线和脱机)进行共同编辑XD文件,用于查看审查文件,并轻松地向开发人员提供规格。目前所有这些功能都是 在beta..

➠+1素描为简单的团队合作。

开发人员切换

向开发人员交出设计是一个关键的步骤,并且Adobe XD和草图都同样很好地处理它。通过通过在线平台共享项目,设计人员可以生成规范并与开发人员合作,以帮助他们将设计转为网站和应用程序。

➠+1到Adobe XD+1到素描 对于开发人员切换。

素描VS XD:在设计工具中,开发人员切换很容易
Adobe XD.和Sketch都让开发人员切换轻松。

版本控制和共享库

在与同一项目上的其他设计人员合作时,控制设计文件版本是必不可少的。它还有助于更有效地促进团队协作和设计反馈。素描最近将这些功能集成在一起 素描团队。和 素描云,设计师可以共享设计文件和 图书馆 这使得在分布式团队上的设计系统方便。

Adobe XD.还具有带Adobe Creative Cloud的云文件版本控制系统。虽然创意云网站保留XD文件版本,但无法恢复到以前的版本。要恢复到以前的版本,设计人员需要通过创意云网站打开Adobe XD中的文件,然后将内容复制并粘贴到当前文档。除非命名或书签,否则在30天之后也会自动删除文件版本。换句话说,这不是一个无缝过程。

像素描一样,XD还可以轻松使用Creative Cloud库使用共享资产。设计人员可以从这些库中将颜色,字符样式和图形带入XD。

➠+1绘制云中的简单文件版本控制和共享库。

黑暗模式

看起来很棒,使设计脱颖而出

许多设计师宁愿在昏暗的客房内工作,以便在没有反射或眩光的情况下在屏幕上看到他们的创作。暗模式UI很适合该环境。它为几乎所有颜色提供了出色的对比度,并使视觉内容更加引人注目。

黑暗模式不仅看起来很棒,它已知最小化“数字眼睛应变。“让我们面对它,设计师大部分时间都盯着屏幕。数字眼睛菌株是一种影响数百万人的常见条件。由过度电脑用来定期暴露在明亮的光线上的一切引起的,它会导致头痛,颈部疼痛,视力模糊,燃烧/刺痛。

黑暗模式在素描应用程序上工作更好VS Adob​​e XD
设计师喜欢在黑暗模式中使用素描,因为它使设计脱颖而出。 (来源: miklos飞利浦)

重音和突出显示颜色

草图已经支持黑暗模式,自素描52(2018年10月)。它还支持MacOS Mojave的Global 口音强调 颜色偏好。在图层面板,检查器和应用程序中的其他位置突出显示的选定选项将匹配系统首选项。

DAND模式在Adobe XD中不可用,甚至没有在摩托斯上。

➠+1绘制黑暗模式。

素描应用程序VS Adob​​e XD:重音和突出显示颜色
素描还支持MacOS重音并在其UI中突出显示颜色偏好。

Adobe XD. VS Sketch摊牌获奖者是...素描

素描赢得了对设计工具至上的战斗,并在Adobe XD中获得了重大领先。

在某些情况下,选择是显而易见的:素描不适用于Windows。 Adobe Creative Cloud用户的显着优势也是XD“Starter Plan”提供了免费 - 尽管它具有相当大的限制。

素描的多功能性应该强迫摩托斯的设计师选择XD的草图。它的界面,插件,协作功能,响应性设计工具,可重用符号,共享库以及其他方便的功能胜过Adobe XD。

Adobe XD. VS草图最终得分:素描获胜
素描VS XD - 最终得分。素描清楚地出现在上面。

值得注意的是 不可能将XD移动到素描的设计文件。从草图(和Photoshop或Illustrator)到XD的转换更容易,因为XD可以打开草图文件。在使用素描插件时可能会出现一些问题 抽象的 或者 在 vision Craft.,但可以用一点清理来避免这种情况。

一些设计师喜欢Adobe XD 自动动画 特征。这是一个有吸引力的功能,使原型看起来很棒。但是,设计师需要牢记这只是 花梢属性。考虑到素描VS XD的优势,权衡不值得。很多复杂 原型工具 可用与草图无缝合作。

战斗还没有结束。 未来几年应该看到Adobe XD VS草图之间的激烈,全面的战争。 最终,这是一个作为更多功能受益的设计人员都将添加到两个设计工具中。它将使他们的日常工作更容易,这是一个值得期待的事情。


让我们知道您的想法!请留下您的思想,评论和反馈。

进一步阅读顶部设计博客:

理解基础知识

Adobe XD.比素描更好吗?

有一个持续的Adobe XD与草图辩论辩论,关于哪种设计工具更好。在比较特征时,事情是相对的,但在很多方面,使用草图更好,特别是如果设计师在麦斯上工作。但是,草图在Windows上运行,所以在这种情况下,使用Adobe XD是一个明显的选择。

Adobe XD.打开草图文件吗?

Adobe XD.可以打开草图文件并将其转换为XD文件。转换草图文件后,它们在XD中可编辑,设计人员可以与它们类似于任何其他Adobe XD文件。但是,只能在XD中打开使用草图版43或更新版本创建的草图文件。

Adobe XD.会杀了素描和Invision吗?

它是值得不值得的,无论XD都会杀死草图和其他像Invision或Figma等工具。每个设计工具都有其优势和缺点,一些设计师更喜欢不同的工具。一个决定因素可以是工具在(麦斯卡斯窗口)上运行的操作系统,或者如果它是一个独立的应用程序与基于Web的工具。

Adobe XD.是否易于使用?

大多数设计师以前使用过Adobe应用程序。他们熟悉UI:左侧的工具面板,中心的主画布,以及右边的图层。学习曲线略有,并且主要发生在结合复杂的设计系统并了解主组件覆盖。

我应该学习Adobe XD还是草图?

如果在摩托斯上设计,投资时间进入学习素描VS Adob​​e XD是强烈的。素描有一个广泛的专用风扇底座,装载了具有广泛的插件生态系统。它是MacoS上的事实上的设计工具,设计师需要熟悉它的大多数设计工作。

素描很难学习吗?

素描不是挑战。大多数设计师在草图之前使用了各种数字设计工具,并且界面将非常熟悉。对于那些刚刚开始设计的人,素描为画板,图层和工具的隐喻将变得容易理解,并开始使用直接。