App UI设计指南参考文档

App UI设计指南

1、概念创意

首先，要确定你的创意还没有人做过。如果你发现已经有类似的app，那你需要比它做的更好，有一些独特的优化设计。最好的调查方式是到App Store上搜索已有的App程序。

2、App定位

当公司有了创意，还需要有个明确的定位，它会在后续的设计过程中决定app的设计要点。app定位可以通过苹果的人机界面指南（Human Interface Guidelines）图来确定。距离图中坐标原点位置越远的app，特点越明显，越需要精美易用的界面设计，让他们与其他竞争者明显区分开来。App定位一般在原点位置，即简单使用的辅助工具。

3、核心功能

确定App定位后，接下来需要聚焦App的核心功能。在团队合作设计时，这一点尤其重要。团队在提出各种功能需求时，很容易陷入哪些功能要包含在第一个版本中的争论。这个过程叫设计ADS（Application Definition Statement），或者叫设计精简的ADS。

4、产品草图

走到这一步，很多人会认为对App的设计已经想的很清楚，可以直接开始设计图形界面甚至编码了。实际上，前面的过程，仅仅设计的导入阶段。UI设计师接下来要做的，是产品草图设计。一般我们用纸和笔来画，它们是最简单，学习成本最低的工具。按照我们的设计经验，勾画出用户需要用到的界面，包括像按钮之类的界面交互元素；筛选出核心用户最常用的，最适合移动应用场景的功能。

5、功能穿越

功能穿越要设计的是辅助工具软件，通常只需要主界面，和一个在背面显示相关信息的辅助界面，它通过信息按钮触发后翻转显示。如果UI设计的是其它app，就需要更多的界面。重点是要设计界面与界面之间的切换方式，这一点在设计交付给开发人员时会显得尤其重要，这个过程叫做App功能穿越(App Functionality Walkthrough)。

6、低保真原型

现在，开始App的低保真原型设计。重点是不要陷入过多的细节，低保真只是把你纸面上的草图数字化，便于在电脑上持续的改进。所以，尽量使用黑白，粗糙的线条和图形来制作低保真。

7、高保真原型

低保真原型完成后，开始设计注重细节和精度的高保真原型，使用PhotoShop，设计师可以选用自己熟悉的其他工具。一般，设计师会为Android设置尺寸为800*480的画布，然后根据低保真原型进行细节设计。

8、视觉设计

UI设计师需要根据产品经理的产品定位，进行UI界面视觉效果的设计，一般需要选择三个设计效果图，由产品经理进行确认后，进行所有界面的设计。

9、设计概念

App所展现的信息，必须简洁明了，因此在界面设计上，需要让用户能一眼就看明白App 的用途。主界面背后的相关信息界面，使用Android的标准界面即可，为用户提供核心栏目的功能。

10、设计交付物

1)、ICON

现在可以开始考虑icon的设计。这将决定App在应用商店上的辨识度。设计师可以从简单的轮廓设计开始设计，先把核心创意表现出来。

除非有必要，Icon采用尽量少的文字，尽量使用跟你的App图形界面一致的材质和渐变。你如果想给用户呈现高质量的UI设计，由于发布在不同的应用商店，比如91助手、机锋网、中国电信等，ICON在发布时间，除了考虑App上的ICON外，还需要考虑不同应用商店对ICON尺寸发布的要求。

2）、设计指导

如果客户自己不开发App的功能，还需要把清晰的UI设计指南交付给开发人员，一般UI 设计师需要界面和描述集中到一张大图，并尽可能的把所有可遇见的情况都给开发人员描述清楚。

3）、低保真原型、高保真原型、切片图

UI设计师低保真原型，所有的图形界面设计图（一般是PSD）和图标打包在一起，做上清楚的标注，发送给开发人员；还需要对PSD进行切图，存成PNG，方便开发人员直接使用。