针对于 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.和开发讨论
对于一些布局排版,可以抽空和开发人员讨论讨论,怎样摆放可以方便他们的开发。