原型利器前瞻！AdobeExperienceDesignCC

　　今天知道Adobe家族刚加入了一款新产品，叫AdobeExperienceDesignCC。今天，带大家一起体验下Preview版本的各个特点。
　　去年Adobe就在网站上放出了AdobeProjectComet的简介和视频，如今已经可以下载到Preview版体验试用，当前版本将软件更名为Xd（文件格式也是。xd）。
　　目前，XD暂时只有Mac版本，不过官网已经明确表示Win版即将推出。简单来说，XD是一款矢量化图形设计简单原型制作的软件，有点类似于SketchSilver的组合。XD主要增加了交互，并且能够对交互录像。这更加方便产品经理对需求和交互了，不是么？
　　首先是打开软件的首页：
　　支持的设备与尺寸还是比较丰富的，比如iPhone的6P、6、5S等设备和尺寸。同时，XD还自带了一些常用的UIKits，比如iOS、GoogleMaterial以及MicrosoftMatetial等，这样就可以帮助设计师以及产品经理快速从素材库选取内容搭建页面和原型。是不是很方便呢？
　　不过，相比较Sketch而言，XD在选择设备与尺寸上还有比较大的提升空间。新建文档的时候，没有办法直接选取设备和尺寸。另外，在画布中新建所需的画板（主要为选择对应设备尺寸的画板而言）也不是太方便。
　　整个软件的界面非常清爽，如果你对Sketch的很熟悉，那基本不需要任何额外的学习就可以直接上手使用。另外，如果你是Adobe的忠实用户，他们的界面布局也基本上是一致的。
　　上图是XD的主界面了，左边是工具栏，包括选中、插入矢量图形、钢笔、文字还有画板（Artboard，与Sketch类似），是不是很熟悉？右边是类似Sketch的检查器，选中不同类型的元素时就会出现相应的编辑内容，比如阴影、颜色、对齐、布尔运算还有生成表格等。对于矢量元素可以方便地添加、删除、编辑锚点，配合钢笔可以做出任何你想要的图形。
　　另外，提及一点，XD在图层的支持上现在并不好。如果设计师或者产品设计规划较复杂的界面，对图层的使用是一项比较重要的功能。主要是需要较快的选择图层进行编辑和调整，不然真的会头疼。这一点，XD和Axure很类似。
　　一个神奇的功能叫做RepeatGrid，实际效果就是可以通过拖动来快速直观地生成一个Gird。看我说起来好像和Sketch或者PS的同类功能没什么区别，但实际试一下就会发现XD的交互方式更佳直观简便。
　　鼠标按住某个间距时，会直接显示数值。并且如果你对间距进行拖动的话，可以让整个Grid间距跟着变化，整个过程只需要鼠标不需要其他额外的快捷键辅助。
　　图片的添加和替换也很容易，直接把png丢到对应的位置，XD会帮助你自动匹配。当然如果不满意再自己调整就好。
　　其实设计部分这些功能就足够了，深层次的操作大家可以挖掘一下。下面介绍一下原型（Prototype）功能。
　　在界面的左上角可以快速在Design和Prototype中切换。在Prototype界面下，选中元素会发现右边出现了一个小箭头，并且可以选择简单的动画类型和参数：
　　比较遗憾的是目前XD中只能做到页面的切换，也就是让另一个页面从不同的方向滑入切换原本的页面，最多也只能做到淡入淡出，想要让某个元素单独飞出来目前应该是做不到的。不过我觉得既然主打了原型功能，Adobe应该不会只满足于页面切换，未来一定会增强这个功能的。
　　软件自带了预览功能，可以在Mac上直接查看效果。软件还可以对交互效果进行录制，不过好像尺寸分辨率都不能调整，目前只能导出mov格式的视频。另外暂时没有看到对应的App在手机上预览，不过通过Share功能可以生成一个链接，发给别人之后就可以在手机上看了。
　　总而言之，XD软件的界面设计还算是比较有特色的，但是总体感觉，抄袭Sketch的影子太明显，或许是我用Sketch太久的原因吧另外，Adobe有PS和AI的基础我相信视觉设计部分肯定不会有问题，只是现在的交互部分还尚显稚嫩。毕竟现在还只是Preview版本，相信Abobe在后续的迭代中会将打造得越来越好。
　　XD官网：http：www。adobe。comproductsexperiencedesign。htmlx