1.1 什么是UI

我们打开手机，显示的界面如图1-1所示，这些界面是UI的一部分，它们属于界面设计；在这些界面上，按提示进行操作，就是交互设计，如向右滑动解锁；解锁成功后，会有一个动画，或放大、或水波纹、或渐隐淡出切换到主界面，这个动画就是交互动效；进入主界面以后，我们能看到排列整齐的应用图标，比如电话、短信、相机、微信等，这些就是UI设计的图标，而整个过程你看到的所有手机显示的画面，就是所谓的GUI用户界面。不仅如此，手机只是我们日常生活中最常见的一个UI典型，包括智能电视及盒子显示的选择画面、计算机的操作系统画面、ATM提款机的画面、游戏的操作画面、汽车的智能操作画面等，这些都是我们熟悉的UI。

有些界面却不被大众认可，比如在古代，算盘可以说是最早的人机交互界面，通过交互和操作产生输入、输出。而上学时墙上的黑板，老师通过它输入内容，它将信息输出给学生，也属于用户界面。现在的家用笔记本电脑、iPad变成了我们生活的一部分，还有越来越普及的虚拟现实（VR），即使没有点击触碰，通过一个简单的动作，也能产生一个指令输入给界面，然后得到界面的输出反馈，如开启画面等。所以，不要忽略了UI的广泛性。

打开手机系统设置，我们可以看到各种各样针对手机功能的设置及图标，以及那些开关的按钮，如Wi-Fi、蓝牙、移动网络等。对整个界面而言，是否能快速找到自己想要设置的功能、整体设计是否美观、操作是否流畅、是否能让用户在整个操作过程中心情舒畅，这些都属于用户体验。

用户界面（User Interface, UI）包含软件与硬件的人机交互、操作逻辑、行为路径、用户体验、界面排版的整体设计。这里需要注意的是，UI通常指的是我们常见的计算机软件方面，而另外一种人机交互指的是硬件方面，工业上的机械与人沟通的硬件——人机交互（Human-Computer Interaction / Human Machine Interface, HCI/HMI），这两者有所区别。所以，很多声音也在质疑应该称之为“介面”更加合适。早在2004年中国台湾的MozTw论坛中就有人指出：

“界”是“边界”之意，而Interface是“人机之间的‘中介’”，较能得其意。

本书所说的UI设计主要针对的是软件界面的设计，少量涉及硬件的HMI，希望读者能够正确理解。对于刚刚接触UI的读者，也不要过于苦恼不知如何区分到底什么才是UI，只需记住这个简述：人对电子仪器中的软件程序产生输入（点击、触摸、填写等），并且收到输出（画面、结果、反馈等）。这样的解释虽然并不完善，但是它对新人来说通俗易懂，并且我会用整本书慢慢让你熟悉和认识UI这个概念。

通过以上讲解，大家是否意识到一些平时没注意的问题了呢？为什么有人喜欢用iPhone，认为iOS的系统好，而有人喜欢用小米，认为MIUI系统好？这些实际上说的就是UI，从眼睛看到的到用手操作的，再到使用的体验感受，造就了有的产品大受欢迎并热卖，而有的产品却慢慢被市场淘汰。遥想当年的诺基亚、摩托罗拉，可以说它们的地位在全球是无法撼动的，因为那时候互联网不发达，大家对手机的功能要求很简单，能打电话、能看信息就可以了。随着时代的进步，越来越多的厂商出现了，对手机功能的要求也越来越高，对UI也越来越重视，需要不断地提升用户体验。然而这两大厂商觉得自己的消费者稳定，完全不重视UI和科技的重要性，裹足不前，坚持只做产品本身而不去改善内在，最终遗憾地走下“神坛”被收购，甚至现在已经退出历史的舞台。这都是血淋淋的教训，告诉我们进步的重要性。

同样都是手机，我为什么要选择这个品牌？

每一次的版本迭代（所谓的迭代，就是指某个产品的更新，比如1.0版本、2.0版本等），都是不断地优化和完善系统的用户体验，这种体验不仅仅是与手机交互操作的触感，也不仅仅是视觉感观的风格设计，还包括各种各样的细节和让大众对设计的喜爱与理解。比如，在图1-2中，我们可以清晰地看到2007年苹果第一代iOS1版本的设计和屏幕尺寸，当时的拟物设计风格，一直延续到了iOS6版本，期间个别图标做了轻微的调整和改进。从iOS7以后，进行了飞跃式的大改变。虽然在设计行业里，非常多的设计师对当时的设计风格持怀疑态度，而且细节和规范设计也存在着非常多的问题，让人觉得这根本不是一个手机行业领头的苹果公司应该有的设计态度，也有很多人质疑这是乔布斯去世后苹果的衰落。但是不可否认的是，更多的用户喜欢并且非常接受这样的设计，因为对他们来说，这种“轻视觉，重交互”的操作系统才是这个时代该有的设计。

UI设计与之前的设计有很大的不同，UI是随着时代不断更新、符合潮流、满足当前用户需求的设计方式，一个产品甚至一年换一个风格。而我们常规的设计，比如平面设计和网页设计，这些通常很难有大改版和大更新，因为这些是需要让用户深刻记忆的，不能总是轻易地变换。恰恰是这种与众不同的设计模式，才让UI设计的岗位需求不断增多。

所以，越来越多的企业更加重视UI的重要性，因为美观的视觉效果和优秀的用户体验决定了每个厂商能否在激烈的竞争环境中生存，我们也因此能感受到移动互联网时代带给我们视觉和体验上前所未有的舒心感。