2.1 关于UI设计
UI（用户界面）是广义的概念，包含软硬件设计，包括了UE（用户体验）设计、GUI（用户图形界面）设计及ID（交互设计）。UE（用户体验）关注的是用户的行为习惯和心理感受，就是琢磨用户会怎么使用软件或硬件才觉得称心如意。GUI（用户图形界面）设计就是界面设计，负责应用的视觉界面，目前国内大部分的UI设计师其实做的就是GUI（用户图形界面）设计。ID（交互设计）简单来讲是指用户和应用之间的互动过程，一般由交互工程师来做。
2.1.1 什么是UI设计
UI设计是指对应用的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅让应用变得有个性，有别于其他产品，还要让用户便捷、高效、舒适、愉悦地使用。
在人机交互过程中，有一个层面被称为界面。从心理学的角度来讲，我们可以把它分为两个层次：感觉（视觉、触觉、听觉）和情感。人们在使用某产品时，第一时间直观感受到的是屏幕上的界面，它传递给人们在使用产品前的第一印象。一个友好的、美观的界面能给人带来愉悦的感受，增加用户的产品黏度，为产品增加附加值。通常，很多人会觉得界面设计仅仅是视觉层面的东西，这是错误的理解。设计师需要定位用户群体、使用环境、使用方法，最后根据这些数据进行科学的设计。
提示
判断一款界面设计好坏与否，不是领导和项目成员决定的，最有发言权的是用户，而且不是一个用户说了算，是一个特定的群体。所以UI设计要与用户研究紧密结合，时刻考虑用户会怎么想，这样才能设计出令用户满意的产品。
2.1.2 什么是GUI设计
GUI（Graphical User Interface，用户图形界面）是指使用图形方式显示的计算机操作用户界面。GUI设计的广泛应用是当今计算机发展的重大成就之一，它极大地方便了非专业用户的使用。人们从此不需要死记硬背大量的命令，取而代之的是通过窗口、菜单、按键等方式来更加方便地进行操作。
图形用户界面是一种人与计算机通信的界面显示格式，允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项，以选择命令、调用文件、启动程序或执行其他一些日常任务。与通过键盘输入文本或字符命令来完成例行任务的字符界面相比，图形用户界面有许多优点。图形用户界面由窗口、下拉菜单、对话框及其相应的控制机制构成，在各种新式应用程序中都是标准化的，即相同的操作总是以同样的方式来完成。在图形用户界面中，用户看到和操作的都是图形对象，应用的是计算机图形学的技术。
UI设计包括了可用性分析、GUI设计及用户测试等。GUI设计是UI设计的一种表达方式，是以可见的图形方式展现给用户的。
2.1.3 关于UE/UX
近几年来，计算机技术发展日新月异。用户体验设计越来越被众多设计开发企业所重视。
用户体验（User Experience，简称UE）是一种纯主观的、在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，就带有不确定因素。当每个个体在使用同一个产品时都有自身的感受，这个差异化也决定了这种体验无法一一再现。但是设计师可以根据某个特定的使用群体做一个概括性的总结分析。
用户体验主要是来自用户和人机界面的交互过程，它是伴随着计算机的发展而产生的。在早期的产品开发中，用户体验通常不被企业重视，他们觉得用户体验只是产品制造中很小的一个环节，作为用户体验的表现层（GUI）也只是被看作产品的外包装，往往等到产品核心功能设计进入尾声时才让UI设计师介入。这样使得用户体验设计被框死在现有的功能之中，产品得不到应有的改善。如果发现了很大的体验问题，那么产品核心功能将面临再次被修改或强制性地推向市场，这样无疑让企业承受了很大的风险。
当前很多企业越来越注重以用户为中心的产品观念。用户体验的概念从开发的最早期就进入，并贯穿始终，其目的主要有以下几点。
● 对用户体验有正确的预估。
● 认识用户的真实期望和目的。
● 在核心功能还能够以低廉成本加以修改时对设计进行修正。
● 保证核心功能与人机界面之间的协调工作，减少错误。
提示
用户体验是用户与产品在交互过程中所获得的感受，同GUI相比它是不可见的。GUI与UE是UI设计过程中最重要的组成部分，它们是相互影响紧密联系的，在UI设计过程中，GUI设计的目的就是为了提高和改善人机交互过程，使用户操作更为直接和方便。如果整个人机交互过程可以理解为一个系统，那么用户体验就是一个系统反馈，有了这个反馈，系统就可以不断修正自身误差，以达到最佳的输出状态。
2.1.4 移动UI设计的崛起
随着智能手机和平板电脑等移动设备的普及，移动设备成为与用户交互最直接的体现。移动设备已经成为人们日常生活中不可缺少的一部分，各种类型的移动端应用层出不穷。移动端用户不仅期望移动设备的软件、硬件拥有强大的功能，而且更注重了操作用户界面的直观性、便捷性，能够享受轻松愉快的操作体验。
移动端和PC端的UI设计都非常重要，两者之间存在着许多共同之处，因为我们的受众没有变，基本的设计方法和理念都是一样的。移动端与PC端UI设计的区别主要取决于硬件设备提供的人机交互方式不同，现阶段的技术制约也会影响到移动端和PC端的UI设计。下面从几个方面向读者介绍移动端UI设计与PC端UI设计的区别。
1.界面尺寸不同
移动端与PC端的输出区域尺寸不同。目前主流显示器的屏幕尺寸通常为19～24英寸，而主流手机的屏幕尺寸为5～5.5英寸，平板电脑的屏幕尺寸为7～10英寸。
由于两者之间的输出区域尺寸不同，在移动端界面设计与PC端界面设计中不能在同一屏幕中放入同样多的内容。
在通常情况下，一个应用的信息量是固定的，在PC端的界面设计中，需要把尽量多的内容放到首页中，避免出现过多的层级；而在移动端界面设计中，由于屏幕的限制，不能将内容都放到第一屏的界面中，因此需要更多的层级，以及一个非常清晰的操作流程，让用户可以知道自己在整个应用的什么位置，并能够很容易地到达自己想要去的页面或步骤。
2.侧重点不同
在过去，PC端界面设计的侧重点是“看”，即通过完美的视觉效果表现出网站中的内容和产品，给浏览者留下深刻的印象。而移动端界面设计的侧重点是“用”，即在界面视觉效果的基础上充分体现移动应用的易用性，使用户更便捷、更方便地使用。但是，随着技术水平的不断发展，PC端界面设计也越来越多地体现出“用”的功能，使得PC端界面设计与移动端界面设计在这方面的界限越来越不明显了。
3.精确度不同
PC端的操作媒介是鼠标，鼠标的精确度是相当高的，哪怕是再小的按钮，对于鼠标来说也可以接受，单击的错误率很低。
而移动端的操作媒介是手指，手指的准确度没有鼠标那么高，因此，移动端界面中的按钮需要一个较大的范围，以减少操作错误率。
4.操作习惯不同
鼠标可以实现单击、双击、右击等操作，在PC端界面中也可以设计快捷菜单、双击等操作。而在移动端中，通常可以通过单击、长按、滑动等操作进行控制，因此可以设计长按呼出菜单、滑动翻页或切换、双指的放大缩小及双指的旋转等操作。
5.按钮状态不同
PC端界面中的按钮通常有4种状态，默认状态、鼠标经过状态、鼠标单击状态和不可用状态。而在移动端界面中的按钮通常只有3种状态，默认状态、点击状态和不可用状态。因此，在移动端界面设计中，按钮需要更加明确，可以让用户一眼就知道什么地方有按钮，当用户点击后，就会触发相应的操作。
提示
在同一个界面中，PC端界面可以比移动端界面显示更多的信息和内容。例如，淘宝、京东等网站，在网站界面中可以呈现很多的信息板块，而在移动端的应用界面中则相对比较简洁，呈现信息的方式也完全不同。