1.1 APP界面设计基础

手机界面是置身于手机操作系统中的人机互动的窗口，设计界面必须由手机的物理特性和软件的应用特性进行合理的结合，界面设计师首先应对手机的系统性能有所了解，例如：手机所支持的最多色彩数量、手机所支持的图像格式，其次应该对软件的功能详细了解，熟悉每个模块的应用形式，从而做到最大限度地利用现有的资源进行手机界面设计。

1.1.1 APP简介

什么是手机APP界面设计，首先我们得知道什么是手机界面。手机界面是用户与手机系统、应用交互的窗口。APP是英文AppIication的简称，是用户界面的简称，是指对软件的人机互动、操作逻辑、界面美观的整体设计。好的手机界面设计不仅能让软件变得有趣有品味，还会让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。现在APP多指第三方智能手机的应用程序。而手机APP界面设计是给予手机设备的物理特性和系统应用的特性进行合理、美观、实用的一种设计。

APP界面设计可分为以下几种类型：图1-1所示为手机界面设计，图1-2所示为软件界面设计，图1-3所示为游戏界面设计。

1.1.2 iOS的界面设计原则

iOS如图1-4所示。是由苹果公司为iPhone开发的操作系统。它主要是给iPhone、iPod touch及iPad使用。就像其基于的Mac OS X操作系统一样，它也是以Darwin为基础的。iOS界面设计的十大设计准则包括了UI设计的交互性界面信息可读性、图形设计规范，以及信息的组织性等方面。

1．格式化内容

创建屏幕布局的时候，应该适配iOS设备屏幕。这让使用者能够一次看清主要内容，而不需要缩放或水平滚动，如图1-5所示。

2．触摸控制

为了可以使应用程序的交互更加轻松自然，可以采用专门进行触摸控制的界面元素，如图1-6所示。

3．命中目标

设计可触控的控件的时候，尺寸不得小于44×44px，只有这样才能确保触摸的精度和命中率，如图1-7所示。

4．字体尺寸

文本中的文字尺寸不得小于11点，这样才能确保在常规距离下，不需要缩放就可以清晰地阅读，如图1-8所示。

5．对比度控制

尽量使文字色彩对比更明显，并且调整文字与背景的对比，提高可读性，如图1-9所示。

6．间距调整

不要让文字出现重叠的状况，适当地增加行高和行间距，如图1-10所示。

7．高分辨率

为所有图片资源提供高分辨率，那些没有提高分辨率的图像在Retina屏幕上会出现模糊的状况，如图1-11所示。

8．防止拉伸

始终控制好图片的高宽比，可以缩放，但是一定要避免拉伸，这样可以避免失真，如图1-12所示。

9．信息架构

创建方便调整的布局，确保界面内容的可调整性，如图1-13所示。

10．保持对齐

使文本、图片、按钮在界面上保持对齐，相关内容合理靠近，让使用者更容易理解界面信息，如图1-14所示。

1.1.3 Android的界面设计原则

Android一词的本义指“机器人”，Android是一种以Linux与Java为基础的开放源代码操作系统，同时也是GoogIe于2007年11月5日宣布的基于Linux平台的开源手机操作系统的名称，该平台由操作系统、中间件、用户界面和应用软件组成，主要用于便携设备，如图1-15所示。

Android操作系统最初由Andy Rubin开发，被谷歌收购后则由GoogIe公司和开放手机联盟领导及开发，主要支持手机与平板电脑。

常见的安卓系统的手机APP界面，如图1-16所示。

1.1.4 界面美观

主要的界面构成被分为几个标准的信息区域（主要针对按键手机和触屏手机）：状态区、标题区、功能操作区、公共导航区。

（1）状态区：标示手机目前运行状态及事件的区域，通常包括电池电量、信号强度、运营商名称、未处理事件及数量、时间等，如图1-17所示。

（2）标题区：主要包含LOGO、名称、版本，以及相关图文信息，如图1-18所示。

（3）功能操作区：这是软件的核心部分，也是版面上面积最大的部分。通常包含列表、焦点、滚动条、图标等不同的元素。不同层级的界面包含的元素是不同的，需要依据具体情况合理地搭配运用，如图1-19所示。

（4）公共导航区：另一种称呼为软键盘区域，主要针对软件操作需要进行大面积控制的区域，常常使用到，它可以保存当前的操作结果、切换当前操作板块、退出软件系统，实现对软件的灵活操控。对于嵌入式的软件，界面版式的设计，在一些程度上需要参考其他内容相符的手机系统界面版式设计，确保形式的基本统一，这样更有利于系统与软件的组合。也需要考虑到软件本身的运用特点，综合操作的可用性和实施性，对版块样式进行适当的调整，使信息呈现的区域之间协调统一，详略得当，确保使用手机的用户可以方便迅速地进行功能项目的操作。

手机的操作系统界面，需要根据不同的设计需求进行不同风格的设计，如图1-20所示。