去年，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汉化包网盘地址：http://pan.baidu.com/s/1qXpWdh6
网友评论