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

浅析移动应用 UI 设计中色彩的使用范美英( 北京信息职业技术学院软件工程系,北京市朝阳区红松园北里 100018 ) 摘要:对于任何一款移动应用(简称 APP ), 如果它具有良好的 UI ,就可以得到更多用户的青睐。在 UI 设计中有诸多元素需要考虑, 色彩便是其中之一。通过研究光色基本原理、人类对色彩的感知方式、色彩的呈现方法,以及在 APP 中影响色彩使用的因素,分析得出了在 APP 中如何才能调出可感知的颜色从而使得用户乐于接受并使用 APP ; 如何搭配色彩才会使得 AP P 的 UI 更加光彩夺目。关键词: APP ; UI ;设计;色彩;颜色对抗通道; 引言在人类物质生活和精神生活不断发展、进化的过程中,色彩也不断地展示着其神奇的魅力。人们不仅发现、观察、创造、欣赏着绚丽缤纷的色彩世界,还通过日久天长的时代变迁不断深化着对色彩的认识和运用。当前是以移动互联为主题的时代,人们对 APP 耳熟能详。从市场角度来看,用户对 AP P 的选择几乎达到万里挑一, 如何才能使得用户对 AP P一见倾心? 这是时代对 APP 的设计者们提出的严峻考验。设计涉及的领域有很多,本文将以颜色的使用为核心,探讨在 APP 的 UI 设计中色彩的使用规则。 1 光与色彩的基本原理所谓光,就其物理属性而言是一种电磁波。电磁波的波长和强度可以有很大的区别,在人可以感受的波长范围内(约 纳米至 纳米), 它被称为可见光, 可以为人的视觉器官——眼所接受,并作出反应,有时也被简称为光。色彩是通过眼睛内的感光细胞、大脑和我们的生活经验所产生的一种对光的视觉效应。有时人们也将物质产生不同颜色的物理特性直接称为颜色。因此,色彩应是可见光的作用所导致的视觉现象,可见光刺激眼睛后可引起视觉反应,使人感觉到色彩和知觉空间环境。人对色彩的感觉不仅仅由光的物理性质所决定,往往受到周围其他因素的影响。 2 人对色彩的感知途径人眼内的视网膜中包含两种感光细胞:视杆细胞和视锥细胞。视杆细胞的外段与内段呈细杆状,称视杆;视锥细胞为圆锥状,称视锥。它们是感光的特殊结构,而且各司其职。视杆细胞负责察觉光线强度,只在低亮度下工作,这意味着在光线很暗的环境中,它们才起作用。在明亮的白天和人工照明环境中,视杆细胞完全不能提供任何有用的信息。当视神经向大脑传递一系列频率的信号后, 大脑后部视皮层上的神经元将中频和低频视锥细胞的信号去掉,得到“红-绿”的信号通道; 一部分神经元将来自高频和低频视锥细胞的信号去掉,得到“黄-蓝”的信号通道; 还有一部分神经元将来自低频和中频视锥细胞的信号处理产生“黑-白”的信号通道。这三个通道被称为颜色对抗通道( 如果一个或者多个对抗通道无法正常工作,就不能区分某些颜色对,此时会产生颜色视觉障碍) ,紧接着大脑对所有颜色对抗通道做更多的减法处理,从而使得来自视网膜某个区域的信号被其附近区域的类似信号减掉。所有这些处理使得人的视觉系统对颜色和亮度产生差别。综上, 人类对颜色的感知是从位于视网膜的细胞差异化的输出开始,然后经由大脑的视觉皮层和其它相关区域中完成复杂的过程来实现的。 3. 色彩呈现方式对感知的影响人区别颜色的能力取决于颜色的呈现方式。基于人类视觉系统运作的方式,影响人对色彩的感知能力的因素主要有以下几方面。第一,色彩的饱和度。当色彩的