[导读] 今天分享给大家的是一些关于APP原型设计的三种表现方式。主要有三种:手绘原型、灰模原型、交互原型。从工作效率的角度考虑,小编非常建议先通过手绘的形式快速在草纸上绘制出
今天分享给大家的是一些关于APP原型设计的三种表现方式。主要有三种:手绘原型、灰模原型、交互原型。从工作效率的角度考虑,小编非常建议先通过手绘的形式快速在草纸上绘制出产品的原型,推演和讨论方案的可行性。当方案的可行性被验证之后,我们再根据个人习惯或团队要求,通过原型软件工具进行更深入的设计。

① 手绘原型
因为原型也被称为线框图,因此手绘是最简单直接的方法,也是最快速的表现产品轮廓的手法。
手绘原型在初期验证想法时非常高效,也方便讨论和重构,同时也适合敏捷开发时快速出原型。
如下图所示:

如果你喜欢手绘风格的APP产品经理或者是APP UI设计师,可以用这个工具帮助你实现。
Balsamiq Mockups 是一款基于Adodb AIR的优秀跨平台原型设计工具,提供了丰富的各种常用元件,可快速制作出手绘风格的原型图。
所以,手绘原型图是属于低保真框线图。
② 灰模原型 也就是线框图为主的原型图
灰模原型是由图形设计软件制作而成,最常用的软件是Photoshop和Fireworks,相对手绘原型,灰模更加清晰和整洁,也适用于正式场合的PPT形式宣讲。
灰模原型也可以称之为平面原型,所以如果不会使用图形软件也可以使用Axure RP设计,相比交互原型,灰模原型只是缺少交互效果,仅仅是将产品需求以线框结构的方式展示出来,让产品需求更加规整的直观展现。
如下图所示:


③ 交互原型
交互原型是使用原型设计软件完成的原型,常用软件是Axure RP,通常情况交互原型的设计要早于产品需求文档,是产品经理想法推演的重要一步。
通过Axure RP之类的交互原型软件制作出来的产品原型,在功能需求和交互需求的表现上,几乎和正式产品是一致的,所以有时交互原型也被称为产品Demo版。
用Axure生成链接即可访问预览交互效果,
操作是:点击Axure右上角的Axure Share,然后就可以把原型图发布成链接了。
今天分享一个高保真的交互原型图:

通常情况下交互原型是产品经理与交互设计师共同讨论确定,然后由交互设计师制作,但是绝大多数的公司是没有交互设计师这个职位的,因此这类工作最终是由产品经理来负责的。
最后,以上三种方法并不是渐进的流程,而是三种原型设计的方法,具体取决于你的APP产品需求和团队人员要求。
对于移动端APP产品经理来说,原型设计是为了帮助我们细致的考虑方案,并论证方案的可行性,同时也是为了产品宣讲时让听众能够清晰直观的了解产品,避免抽象的语言描述导致听众理解困难和理解偏差。
产品原型也是为了确保产品在执行过程中,是按产品经理最初设想的需求和期望完成的,因此产品经理的原型是没有很高的要求的,只要对方能够听懂看懂就可以了,所以使用手绘原型是最高效率的方法。
以上这些就是小编要个大家分享的APP原型设计表现方式大揭底。
- 上一篇:直戳人心的APP设计文案
- 下一篇:APP设计同质化如何破解
免责声明:
丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。
APP原型设计的三种表现方式
的相关文章- app icon图标的统一绘制与优化
- 微信语音骗局,APP使用引发我们的思考
- APP设计中创意十足的Loading动效
- 移动app设计当中常见8种基础布局方案
- 四大维度全方位剖析APP分享功能
- APP设计技巧之减少用户等待感
- UI交互设计案例之动效UI设计
- APP学习干货之爆品金三角法则
- 从零开始学习APP系列的切图标注
- APP设计教程之弹框设计的技巧
- 三款APP设计交互当中的小细节
- 欣赏一些漂亮而生动的APP引导页界面
- 移动端app极简设计原则
- 如何应用黄金分割比例到APP界面设计
- APP细节考量的四个方面
- 如何设计持续时间场景的APP页面
- 国外优秀的app界面设计案例欣赏
- APP设计同质化如何破解
- 直戳人心的APP设计文案
- 一组超可爱的移动APP表情包设计
- 10种最经典的APP UI界面设计模式
- 如何通过颜色搭配来布局移动APP界面和排版设计
- 总结一些打动人心的APP设计点
- 欣赏一组高品质的简洁大气的APP设计
- 如何应用黄金比例工具来设计APP界面
- APP交互设计实用的触屏手势矢量素材
- 欣赏六款手游APP的交互案例和UI设计风格
- 如何设计出简单的APP图标组合
- 了解APP空状态下UI界面设计思路
- 了解移动端APP的设计趋势
- 分享一组美食APP设计素材
- HeyU Mobile App UI界面PSD源文件
- 2017年app创意设计作品
- 聊天APP UI界面设计文件下载
- APP设计模板PSD素材下载
- 移动端APP UI版式设计原理(下)