部分文案来源：新客网 XKER.COM 原文链接：http://www.xker.com/page/e2016/0317/235641.html

Adobe家族新成员 Adobe Xd 最近很火，尽管现在只有Mac版本，但已经让Win迷开始期待不已。

Adobe XD 到底是什么鬼？

Actually, 它是

一款矢量化图形设计 ＋ 简单原型制作的软件

这款软件有点类似 Sketch和Silver 的结合。

那么，叉d又是什么？

拜托，活在上面的那位小编滚粗，是XD好不。Experience Design，就是增加了交互，而且能对交互录像。昨天和大家分享了叉d（喂..)的界面和部分工具概览。今天说说那个好玩的功能——Repeat Grid ：

实际就是可以通过拖动来快速直观地生成一个 Gird

据说，虽然 PS 和 Sketch 有类似的功能，但是  Adobe Xd 的交互方式更加简便、直观。

鼠标按住某个间距时，会直接显示数值

如果你对间距进行拖动的话

可以让整个 Grid 间距跟着变化

整个过程只需要鼠标，不需要其他额外的快捷键辅助

图片的添加和替换也很容易

直接把 png 丢到对应的位置

XD 会帮助你自动匹配

当然如果不满意再自己调整就好。

其实设计部分这些功能就足够了，深层次的操作大家可以挖掘一下。下面介绍一下原型（Prototype）功能。

在界面的左上角

你可快速在 Design 和 Prototype 中切换

在 Prototype 界面下选中元素

你会发现右边出现了一个小箭头

并可以选择简单的动画类型和参数

遗憾的是目前 XD 中只能做到页面的切换

也就是让另一个页面从不同的方向滑入切换原本的页面

最多也只能做到淡入淡出

想要让某个元素单独飞出来目前应该是做不到的。

不过既然主打了原型功能

Adobe 应该不会只满足于页面切换吧

软件自带了预览功能，可以在 Mac 上直接查看效果。软件还可以对交互效果进行录制，不过好像尺寸分辨率都不能调整，目前只能导出 mov 格式的视频。另外暂时没有看到对应的 App 在手机上预览，不过通过 Share 功能可以生成一个链接，发给别人之后就可以在手机上看了。

总而言之，XD 软件的界面设计还算是比较有特色的。另外，Adobe 有 PS 和 AI 的基础，相信视觉设计部分肯定不会有问题，只是现在的交互部分还尚显稚嫩。毕竟现在还只是 Preview 版本，相信 Abobe 在后续的迭代中会将打造得越来越好。

本打算要和大家介绍Adobe Xd快速设计图标和界面的方法！然而小编心好累不想多说话，不然你们点阅读原文慢慢看好了？欢迎进入QQ群：522097667，我们与高级交互设计师——黄方闻有个约会，不来你就走宝了。

高级交互设计师 黄方闻

最后，赏你一碟小菜

Adobe Xd软件的安装与工具使用指导 

记得点...阅读原..文...学习...Adobe X..d 快速设计..图.标.和.界.面.不.用.谢我..