视界·无界:写给UI设计师的设计书(全彩)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

01 你好,UI Hello, UI
Hello,UI

什么是UI

随着移动时代的到来,UI这个词语越来越热门,也有越来越多的人对UI产生了浓厚的兴趣,但是对UI的定义却未必了解。UI的全称是User Interface,用户界面的英文缩写。它包含软件与硬件的人机交互、操作逻辑、行为路径、用户体验、界面排版的整体设计。如果要解释UI的全部含义,相信我们一本书都写不完,本书所说的UI设计主要针对的是软件界面的设计。

例如,在日常生活中,我们打开手机,看到的锁屏界面就是UI的一部分,属于界面设计;在界面上,显示向右滑动解锁,这个提示和操作,就是交互设计;解锁成功后,会有一个动画,或放大、或水波纹、或渐隐淡出切换到主界面,这个动画的过程就是交互动效;进入主界面以后,我们能看到排列整齐的应用图标,比如电话、短信、相机、微信等,这些就是UI中的图标设计。

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

iPhone手机中的UI设计

近几年热门手机系统图标对比(图片来源于中关村在线)

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

同样都是手机,我为什么要选择你的品牌?

MIUI v5和MIUI v4版本的对比图

Smartisan OS界面设计图

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

在UI设计中,视觉部分占有很大比例,因为用户下载并使用一款产品或者应用,都是先看它是否美观。就像择偶一样,如果不是通过人介绍,那么外表漂亮不漂亮、帅气不帅气一定是第一印象。所以,在本书中我们主要来学学如何“化妆”,把自己打扮得漂漂亮亮的!