Adobe Xd初体验

这几日由于工作原因，接触到了Adobe Xd。初初体验之后，这个对Win友好还免费的软件真的让人欲罢不能。跟着教程视频走我大概用了四五个小时摸了个七七八八。接下来，从以下几点给大家介绍一下如何使用Xd开发一款原型界面：

目录

1.拖拽复制
2.界面滚动
3.重复网格
4.原型交互
5.资源网站
6.避坑指南
7.总结

正文

1.拖拽复制 强大的复制拖拽功能

无论你是从文件夹、网站、甚至像我这样从微信聊天框中拖动出一张图片，都可以拖进Xd创建的形状内。

同时，Xd也支持多张拖拽功能。

如果像我这样，有三个头像一列，你可以选中三张图片一起拖进圈内，如此一来，简单快手又友好。

2.界面滚动 界面滚动效果

选择你做的某张页面，进行界面长度的拖动，左侧会多出蓝色的小标号。那条蓝色的虚线意味着超出内容将会滚动显示。

当然，如果你想像我一样，需要将头部info固定，记得要勾选“固定位置”这个选项呀。

3.重复网格 “重复网格”功能

重复网格功能对于强迫症患者而言真的是极其的友好了，左右或者上下都进行复制黏贴，排版起来很开心。而红色显示区域进行上下拖动可以调整所有复制内容的间距。

4.原型交互 主要原型功能：叠加

自己操作的时候没有使用到叠加功能，所以找了教程给大家琢磨琢磨。像这个老师一样，制作弹出菜单的时候，便要用到“叠加”功能的使用了，而不单单是简单的页面跳转。

5.资源网站

①Xd Guru https://www.xdguru.com/
②material.io https://material.io/tools/icons/?style=baseline
③Behance https://www.behance.net/

6.避坑指南
①注册Adobe ID的时候，请不要选择“中国”地区，否则，“发布原型”无法使用嗷(:з」∠)

发布原型

7.总结
以上是个人所以为的Adobe Xd特别牛逼哄哄的功能，当然还有高斯模糊、“制作符号”等有趣好玩的功能在此就请各位慢慢挖掘吧。私以为Xd的高效性和基本功能的涵盖对于开发时间短、上手快有需求的朋友们来说，用起来是特别爽的。或者说，对于没摸过Mac没体会过Sketch的好的我而言，Xd真的很厉害了(:з」∠)。

关于练习作品：

界面展示.gif
教程在此：https://www.youtube.com/watch?v=Yt2troF-Eyc

及时复盘，及时分享。
好了，我要继续加油了，挥。