10大优享服务
62项会员特权

app界面设计学习,高效输出移动app产品原型

发布时间:2021-12-01 14:31:03     阅读次数:8063次     评论数:0次

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

app界面设计学习,高效输出移动app产品原型

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

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

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

  

  

  

  

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

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

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

  关于UI界面设计上很多细节,大家可以参看书籍【方寸指间——移动设计实战手册】,里面涉及到很多最基本的移动设计知识。

  

  

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

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

  

  由于时间关系,小编就介绍到这里了。如果觉得有用,就请多多关注一品威客网!如果你需要app开发网络推广,设计,文案写作,营销策划等服务,欢迎到一品威客网发布相关需求,让广大的服务商为您解决难题。

本文地址:
来源:一品威客,转载须经版权人书面授权并注明来源

留言(0

↓展开留言

该攻略尚无留言记录