1.1 UI设计介绍

本节将对UI设计的概念、UI设计原则、UI设计分类和UI设计尺寸相关知识进行讲解，使读者对UI设计有大致的了解。

1.1.1 UI设计的概念

UI是用户界面的意思，单从字面上看，UI设计分为用户和界面两部分，但在实际应用中，UI设计还包含人机交互，也就是用户与界面的交互、沟通环节，UI设计是对界面美观度、软件应用交互的总体设计。

随着信息产业的快速发展，UI设计师的工作也从单一的UI设计发展到全链路设计。UI设计师要参与产品设计全流程，涵盖市场调研、产品规划、用户体验跟踪、视觉设计、跨平台设计等环节。

设计的每一个细节、每一个环节都至关重要，一个好的设计不仅要满足用户对美的追求，还要通过优化各控件、合理布局界面提升用户体验，强调产品的可用性、实用性、趣味性。因此，UI设计师的全链路开发能力和创新素养的提升成为我国UI设计发展的首要目标。

知识拓展

UI设计职业要求如下：从事UI设计工作应当具备适应市场多学科融合的能力，如审美、产品思维、用户逻辑、用户体验、跨平台设计等。UI设计师的主要职责是通过UI设计把产品思维传达给目标用户群体，以此来树立品牌形象。

1.1.2 UI设计原则

要完成友好、高效、新颖的设计产品，一定要遵循UI设计的相关原则，只有遵循设计原则，才能设计出简洁明了、令用户满意的产品。

1.明确用户群体

UI设计要根据不同的目标用户群体进行不同的产品定位，进而选用不同的设计风格。

2.实用性

UI设计的主要目的是方便用户使用，再华丽的界面如果失去实用性，就不会是成功的界面。UI应当主题明确、功能清晰，方便用户完成自己所要进行的操作，达到方便使用的目的。

3.用户体验

良好的用户体验是留住用户的重要“法宝”。在用户选择下载我们设计的App，进入应用阶段后，用户留存率尤为重要。UI设计要拉近产品与用户之间的距离，让用户使用起来上手快，界面主题明确，不轻易改变用户的使用习惯，这样才能更好地吸引和留住用户。

4.统一性

在UI设计中，统一性是非常重要的一点，一个App从启动图标开始，到首页、子页，均要保持风格统一、字体统一、色彩统一等，统一的设计会给用户带来舒适感，激发用户使用软件的欲望。

5.简洁性

UI设计将视觉元素化繁为简，用较少的元素表达丰富的内涵，可以大幅度减轻用户使用时的视觉压力。

1.1.3 UI设计分类

按照设备来分，UI设计主要分为PC（Personal Computer，个人计算机）端UI设计、移动端UI设计和其他终端UI设计等。如今，使用移动设备已成为人们生活的重要组成部分，以手机为代表，出门时用一部手机就可以解决人们的吃、穿、住、行等方面的问题，所以移动端UI设计成为UI设计的重点。PC端界面主要包括系统界面、应用软件界面等，因为PC端可使用的范围一般比移动端大很多，所以PC端的设计更加灵活，容错性也更高一些。而移动端屏幕较小，手指操作的可用区域有限，因此移动端UI设计更注重人性化，比如图标触摸区域的选择要考虑手指的宽度。通常情况下，移动端UI设计更简洁，色彩的搭配更清新，为了达到实用性、灵活性的目的，移动端界面不会过于复杂，如图1-1所示。

本书后续内容重点对移动端UI设计进行讲解。

1.1.4 UI设计尺寸相关知识

作为一名UI设计师，在设计中经常会遇到不同的图像单位，这些单位需要根据不同的场景进行选择性使用。下面对常见单位进行介绍。

1.英寸

英寸（inch）是电子设备的尺寸单位，指的是电子设备对角线的长度，平时所说的14寸、27寸就是使用的这一单位。

2.像素

像素（pixel,px）是构成图像的基本单位，是计算机图形学和数字图像处理中的基本概念。在数字图像中，每个像素都有一个坐标和一个值，表示该像素在图像中的位置和颜色信息。

3.分辨率

分辨率是指显示器或者电子设备屏幕上所能显示的像素数目，通常用横向像素数和纵向像素数来表示。分辨率越高，显示的细节越好，图像的显示质量越高。

4.像素密度

像素密度（Pixels Per Inch,PPI）是指在显示器或者电子设备屏幕上每英寸显示的像素数目。像素密度体现了图像的精细度，在屏幕上，像素密度越高，用户看到的图像越细腻。

课后实训

打开你的手机，找一款常用的App，谈谈这款App吸引你的地方有哪些，说出你的理由。