原型图绘制技巧

针对于 Axure RP绘图软件。

1、拉辅助线

• 目的，确定画布大小尺寸
• 从上面和左面的刻度尺上，点击鼠标，拖动，就可以拉出一条线。

2、画布底模设为组件

右键转换为母版，方便后续其他页面使用

3、按钮

• 按钮字体不要太大，

• 字体要和按钮边框有合适间距，不能太窄

4、原型图字体

• 范围为12~18，常用大小为16、18
• 主体字体和附体字体颜色深浅不一，大小也不一致，要区别开，主深辅浅，主大辅小，具体细节慢慢匹配琢磨，例如

5、画框

里面填充的颜色要和边框颜色同色系，如，浅灰就都选浅灰，边框颜色要比填充颜色深一度，体现细微对比度

6、原型图整体颜色

参考网站，Element

层次感，整个大的页面布局要选同色系的，如，选浅灰，页面要用不同深度的浅灰，使页面看起来有层次感。

关联性，可根据颜色的深浅，体现出模块之间的关联性

7、横排文档布局

要注意左面写了文件名图标等，右面也一定要放些东西，如日期、作者名等，不然版面显得空荡，不美观

8、图标

参考网站，iconfont-阿里巴巴矢量图标库 

• 里面可搜索并下载需要的图标

• 开发可用SVG下载，原型图设计可以PNG下载

• 下载下来后可将该图标复制粘贴到Axure RP中。
• 注意，选用同类型的图标，如果选用简约，就都用简约。点击作者头像可以找到同类型的图标，但是一般一个作者的图标不够选，可以在多个相似图标类型的作者里凑齐图标。

9.菜单栏的制作

• 文字要和图标有些许错位，（什么样的图标配什么样的文字要自己细细匹配尝试，时间紧急的情况下可以不注重这些细节，大方向做好就好）

• 图标可存为组件，右键转换为母版，下次就可以在其他页面批量使用。

10.画原型图前的准备 ⭐

先思考整个软件框架，梳理流程，串起业务，确定：

• 分辨率的大小，一般是1920*1080
• 有那些批量的、高频用到的组件提前画出来，存为母版，方便后续使用

如此，便可快速绘制出原型图！

11.和开发讨论

对于一些布局排版，可以抽空和开发人员讨论讨论，怎样摆放可以方便他们的开发。