几个月前决定总结分享一个Axure教程系列，结果现在才腾出时间来梳理。Axure是最常见的产品原型工具了，看完这篇文章，你就基本具备了日常工作需要的产品原型能力了。
Axure入门到够用教程
1. 尺寸规范
1.1 网页端产品尺寸
优秀的产品原型是需要做到像素级高保真的，这样便于之后设计师输出设计图，毕竟眼见为实嘛。现在互联网主流屏幕分辨率有1920 * 1080、1366 * 768、1440 * 900。
你在画网页产品原型时，可以选一个分辨率进行，之后可以通过技术上实现适配。如果你的工作电脑分辨率不够高的话，建议选择1366 * 768分辨率来做原型。
1.2 PC客户端产品尺寸
PC客户端产品的标准不一，有尺寸比较大的，比如某些视频播放器、360安全卫士；也有尺寸比较小的，如QQ、YY。PC客户端产品的尺寸目前好像没有太多的规范，但上限基本就是网页的尺寸上限。
1.3 移动端产品尺寸
移动端产品是现在的主流，苹果和谷歌在积极推进移动端产品的设计规范制定，移动端产品的设计规范较为健全，网上有丰富的资料。
iPhone界面尺寸
iPad的设计尺寸
Android SDK模拟机的尺寸
Android安卓系统dp/sp/px换算表
iOS的手机尺寸比较固定，因此很好选择相应尺寸，进行原型设计。安卓系统尺寸较多，一般选取一个比较主流的尺寸进行原型设计，我一般选择640 * 960分辨率进行原型设计。
2. 掌握静态原型设计
Axure可以做很酷炫的动态效果，但日常产品原型设计只需要输出静态的产品原型就基本够用了。做动态原型比较花时间，而且不容易把每一个界面的细节展示清楚。
静态的产品原型设计上手非常简单，如上图所示，你用到的地方基本只有我用红框框标记出来的地方，连母板都用不到。一句话，你只要会把“1”里面的部件拖到“4”里面就算入门了哈哈。
| 1 部件库 |
存放了许多常用的产品组件，你可以直接拖动它们使用，还可以去下载一些部件导入使用 |
|||
| 2 站点图 |
这个地方是你规划产品组成的地方，一级、二级、三级界面…每个界面放什么，逻辑要清晰哦 |
|||
| 3 工具栏 |
这个地方用于调整部件的某些属性，比如文字、线条、阴影、位置 顶部的几个按钮用于调整部件之间的关系，如组合、对齐、置顶等 |
|||
| 4 界面窗口 |
这里在展示你产品的果照哈哈，你可以把“1”中的组件直接拖入，也可以直接把其他地方的图片什么的拖进来用 |
|||
3. 重要的我还是下面告诉你吧
3.1 不要轻易用纯黑色
画产品原型时，不会轻易用到纯黑色。最难用好的颜色往往是看似最常见的颜色，黑和白，无处不在，难以捉摸。能用好黑色和白色的产品经理和设计师，功力一般会比较高。
3.2 icon很重要
我可以这么说，你的产品原型是不是好看，icon至少能起到30%的作用。设计师都需要不断积累设计素材，产品经理在画产品原型时，也需要不断积累icon素材，酱紫你的原型才能越来越专业、好看。这里Glen分享一个很赞的icon库给大家，大家在公众号里输入“icon”就可以啦。
另外再分享一个超赞的网站，阿里巴巴矢量图标库：www.iconfont.cn。这里面有各种各样好看的图标，慢慢积累，你的原型会越来越漂亮滴。
3.3 为了省点力，你还是学学母版吧
母版的作用，就是让一些常用的组件，如顶部状态栏、底部Tab等，不用重复设计。把这些变动不大的部分做成母版，之后可以直接拖出来用了。
看到这里，你已经做到Axure从入门到够用了。但Axure远不止这些，还需要对自己有更高的要求，最近Glen正在研究做Axure动态原型，有机会分享给大家。
产品经理Glen，华为、欢聚、迅雷工作经历，
人人都是产品经理专栏作家、早读课金牌作者。
原创文章，作者：交互精选，如若转载，请注明出处：https://www.iamue.com/35620/
