1.4 手机界面设计的流程

手机界面设计流程分为4部分，分别是确认设计对象、绘制设计草稿、完成界面绘制和输出正确格式。下面我们对手机界面设计的流程进行详细的讲解。

1.4.1 确认设计对象

每一个App程序都有一个核心功能。太多的功能除了会给程序的编写带来难度外，也会使用户无所适从。所以在开始设计一个App界面时首先要确认真正的核心内容，然后根据核心内容开始“头脑风暴”，从而获得满意的设计创意。

在设计阶段可以多参看竞争对手的作品，吸收好的创意并加以改善，对一个成功的作品是非常必要的。

设计中最重要的一点就是明确设计对象。首先确定绘制对象属于哪种类型，比如游戏界面、音乐界面、按钮、文本框、进度条等。

在确定设计对象后要确认设计对象应用于哪种操作系统。在现今社会中的主流操作系统有3种，苹果（iOS）操作系统、安卓（Android）操作系统和Windows Phone操作系统。正确的定位是最重要的，正所谓不打无准备的仗。

图1-7所示的图标是应用于苹果（iOS）操作系统的。图1-8是应用于安卓（Android）操作系统的界面。

1.4.2 绘制设计草稿

确定了设计方案后，可以先完成界面的草图绘制，也就是指用最传统的纸笔绘制初稿，帮助我们在设计初期记录和整理思路。

设计师可以直接在纸上绘制，包含界面中使用的场景、按钮和显示文字等。在iOS中，每一个界面之间的切换方式被称为App功能穿越，在绘制草图时要一起考虑到。

草图绘制完成后，在计算机上按照准确的尺寸绘制出低保真原型。可以采用黑白色、粗糙的线条来绘制，不要在细节上过多纠结。使用铅笔绘制线稿后，将线稿放置在扫描仪上进行扫描，如图1-9所示。

1.4.3 完成界面绘制

将扫描后的线稿，置入一些平面设计的工具软件中进行软件绘制。一些视觉设计出身的原型设计人员因为软件使用习惯的原因，会选用Adobe的一些平面和网页设计软件来做原型设计工具，像Photoshop、Illustrator、Flash和3DS Max等，如图1-10所示。

1.4.4 输出正确格式

UI设计的最后一步是输出正确的图片格式。这时就需要UI设计师在最后交出设计图纸时，配合开发人员、测试人员进行裁图。为了便于程序员理解你的设计理念，在提交设计文件时要一起提交一个清晰的设计指南文件。在这个文件中对所有文件的尺寸进行标注说明，尽可能把所有可能遇到的情况给程序员描述清楚。不同的开发人员需要的图片格式不同，设计师需要配合相关的开发人员进行适合正确的、开发员需要的切图保存操作。具体的输出图片格式将在下一节内容中详细讲解。