UIAdobe xdUI设计头条

Adobe XD 会取代sketch和invision吗

2019-01-17  本文已影响194人  LuluZhang_

Adobe对于取代sketch和inVison的解决方案是Adobe XD. Sketch已经成为ui/ux设计师的设计工具很多年了,并且通过社区,插件和与inVision的集成进一步增强其功能。

如果你对Adobe XD不太关心,或者不想知道XD提供的内容,那么请向下滚动并阅读“为什么Adobe XD将占据主导地位,无论其功能如何”,然后再考虑是否要讲XD移除你的清单。

除了Sketch和inVision还有很多用于设计界面和交互的工具,比如Figma, Framer 和Protopie这里我只列举几个,但是Sketch和InVision看起来占于主导位置。我们需要提出的疑问是,他们的时代要结束了吗?

通常,设计师用Photoshop 来设计app和网页,但是photoshop作为一个工具,它不是一个专门用于设计界面的工具,它的功能太多,并不是一个轻量化的工具。起初,photoshop的产生是为了处理图片,后来被平面设计师选用。

photoshop最大的问题就是这个工具过于笨重,原生的PSD文件不易管理,并且软件中的大部分功能对于界面设计师是无用的。

Sketch开始拯救并解决了这些问题,现在已发展成市场的领导者,sketch可使用可复用组件和更快的工作流程,使设计师能够更智能更高效的工作。sketch真正厉害的是来自它的轻量化和插件,允许将非自定义的功能添加到软件中,而不是通过软件本身提供。

Sketch — https://www.sketchapp.com

第一个能够绘制原型的软件是InVision,InVision允许您将psd文件或者sketch文件上传到他们的平台上,并转化为可交互的原型。最近Sketch通过其云服务启用了原型设计,但这仍然是非常基础和有限的。

进入InVision Studio

当我们需要做复杂的动画时,设计师经常会依靠Adobe的After Effects, 这个工作流程当InVision Studio出现的时候受到了挑战,这是一款允许设计师构建更高级动画和为交互的新软件。Studio还通过其Craft插件集成了InVision与Sketch的链接。像photoshop,after effect 这些软件对于设计界面动画都过于繁杂。

InVision Studio — https://www.invisionapp.com/studio

Adobe的加入

Adobe的设计师看到了对新设计工具的需求,并于2015年10月发布了一款名为“Project Comet”的新软件,该工具采用了新的设计理念,并承诺设计师能够“以思维的速度进行设计”。Comet推出了一个令人惊叹的新概念和称为重复网格的工具,引起了许多设计师的注意。

这允许设计者创建一个元素,然后使用重复网格工具以类似网格的方式拖出同一元素的实例网格。文本和图像可以在网格中更改,但元素保持链接,允许通过调整一个元素进行级联重新设计,从而节省设计人员的时间,能够比以前更快地试验布局。

Inside the Comet application

插件

在新功能列表中,插件现在可在Adobe XD中使用,并且很多sketch插件已经可以在XD上使用。使用插件是sketch的最大优势,而现在Adobe已经将竞争环境拉平了。

Design tooling innovation through plugins. Image by Adobe

插件的确扩展了Adobe XD 的功能。Adobe的目标是,通过用现有的编程语言,像JavaScript,html和css,建立一个是能创建自己的插件的社区。

语音交互功能

Adobe XD有一个可以让你和你制作的原型进行语音交互的功能,这项功能是前所未有的。语音交互会让你有在屏幕之外的交互,允许使用语音进行原型设计,这项功能在其他软件上是没有的。

Voice commands and speech playback. Image by Adobe

动画功能

Adobe XD在这项功能上击败了InVision Studio。虽然他没有InVision对控件的精细控制,但是AdobeXD使用起来简单,高效,这些都是需要Invision做出很多努力才能达到的。

Auto-Animate at work. Image by Adobe

相互联系的组件

Adobe XD升级了它们的组件系统。这是一个更简便的方试来复用组件,当对某个文件中的某个组件进行修改后,当源文件发生更改时,您可以在另一个文件中的更新。

在sketch中可以建立一套非常强大的设计系统,但是在XD中使用linked symbols时,Adobe开辟了一个新的世界。与Sketch相比,这个新功能易于理解且更易于设置。

Cross-document asset sharing with linked symbols. Image by Adobe

不能错过的XD的其他功能

1. 用户在Adobe XD中可以打开photoshop和illustrator文件—用这两个软件的设计师现在可以在XD上打开他们的文件,并且进行交互设计,不需要再将文件上传到InVision上。

2. Sketch文件可以在XD中打开— 让sketch用户没有理由不去尝试一下XD

3. 在After Effects中可以直接打开XD文件— 如果用XD制作动画不能满足你的需求的话,复杂的动画可以使用AE来制作,只需要在AE中导入XD文件即可。

4. 共享开发—“共享开发”允许开发人员通过网络下载设计文件并导出副本。

5. 应用程序集成— Adobe XD现在集成了更多您最喜欢的协作和生产力应用程序,包括Slack,JIRA和Microsoft Teams。在查看此协作功能时,InVision的功能似乎要弱得多。

Adobe XD — live device preview. Image by Adobe Adobe XD — Seamless asset transfer with Illustrator and After Effects. Images by Adobe Adobe XD — Seamless asset transfer with Illustrator and After Effects. Images by Adobe

无论功能如何,为什么Adobe XD将占主导地位

虽然功能将在Sketch,InVision,Studio和Adobe XD中发展,但Adobe有一个巨大的优势,那就是工作流程。如果您不是Adobe XD用户,则需要多个软件来交流和管理您的设计。许多设计工作流程最终看起来像这样:

1. 在sketch中设计

2. 在invasion中发布

3. 在invision中制作交互动画

4. 通过InVision分享和收集反馈

5. 返回步骤1或2

这个流程分割了工作步骤,意味着要先进行界面设计,之后再进行原型和动画设计

使用Adobe XD时,原型设计,设计和动画都发生在一个空间中,这意味着测试和迭代设计变得更容易,更快。 设计过程毫不费力,交互和动画是一起进行的,而不是分开的两个项目,这些功能是非常强大的,并且可以让设计以思维的速度进。

从线框转移到高保真原型,再到一个软件中的开发人员切换,显示了Adobe关注工作流程的程度。通过简化工作流程,他们正在解决一些设计师最大的痛点 - 只有Adobe才能通过其软件系统真正做到这一点。

Adobe XD workflow. Image by Adobe

Adobe还通过它的Creative Cloud在设计行业中占据了巨大的优势。大多数设计师都会用一到多个adobe旗下的软件,并且有一个adobe creative cloud的账号。

Adobe专注于工作流程和协作

12月发布的Adobe XD引入了一种新的方式来处理他们所谓的“云文档”。这允许通过云保存文档,共享和处理文档,就像DropBox一样,但在Adobe XD内部进行了更深入的集成。这也是一个轻微的偏离,似乎是Adobe的Creative Cloud文件夹云同步的演变。

随着Adobe加强其协作和工作流程的方法,这可能对InVision的解决方案构成威胁。根据Adobe的说法,2019年的未来更新将包括实时协作和版本控制。您不再需要手动保存文档版本,通过云文档,您可以轻松地创建可在XD中快速访问的您设计的历史版本。

Adobe未来的计划也参考了设计系统 - 您将拥有创建和管理强大设计系统所需的一切,以便与您的团队或组织一起使用云文档和Creative Cloud Libraries。

总结:

Adobe XD的未来看起来非常光明,将赢得许多Sketch用户的青睐。InVision的重点改变可能会确保其生存,但有一点可以肯定,Adobe XD仍然存在。Adobe企业很强大,像InVision和Sketch这样的小公司将不得不努力在未站稳脚跟。

原文链接

上一篇下一篇

猜你喜欢

热点阅读