［体验］嘿！Experience Design

去年，adobe在Max大会上发布的Project Comet（Experience Design的前称）的演示视频让人振奋不已，这周的早些时候，adobe终于发了新款的设计软件：Experience Design的MAC预览版（Win版本会在之后更新中推出）。让我们一起来看看它是怎样的一款让人期待的设计工具吧：

（Experience Design的启动页）

启动页被分为了四块区域，分别是：选择设计画布尺寸，最近文件，以示例文件开始，UI组件及资源。画布尺寸提供了移动端，平板端，桌面端三种设计尺寸，可以通过下拉选择更多的设备尺寸；控件提供了完整的IOS,Material及Metro的规范组件。

然后我们从官方提供的示例文件开始吧：

（进入Experience Design的主界面）

清爽，干净的主界面，是不是让人忍不住wow出来。当前的设计界面分为了左侧工具栏，设计面板，属性调整面板三部分组成的。

工具栏：考虑到XD轻量设计应用的定位，工具栏相对于adobe的其他设计软件精简了很多，只保留了选择工具、矩形工具，椭圆工具，直线工具，钢笔工具，文字工具，新建画布七项，没有与绘制无关的干扰项，更加专注于界面设计本身。

绘制的简单图形

试着用了用几个工具，和Sketch一样，基于矢量的绘图操作起来还是十分舒服的，矩形可以通过拖拽形状中的四个小圆圈来控制圆角

选中后可以编辑圆角

单独编辑圆角要选中后，双击通过编辑路径来完成

双击后

再次双击编辑锚点

选中图形后，可以通过拖拽图片到图形中，直接完成剪切蒙板的操作，使用起来很舒服，但是我在剪切图像的大小是自动匹配的，找不到编辑的地方。

拖拽图片进入图形

剪切蒙板

文本编辑不能编辑行高

这一处拖拽锚点显得有些怪异，因为拖拽它是让文本内容放大。

同样，我们发现了重复网格这样一个有趣的功能：

重复网格

选中图形后，激活重复网格，形状会出现新的长圆角锚点，

选中状态

拖拽之后会等距的复制出相同的内容：

重复网格

对大量的重复填充信息处理还是十分高效的，比如头像，图片，文本内容等等。

添加画板提供了比启动页更多的内容，比如watch的画板。

更多尺寸

接下来切换到原型模式体验一下：

原型模式

原型模式下， 工具栏仅保留了选择工具，而画板及图层可以通过选中后点击箭头，链接各页面间的交互。

选中状态

链接交互

注意到选中的画板左上角的home icon没有？这里是标记演示时呈现的主页。

链接画板后，会弹出一个dialog：

交互弹框

用来控制跳转之后的交互属性，被选择的触发项可以是图形，文本，和画板。

右上角有原型预览及在线分享原型的功能。

预览与分享

打开一个新的窗口，可以进行操作的原型。右上角的record可以进入录制模式，然后以.mov格式存储起来。

预览原型

存储压缩质量很高。

保存本地的视频

而在第二个在线分享，可以像axure一样在网页中预览，并进行交互。

生成一个分享链接

在线分享，可交互

作为预览版，XD的表现也足够让人感到惊喜，但是试着能不能与其他adobe的文件进行联动，可惜当前版本没有实现这些功能，adobe仍然有它的优势，MAC与Win的双版本会让XD更加普及，近期的XD团队采访时，表明了当前团队能够达到每月更新这样一个高效迭代的速度，XD的正式版也让人很期待啊。

Adobe Experience Design汉化包网盘地址：https://pan.baidu.com/s/1qXpWdh6