零基础学Adobe XD产品设计
上QQ阅读APP看书,第一时间看更新

1.2 特色

Adobe XD软件有如下的四大特色。

●体验设计;

●界面设计、创建原型、共享文档;

●插件支持;

●Adobe公司官方改进。

1.2.1 体验设计

Adobe XD软件与Photoshop、After Effects和Sketch软件有相似的界面,设计师如果学习过这些软件,那么就可以快速学会Adobe XD软件。它们的功能都是即拖即用,就是将圆形、矩形和正方形等图形拖动到艺术板上即可使用,快速直观。

设计师如果想修改设计图的内容,可以选择重新设计,也可以选择在原有的基础上改造设计。

设计师可以在原型中使用语音功能,使原型更加具有感染力、用户更易懂、工作更加高效。

设计界面可以自动调整元素大小,使内容适应不同的屏幕(包括手机屏幕和计算机屏幕)。

制作动画的软件Flash和AE都需要有时间轴,才能有动画。而XD软件无需时间轴,在交互视图模式下就可以在设计画板之间创建动画。

设计师使用XD软件规划出来的原型设计、交互设计和界面设计,均可以让管理人员、业务人员优先体验到未来自己公司做出来的软件是怎样的,然后提前规划运营模式。相当于开发完成前,项目以外的人员就可以体验到项目完成后的效果。

1.2.2 界面设计、创建原型、共享文档

设计师只需单击“”选项,即可从设计视图模式切换到交互视图模式,或者从交互视图模式切换到设计视图模式。

在设计视图模式下,设计师可以做原型设计、界面设计和撰写文档。

在交互视图模式下,设计师可以看到在设计视图模式下做的设计,然后在画板之间拖动线条,就可以让两个及以上的艺术板进行交互。如果设计师做交互时需要更改内容,那么必须切换回“设计视图模式”。

设计师可以使用手机软件与计算机同步,实时查看所做的设计图。在计算机上设计,在手机上查看效果,非常方便快捷。

设计师可随时随地地将设计文件保存在云文档,并与项目团队共享,甚至可以离线编辑文档。

设计师也可以将整个交互一边操作一边录制视频,然后输出*.mp4视频文件,如图1-1所示。用户浏览视频,就像在真实的App上操作,可以提前预览软件成品的呈现效果。

图1-1

1.2.3 插件支持

1.插件的作用

我们使用的智能手机,如果不安装插件,就只有打电话和发短信的功能。只有安装了插件,才能购物、查看新闻、社交沟通,可见插件是多么有用。

同样,XD软件也有插件,这些插件大部分是由其他企业的开发人员开发的。如果你有兴趣开发插件,也可在XD软件开发人员社区学习,然后开发一款好用的插件给XD软件的设计师们使用。

XD软件正处于一个萌芽阶段,以后它的功能会越来越完善,底层会越来越稳固,使用它的产品经理和设计师会越来越多,插件会越来越出色并且更简单易用。

设计师可以使用XD软件的插件,进一步提升XD软件的体验。例如Slack、Jira、Microsoft Teams和其他更多插件程序。

设计师使用插件,通常是为了提升工作效率和用户体验。那么此时,XD软件最大的优势是什么呢?

设计师可以在XD软件中直接使用所有已安装的附加插件,如图1-2所示,这能解决大部分的问题。

图1-2

2.插件的种类

官方将插件分为3类:插件(Plugins)、获取用户界面套件(UI Kits)和App第三方应用接口类插件(App Intergrations)。

Plugins类插件:设计师可以直接应用到设计图上。

UI Kits类插件:设计师可以使用整套设计界面,组合成自己想要的界面。

App Intergrations类插件:设计师需要安装第三方的应用程序集成软件,这样XD软件就可以与其他第三方应用程序互动,以此互补不足。

1.2.4 Adobe公司官方改进

XD软件是Adobe Creative Cloud的一部分,它集成了许多设计师熟悉和喜欢的Adobe应用程序,如Photoshop、Illustrator和After Effects等,使得XD软件可以与其他应用程序互动。

XD软件能够在Mac和Windows系统中使用,设计师无须担心切换平台无法设计。XD软件能为设计师提供出色的性能,为企业工作并创造价值。设计师和企业都可以通过简单的安装部署、轻松的管理和便捷的沟通协作功能,完成日常工作,进而输出高质量的原型设计、交互设计和界面设计。

目前90%的设计师都使用Adobe系列软件做设计。由于XD软件是Adobe旗下的一款免费软件,所以日后XD软件能够与其他Adobe软件互补不足,形成一个设计界生态链。

如果设计师追求极致的设计,就可以使用Adobe系列的多款软件,做出完美的设计,同时也保证各软件制作出来的图形图像能互相兼容,可供同系列的其他软件进行编辑和优化。