1.3 UI设计相关知识
本节介绍的是手机UI设计的基本概念，其中包括什么是UI设计、做UI设计的目的、UI设计的重要性、UI设计中最重要的元素是什么、平面UI与手机UI的不同等几部分。
1.3.1 什么是UI设计
UI即用户界面。UI设计不仅仅是指界面美化设计，从字面看UI还反映了用户与界面的直接交互关系。所以，UI设计不仅仅是为了美化界面，它还需要研究用户需求，让界面变得更简洁、易用、舒适。
用户界面无处不在。它可以是软件界面，也可以是登录界面，不论是在手机还是在PC上都有它的存在。用户界面设计，不只要考虑如何摆放按钮和菜单，更为重要的是要考虑程序、设备如何与用户互动，如图1.10所示。
图1.10
1.3.2 做UI设计的目的和重要性
做UI设计的目的是让用户理解程序的用途及如何操作程序。外观和视觉感不是UI设计的主要目的，它的主要目的还是沟通，通过沟通让用户理解程序。
UI设计包括美化和交互两个方面。为了使读者直观地了解到UI设计的重要性，我们将用UI设计前和UI设计后的对应图来做对比分析。
从图1.11中可以看出，未被UI设计的界面有以下明显的特点：
● 界面过于简单。
● “登录”没有体现出按钮的立体感，让人看起来就像是单纯的文字，而不会去点击。
● 在没有其他说明的情况下，无法知道登录的是哪种软件。
从图1.12中可以看到，UI设计后的界面有以下明显的特点：
● 画面内容丰富，具有时尚感和立体感。
● “登录”按钮具有美感，使人们明确知道通过点击它们就可以进入“登录”界面中。
● 图片上的色调就让人知道这是一个美团的登录界面。
从对比图中我们就可以看到没有被UI设计的界面是非常简陋的，因此对于智能手机App来说，UI设计非常值得人们重视。
1.3.3 UI设计中最重要的元素是什么
● 布局和定位：版面结构。
● 形状和尺寸：通过形状，让人迅速地辨识；通过大小确定某元素的重要性，常用的要大，容易按到。
● 颜色：不同的颜色代表不同含义，红色——危险、停止、错误；绿色——成功、继续。颜色可以突出显示内容，如高亮显示。
● 对比：加强对比可以提高辨识度，如黑白；降低对比可以融合；通过加强和降低对比，可以让用户分清主次。
● 材质：在对话框的四角加材质，可以提示用户拖曳。
1.3.4 平面UI与手机UI的不同
手机UI的范围主要限定在手机的App客户端上，而平面UI的应用范围则更为广泛。由于手机UI具有独特的尺寸、空间和组件类型的要求，许多平面UI设计师对于手机UI的设计了解不够深入。
下面通过与一款软件（印象笔记）进行比较，我们可以直观地了解手机UI与一般网页UI之间的区别。即使在功能相同的页面上，这两者之间的内容也存在很大差异，如图1.13所示。
图1.13