欢迎点击「算法与编程之美」↑关注我们!
本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。
1 问题描述
在用Mockplus制作app的原型图时,困难的不是组件如何使用,而是整体的布局与美观。如何去凸显主要功能?如何使用户眼前一亮?这都是原型图好与坏的基本评断标准。
2 问题分析
我觉得出现这些问题的原因主要有这几个,其一是没有彻底了解什么是原型图?其二是不知道原型图是用来做什么的?还有就是在开始任何一项工作前,首要的可能还是借鉴,去欣赏大神们的优秀作品,去感悟其中的始由。
3 解决方案
明白了问题所在后,就要着手去解决问题。我主要通过知乎,百度等线上方式以及与学长学姐交流的线下方式来解决如何做好原型图的问题。接下来,我将介绍一下解决的具体方法。
首先来了解一下原型图
1) 原型图是什么?
原型图是交互设计中比较重要的产出物,在确认的模块中添加功能模块细节的交互的形式,原型设计是交互设计师与产品经理、开发工程师沟通的最好工具。
2) 原型图用来做什么?
快速的记录下产品的功能及逻辑流程。
3) 原型图的要求是什么?
布局美观,逻辑性强。
原型图的使用技巧
1) 善用项目树,定好每一页的名字,定好页面与子页面的关系。