1.3   APP的草图设计流程及方法

1.3   APP的草图设计流程及方法

APP制作公司不仅需要更好地了解APP软件，而且它们更需要把自己变成一个专业的APP制作者。别人需要什么？设计师需要怎样去理解？需要如何构建这个过程？每个人都习惯性地喜欢对任何产品进行评价，每个APP制作者也都避免不了别人的否定。

但很多相互都不认可的评论都在激烈的相互辩论、视觉的辩论、交互的辩论中，回过头来又到了定位的辩论上。一个好的APP产品需要一个好的APP制作公司来制作，需要全方位的沟通与定位。视觉APP制作者的直接目标是向用户传达信息和视觉感受，出于感性认识；而交互设计的目的是设计用户体验的一个流程，出于理性逻辑。客户是要一个对他（她）有利的产品，一个能带来价值的物品。一个产品制作需要一个好的过程，需要有正确的定位，是一个不同的观念相融合的过程。

APP 软件的过程与方法：想法—设计—交互—开发—测试—产品。这六步过程带来的启发如下： APP 制作公司应该具备不同观念的人，只有多样化的APP制作者才能制作出大众认可的产品。

1.3.1  制作APP的市场定位

整个APP的市场生态目前还算相对健康，i OS生态尤甚。一款应用的流行，优先取决于市场定位，其次是品质，最后才是营销手段。这意味着平庸的产品无法靠强行营销来赢得市场。任何团队都应该将超过80%的注意力集中在产品本身，如果定位与质量俱佳，那么即使没什么营销能力的APP也会脱颖而出。APP的市场必须定位在目标人群高度集中的区域，才能提高转化率。显而易见，所谓“目标人群高度集中的区域”就是指应用市场。它满足两个条件：第一，用户的设备齐全；第二，方便下载安装。而这些恰恰都是影响推广转化率的关键因素。

1.3.2  草图的绘制

对于设计师而言，对线框图的期望其实是一种能够在繁重设计工作中整理自己思路的方式。而绘制缩略图更多的是为自己积累更多的创意，从中找到自己思维中的闪光点。草图的绘制是设计的基础，大部分的设计师都会将草图当作设计的第一个基础步骤。

手机APP的草图绘制步骤如图1.26所示。

1.3.3  视觉设计

在APP设计中的高保真原型完成后，就应该进行视觉设计了。APP设计提倡有质感、有仿真度的图形界面，并让APP的界面设计尽量接近用户熟悉或者喜欢的风格，这需要在配色和图标上下功夫。下面，就来看一下视觉设计感强烈的APP设计。

视觉设计感强烈的APP设计如图1.27所示。

在APP设计中，由于移动设备的关系，设计上应尽量保持简洁，若非必要就不要放上华丽的图形或其他信息来吸引用户。设计者需要让信息一目了然，使用户能够充分地理解和更加简便地运用。

简洁、一目了然的界面图标设计如图1.28所示。

[作者分享]

在APP设计中，icon将决定APP在Store中的辨识度，可以先从简单的轮廓开始，从核心创意开始。除非有必要，否则icon最好不要包含文字，并且尽量使用跟设计的APP图形界面一致的材质和渐变。如果想给用户呈现高质量的UI设计，别忘了把icon设计成29 px×29 px、72 px×72 px和512 px×512 px三种尺寸。

1.3.4  最终定案

在进行了前面一系列的包括制作APP的市场定位、草图的绘制和视觉设计之后，设计师们就需要给设计制定一个最终的方案予以执行。

游戏APP的最终定案制作效果欣赏如图1.29所示。

美食APP的最终定案制作效果欣赏如图1.30所示。

[作者分享]

在APP设计开发中，如果用户自己不开发APP的功能，那么就需要把清晰的设计指南交付给开发人员。比较好的方法之一就是把界面和描述集中到一张大图上，并尽可能地把所有可遇见的情况给开发人员描述清楚，同时对PSD文件进行尺寸标注、说明。