当前位置: 首页 >> APP界面设计_APPUI设计_APP设计素材 >> 阅读正文

使用Mockplus快速制作简单APP原型的设计流程

这一节课程主要是跟大家分享如何选择合适自己的 APP原型制作工具来快速完成一个APP原型稿的设计。非常适合产品小白童鞋来体验和学习。

学堂君也相信每个人都有自己的工作方式,但并不是每个人的工作方式都是科学的、有效的。我们也要学会从人家的工作方式当中提炼出符合自己的工作方式的东西。

mockplus原型设计

 

下面25学堂的小编就来跟小白同学一起学习下APP初级原型设计流程。

 

第一步:产品原型草图绘制——同时也是灵感的迸发

这一步对于小白来说,必须要经历的一个过程。因为这样的过程是最具记忆力的。

这个时候,我们所需要用到的工具:白板和记号笔,甚至就是最简单的纸笔等。

APP原型线框图设计指南

这一阶段要集中时间进行头脑风暴,把所有与主题相关的想法留纸在白板上。以便后期筛选。

 

第二步:筛选拼装—合理的舍取

这一阶段主要是根据可行性原则 对白板上的想法进行筛选和拼接。慎重提炼出来新的观点。

把真正的亮点拼接到一起,查缺补漏,就可以组合完成一个初步的设计方案了。

比如下图的APP设计方案:

两种APP设计方案

 

第三步、设计原型实践过程——强迫症一般的循环完善

这个步骤是一个好的想法能否照进现实的关键所在。在这里,我们将会用到Axure、Balsamiq这类原型设计工具。

这一节课主要讲解的APP初级原型设工具是mockplus

选择mockplus的原因是:

原因一:

Mockplus是更快更简单的原型设计工具。交互快、设计快、演示快、上手快。拖一拖链接完成交互设计,放一放组件完成原型图,扫一扫二维码在手机中演示。支持移动App原型设计、Web原型设计和桌面应用原型设计。

mockplus原型设计2

 

原因二:

在第一次完成原型的设计后,演示给需要接手的同事们,进行快速讨论,然后对原型修改,再去演示。开启这样一个循环模式,争取在最少的循环内做出一个让各方都可以接受的设计方案。开启了APP原型图修改循环模式。

如下图:

原型设计修改模型

 

所以,选择一个好的便捷的APP初级原型设计工具是非常重要的。

在此,25学堂推荐使用一下mockplus,比墨刀更具交互的APP原型工具。

mockplus官网:https://www.mockplus.cn/

以上就是三步操作就是整个完整的APP初级原型设计流程。希望小白童鞋可以看得懂。看得明白。

 

最后,学堂君想说每个公司、每个团队、每个设计师都是不一样的,并没有所谓的统一标准,更多的是因地制宜。

分享这篇博文的主要的目的是为了抛砖引玉,如果有更加靠谱的方式方法,希望各位大神不吝赐教。小白们也要来一起沟通交流,大家共同进步!

 

本文标题:使用Mockplus快速制作简单APP原型的设计流程

本文地址:http://www.25xt.com/appdesign/12945.html

本文关键词: , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。