交互设计新体验——Adobe Experience Design

[xudonghui]

一、 写在前面

• 在这里介绍的是一个逗比（Adobe）的最新交互设计工具Adobe Experience Design预览版（目前仅有OS X平台上有），自从上次某@奤晓在票圈里分享了这个工具的介绍后就一直对此非常感兴趣，作为程序猿，稍微了解一下UX工具也不是什么坏处。现在对于这款工具的介绍还不是很多，主要是因为目前预览版还不完善，可以说功能非常欠缺，仅仅能作为一个演示工具，但我们依然能通过目前的版本看到它未来巨大的潜力。由于本人没有从事过交互设计的工作，因此无法用它和其它UX工具作对比，且以下内容仅是在简单把玩后的一些心得体会，请谅解。

二、 开始吧！

• 打开XD首先引入眼帘的是一个模板选择界面，在此Adobe为我们提供了iPhone、iPad、Web等常见的设 计尺寸。同时还有一个范例以及iOS、Google Material等常用的控件库。

- 进入软件界面后是这样的，对比Adobe其它产品，XD界面非常简洁、清爽（也有可能是功能不全）。大体可分为两种模式：Design Mode & Prototype Mode（图示为自带范例） - 在Design Mode中可以应用左侧工具栏中的矩形工具、圆形工具等进行设计，并且可以在右侧的检查其中编辑各个Object的property。目前XD还可以从其它软件（如Illustrator）中导入SVG图像，但目前还不可以导入PSD，感觉是一个比较大的缺点。

- 其次是我眼前一亮的是Export assets功能，而且可以选择导出的对象，Web、iOS或者Android。对于iOS，会直接导出三个尺寸，非常方便，在经受程序猿自己截图、p图的折磨后感觉这简直是救星。

- 目前的Prototype Mode还比较简易，仅支持view间的简单跳转。在该模式下，将光标放在任意的Object旁，就会出现一个小箭头，直接将其拖拽到要跳转的view即可，用过Xcode的同学应该感觉比较熟悉。同时，用户可随时进行预览并record。

- 在完成设计后还可以通过右上角分享，生成一个链接，直接在浏览器中查看交互效果，非常方便。这里用新波板糖的一小小部分作为[范例](http://adobe.ly/1Qcf0RO)。

三、小结。

• 无论从控件创建、编辑，交互效果等诸多方面来看，功能还是太简单，但却留给人很多期待。希望在正式版中能丰富现有功能，并且能与Ps、Ai等配合使用。
• 目前预览版可免费下载，有mac的同学可以试着玩一下，官网上有一些教程，B站上也有一个快速上手教程。