画了这么多版本的同一产品,越画越想吐的同时,发现自己效率方面优化了很多地方。
按照以下流程去设计原型,会一定程度上提高效率。
1、设计页面样式
背景色:#F2F2F2(灰度,保护视力)
字体:微软雅黑(视觉上会更优美点)
![](https://img.haomeiwen.com/i647767/61647162bca5b3f6.png)
2、设计地图框架
设定好地图框架后,再去琢磨各个板块的细节
![](https://img.haomeiwen.com/i647767/b05aff7ab7a4be80.png)
3、具体设计环节
3.1、每新用一类元件,设定其元件默认样式,重复利用的东西,越早定规范,效率越高
比方说“文字标签”,设定默认样式(大小、字体等)
![](https://img.haomeiwen.com/i647767/347e22b9c89b5355.png)
3.2、通用模块使用母版制作,便于统一管理
常见规范:整体大框架:背景色:#C9C9C9 倒数第二次背景色:#AEAEAE
列表页字体:微软雅黑 13
强提示按钮:颜色#949494
3.3、母版太多时,按板块分类管理
3.4、遮罩层设置,设置黑色50%透明度
![](https://img.haomeiwen.com/i647767/ad245a73e8210929.png)
(... ... 等等)
4、结尾:
①、补充各个页面需求描述(可用Axure8 中的水滴标注 需求描述位置)
![](https://img.haomeiwen.com/i647767/8343369c2d864197.png)
②、添加页面之间的链接(非必须)
③、锁定页面
④、页面名称编码
⑤、更新修改记录&文件名
![](https://img.haomeiwen.com/i647767/9d2e6361cd108a12.png)
网友评论