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

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

清爽,干净的主界面,是不是让人忍不住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
网友评论