1.2 了解UI设计

用户界面（User Interface，UI）主要包括软件界面和人机交互界面等。用户界面在我们的生活中随处可见，什么是用户界面？什么又是用户界面设计？用户界面主要包括哪些类型？用户界面的设计又有哪些具体的规则和要求？本节将向读者介绍一些用户界面设计相关的基础理论知识。

1.2.1 什么是UI设计

UI（User Interface）即为用户界面。UI设计即为用户界面设计。UI设计主要包括人机交互、操作逻辑和界面美观的整体设计。UI设计是为了满足专业化、标准化需求而对软件界面进行美化、优化和规范化的设计分支，具体包括软件启动界面设计、软件框架设计、按钮设计、面板设计、菜单设计、标签设计、图标设计、滚动条即状态栏设计、安装过程设计、包装及商品化等，如图1-2所示。

1.2.2 手机UI设计

手机UI设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。置身于手机操作系统中人机交互的窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计。界面设计师首先应对手机的系统性能有所了解。

现如今，手机已经成为普通大众的生活必需品，手机的功能也越来越完善，很多高端手机的性能甚至与电脑不分高下。手机界面设计最大的要求就是人性化，不仅要便于用户操作，还要美观大方，图1-3所示为一些成功的手机界面设计作品。

1.2.3 手机UI设计的特点

与其他类型的软件界面设计相比，手机UI设计有着更多的局限性和其独有的特征。这种局限性主要来自于手机屏幕尺寸的局限。这就要求设计师在着手设计制作之前，必须先对相应的设备进行充分的了解和分析。

总体来说，手机界面设计具有以下4个特征。

•手机界面交互过程不宜设计得太复杂，交互步骤不宜太多。这样可以提高操作便利性，进而提高操作效率。

•手机的显示屏相对较小，能够支持的色彩也比较有限，可能无法正常显示颜色过渡过于丰富的图像效果，这就要求界面中的元素要尽可能处理得简洁。时下正流行的扁平化风格可谓将这点贯彻到了极致。

•不同型号的手机支持的图像格式、音频格式和动画格式不一样，所以在设计之前要充分收集资料，选择尽可能通用的格式，或者对不同的型号进行配置选择。

•不同型号的手机屏幕比例不一致，所以设计时还要考虑图片的自适应问题和界面元素图片的布局问题。通常来说，制作手机UI界面时首先会按照最常用、最大尺寸的屏幕进行制作，然后分别为不同尺寸的屏幕各切出一套图，这样就可以保证大部分的屏幕都可以正常显示了。

1.2.4 手机UI与平面UI的区别

手机UI的平台主要应用在手机的App客户端上。而平面UI的范围则非常广泛，包括了绝大部分UI的领域。

由于手机UI的独特性，使得很多平面设计师需要重新调整审美观念。比如手机UI通常对尺寸有严格要求，对控件和组件类型有特殊要求等。

通过无数设计师的共同创新和努力，可以使手机的界面设计做到完美。但很多设计师不能够合理布局，不能够把网站设计的构架理念转化到手机界面的设计上。常常会觉得手机界面限制非常多，创意性发挥空间太小，表达的方式也非常有限，甚至觉得很死板。但真实的情况并不是这样，其实通过了解手机的空间有多少，进行合理创意，一样可以完成优秀的UI设计。当然也要注意，手机UI设计受到手机系统的限制，所以在开始设计手机UI时，一定要先确认最终使用的系统。