-浅析移动应用UI设计中色彩使用-.docxVIP

浅析移动应用UI设计中色彩的使用范美英（北京信息职业技术学院软件工程系，北京市朝阳区红松园北里100018）摘 要：对于任何一款移动应用（简称APP），如果它具有良好的UI，就可以得到更多用户的青睐。在UI设计中有诸多元素需要考虑，色彩便是其中之一。通过研究光色基本原理、人类对色彩的感知方式、色彩的呈现方法，以及在APP中影响色彩使用的因素，分析得出了在APP中如何才能调出可感知的颜色从而使得用户乐于接受并使用APP；如何搭配色彩才会使得APP的UI更加光彩夺目。关键词：APP；UI；设计；色彩；颜色对抗通道；引言在人类物质生活和精神生活不断发展、进化的过程中，色彩也不断地展示着其神奇的魅力。人们不仅发现、观察、创造、欣赏着绚丽缤纷的色彩世界，还通过日久天长的时代变迁不断深化着对色彩的认识和运用。当前是以移动互联为主题的时代，人们对APP耳熟能详。从市场角度来看，用户对APP的选择几乎达到万里挑一，如何才能使得用户对APP一见倾心？这是时代对APP的设计者们提出的严峻考验。设计涉及的领域有很多，本文将以颜色的使用为核心，探讨在APP的UI设计中色彩的使用规则。1 光与色彩的基本原理所谓光，就其物理属性而言是一种电磁波。电磁波的波长和强度可以有很大的区别，在人可以感受的波长范围内（约312.30纳米至745.40纳米），它被称为可见光，可以为人的视觉器官——眼所接受，并作出反应，有时也被简称为光。色彩是通过眼睛内的感光细胞、大脑和我们的生活经验所产生的一种对光的视觉效应。有时人们也将物质产生不同颜色的物理特性直接称为颜色。因此，色彩应是可见光的作用所导致的视觉现象，可见光刺激眼睛后可引起视觉反应，使人感觉到色彩和知觉空间环境。人对色彩的感觉不仅仅由光的物理性质所决定，往往受到周围其他因素的影响。2 人对色彩的感知途径人眼内的视网膜中包含两种感光细胞：视杆细胞和视锥细胞。视杆细胞的外段与内段呈细杆状，称视杆；视锥细胞为圆锥状，称视锥。它们是感光的特殊结构，而且各司其职。视杆细胞负责察觉光线强度，只在低亮度下工作，这意味着在光线很暗的环境中，它们才起作用。在明亮的白天和人工照明环境中，视杆细胞完全不能提供任何有用的信息。当视神经向大脑传递一系列频率的信号后，大脑后部视皮层上的神经元将中频和低频视锥细胞的信号去掉，得到“红-绿”的信号通道；一部分神经元将来自高频和低频视锥细胞的信号去掉，得到“黄-蓝”的信号通道；还有一部分神经元将来自低频和中频视锥细胞的信号处理产生“黑-白”的信号通道。这三个通道被称为颜色对抗通道（如果一个或者多个对抗通道无法正常工作，就不能区分某些颜色对，此时会产生颜色视觉障碍），紧接着大脑对所有颜色对抗通道做更多的减法处理，从而使得来自视网膜某个区域的信号被其附近区域的类似信号减掉。所有这些处理使得人的视觉系统对颜色和亮度产生差别。综上，人类对颜色的感知是从位于视网膜的细胞差异化的输出开始，然后经由大脑的视觉皮层和其它相关区域中完成复杂的过程来实现的。3. 色彩呈现方式对感知的影响人区别颜色的能力取决于颜色的呈现方式。基于人类视觉系统运作的方式，影响人对色彩的感知能力的因素主要有以下几方面。第一，色彩的饱和度。当色彩的饱和度较低时，很难将相似的颜色区分开，所以纯度亦是色彩感觉强弱的标志。对于液晶显示屏而言，由于液晶每个象素由红、绿、蓝（RGB）子象素组成，背光通过液晶分子后依靠RGB象素组合成任意颜色光。如果RGB三原色纯度较高，那么显示器可以表示的颜色范围就越广。如果显示器三原色不够鲜艳，那这台显示器所能显示的颜色范围就比较窄，因为其无法显示比三原色更鲜艳的颜色。第二，色彩区域的大小。色彩区域也可以称之为色块，色块对象越小或者越细，人们就越难辨别其颜色。在一些用于统计的数据图表中，经常会出现较小的色块，虽然许多统计软件都可以为图表生成相应的图例，但生成的图例中的色块也非常小，这就会影响用户对信息的捕获。根源在于色彩区域的大小影响了用户的视觉感知。第三，色彩区域之间的距离。两个色块之间的距离越远，人们就越难区分其颜色，尤其是当其距离大到需要人们运动眼球才可看到时，区分度会大幅下降。反之，如果两个色块之间的距离较近，且其色彩对比度较强，则越容易被人识别。第四，其他外部因素。除与色彩密切相关的因素之外，影响人们对色彩感知的因素还有很多，如环境光线、显示器的使用技术、显示角度、使用者本身对色彩的敏感度等。在设计UI的色彩时，对这些因素的考虑越周到细致，那么UI效果将越容易被用户所接受。4. 在APP的UI设计中如何使用色彩4.1屏幕呈现着色彩，结合硬件选用色彩APP的运行载体可以是智能手机或平板电脑。在智能手机中，无论是何种APP，其屏幕色彩均起到不可忽视的作用，这是因为一款色彩度饱满的智能手机能够给用户带来完美的视