UI设计| 如何高效输出移动app产品原型?

发表于2015-07-11
评论0 1.6k浏览

想免费获取内部独家PPT资料库?观看行业大牛直播?点击加入腾讯游戏学院游戏美术行业精英群

167422913

  【武汉学UI设计-AAA数字艺术教育】如何高效输出移动app产品原型| 清晰的产品设计思路,顺畅的团队协作,齐备的素材元素,真实的用户体验……保证过程的高效,更要保证有效的成果。下面我们将分三步完成高效输出易懂app产品原型。

一、输出以界面为单位的产品流程图

  高效输出,首先要保证产品的整体思路要正确,这点可以从产品流程图中体现出来。移动产品需要做到聚焦,因为手机界面的大小,用户的碎片化使用等等,所以一个界面上必然不可能出现太多的内容和行动点,这就保证了我们可以用最简洁的方式来画流程。以界面为单位,定义 “界面标题”和“主要内容”,如下图所示:

gbz01

  如何利用起这样的界面单位来画流程,下面以一个app的登录注册为例:

gbz02
gbz02
gbz02

  这样的一个产品流程图,可以快速了解产品有多少界面,检验用户路径是否太长,形式简单,也方便讨论修改。

二、使用可修改的基础原型控件

  如何快速产出高保真原型?一套备用的基础原型组控件必不可少。大部分设计师一般使用axure来完成产品原型,所以从协同合作的角度,本文专门在axure里制作了整套最常用的移动产品组控件。设计师只要改文字,改颜色,摆位置就可以完成简单的高保真原型。 axure软件介绍及下载>>

gbz03

  以此控件为基础,在之前提到的app登录注册例子,快速组件高保真原型,如下图:

gbz04

  关于设计上很多细节,大家可以参看这篇文章【UI设计学习规范| ui设计中图标尺寸是多大?】,里面涉及到很多最基本的移动设计知识。

三、制作可点击的动态原型

  完成高保真原型,根据流程图,可以很方便制作出在手机上可体验的动态效果,让产品人员或则用户真实感受app实际的效果。

gbz06

  UI设计中对于交互设计这部分已经越来越重视了。这篇文章主要是通过交互原型,将UI设计师的思想表达出来,炫酷的界面设计固然重要,但是UI设计师的核心在于用户体验和团队协作,有时候是一句注释就可以说明清楚的问题,干吗还要花几小时甚至更多的时间去制作很逼真的效果。


  转载自:AAA数字艺术教育

原文链接

著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

游戏学院公众号二维码
腾讯游戏学院
微信公众号

提供更专业的游戏知识学习平台