交互设计分享｜入门指南

一、工具

市面上交互设计原型软件五花八门。对于入门阶段的童鞋，不用纠结用哪个软件，先把Axure RP玩熟练再说。设计经验有了，以后要迁移到其它工具很容易。

1. 软件安装

建议购买正版软件，以下下载仅供学习使用
《Axure RP 7.0下载地址及安装说明》

2. 入门教程

网易云课堂上有一套很不错的学习教程《Axure RP7.0从入门到精通》。

教程1-12讲免费。建议把这12讲看一遍，看的过程中跟着视频操作，软件基本使用就没什么问题了。其余高级功能，等今后实践过程中碰到问题时再上网搜索解决（土豪也可以直接购买课程来继续学习）。

3. 临摹练习

软件装好了，基本功能的使用也掌握了，接下来就是多做练习，把工具用熟。

这个阶段，最好的方法是找一些自己平常喜欢的页面，在Axure中试着把它们的原型画出来。

一开始的练习不要太难，这样容易获得正反馈而坚持下去，如果把初始目标定很高，没达成可能就直接放弃学习了。

第一个练习，可以尝试一下google chrome的首页。

第一个练习

虽然页面已经很简单，但做的时候还是会有很多细节要考虑，比如：

1. 右上角的链接，鼠标移上去会有下划线
2. 搜索框的麦克风，鼠标移上去有提示
3. 网页缩略图，鼠标移动上去会有关闭按钮样式，删除成功后，页面下方提供撤销和还原的功能
4. ……

做完这个页面，基本上已经把最常用得功能练习了一遍。

再接下来，就循着这个思路，再找些页面继续练习吧~

二、素材网

我日常使用的素材网站只有三个，能满足90%的工作需要：

1. IconFinder：输入关键字查找图标
   这里要注意的是，一个原型里最好使用同一系列的图标，或相近的图标，以保持原型的一致性。比如我们搜索并使用了一张edit图标，这时要找一张share图标时，可以到原来edit所在iconset下先寻找，找不到了再搜索其它图标。
   

   

   IconFinder

2. gif生成：gif图片到这里找，图片大小、颜色、速度可以自定义；

3. 花瓣：其中UI/UE板块有很多优秀的产品设计图片，碰到喜欢的图片可以采集下来。是找灵感、找素材的好地方。