1.1 了解UI设计

UI设计即为用户界面设计（User Interface）。UI设计的种类很多，按照应用的领域不同可以分为网页设计、手机界面设计、软件界面设计和游戏界面设计4类。不同种类的UI有着不同的设计要求，例如手机界面设计由于受到屏幕大小的限制，具有其独有的特征和设计准则。

1.1.1 什么是UI设计

UI设计是为了满足专业化、标准化需求而对软件界面进行美化、优化和规范化的设计分支。具体包括启动界面设计、框架设计、按钮设计、面板设计、菜单设计、图标设计、滚动条和状态栏设计等，如图1-1所示。

图1-1

1.1.2 手机UI与平面UI的区别

手机UI设计是平面UI设计中的一支分支。与其他类型的UI设计相比，手机UI的平台主要应用于在手机的APP/客户端上，因此对于手机的型号和尺寸有严格的限定。

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

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

1.1.3 手机UI设计的特点

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

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

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

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

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

·不同型号的手机屏幕比例不一致，所以设计时还要考虑图片的自适应问题和界面元素图片的布局问题。

通常来说，制作手机UI界面时会按照最常用、最大尺寸的屏幕进行制作，然后分别为不同尺寸的屏幕各制作一套图，这样就可以保证大部分的屏幕都可以正常显示。