APP下载

浅析色彩在人机交互界面中的作用

2016-11-30刘行

中国科技纵横 2016年17期
关键词:人机界面色调背景

刘行

(昆明理工大学,云南昆明 650500)

浅析色彩在人机交互界面中的作用

刘行

(昆明理工大学,云南昆明 650500)

人机交互界面设计,是指在人与产品、服务或系统之间创建一系列的对话。设计师在进行人机界面交互设计的时候,不仅仅是要倡导设计的可用性,而是要以用户为中心,通过视觉和言语等表达性语言在科技和美学之间取得平衡,使人机之间的互动更加美观、简单、易用。色彩在交互设计中往往可以给人传递很多的信息,使用者对界面的第一印象往往就是色彩,因此色彩的运用在人机交互界面中有着非常重要的作用。

界面 色彩 交互 作用

从设计心理学角度来看,人们在感受周围环境的时候往往首先注意到的是物体的颜色,然后才会注意到物体的形状等其他因素。在交互设计中,界面色彩的合理运用可以协调或弥补结构中存在的一些缺陷,可以赢得用户的喜爱,获得事半功倍的效果。相反,如果界面色彩处理不当则会破坏界面的整体美,直接影响用户在操作时的情绪,使之出现一些烦躁、乏味、忧郁、甚至沮丧的负面心情,影响界面功能的发挥。因此,在进行人机界面交互设计时色彩发挥的作用是不容小觑的。

1 色彩的发展

不同的时期人们喜欢的颜色是不同的。二战后的人们向往和平,所以50年代的人大多喜欢色彩较重的颜色,以深蓝、深绿等沉静的冷色调为工业产品的主打色。60年代-80年代,人们的生活比较稳定,于是大众喜爱的色调也发生了明显的变化,由暗转明,由冷转暖,变得丰富多彩了起来。90年代以后,随着科技的发展进步,人们开始喜欢通过产品的色彩来表达对未来的向往,喜欢含有金属光泽的银灰、银黑、银白等“科技色”。

21世纪以来,人们对色彩的喜爱变化的更加频繁,出现了玫瑰金,香槟金等象征时尚的新型色彩,于是很多行业的色彩专家开始研究色彩,并根据研究结果发布出每年的“流行色”给设计师参考。所以进行交互设计的时候,设计师一定要与时俱进才能设计出更加美观、人性化的界面。

2 色彩给人的感觉

不同的色彩给人以不同的心理感受,在人机交互的过程中直接影响着用户的心理体验,因此在进行色彩设计的时候我们首先应该从色彩心理学了解不同色彩给人情感暗示的效果。在色彩心理学中,浅淡的颜色会给人以柔软的感觉,而深暗的颜色则会让人觉得强硬。暖色在视觉上具有前进感而冷色则具有后退感。明亮的颜色往往给人以轻盈的感觉,相反暗的颜色则会给让人觉得沉重。

红色代表兴奋、热烈、冲动;黄色代表欢快活泼、快乐、幸福;绿色代表美丽、优雅、宽容、大度;蓝色代表冷静、理智、纯净;紫色代表神秘、压迫、孤独。

除了单色的运用,色彩还可以搭配使用。色彩的搭配方式有很多种,不同的搭配可以出来不同效果,因为篇幅有限就不一一举例讲解,大家可以多参考相关的专业资料。

3 人机交互界面色彩的选择

在进行人机交互界面设计的时候,首先要做的就是确定主色调,选择界面的主色调有利于整个界面的配色,有利于更好的体现界面主题。主界面背景色彩的选择通常以浅灰色、浅蓝色、浅黄色、浅绿色等浅色色彩为主,这类色彩会给人以柔和、素雅的视觉感觉。浅色背景的另一个好处就是,可以搭配深颜色的文字来突出界面的重点,更易于用户对内容的识别和掌握。

色调可以用来表现不同的风格与主题,可以表现的生动与活泼,也可以表现冷静与庄重,还可以表现为忧郁与孤独等等。色调可以根据界面的用途、功能、结构、时代性及用户的审美与习惯等因素来选择与确定。确定的标准是色形一致,以色助形,形色生辉。例如:Apple、微软等高科技公司为了表达其产品的简洁、时尚、高端等特点,网页界面的色调通常都会采用高明高彩的银白色来突出产品的轻盈和品质,这就是形色一致,色助于形。反之,如果以黑灰色作为界面的主色调,那么就会给人以沉重、生硬、甚至压抑的感觉,使人产生误区,怀疑其是否具有时尚、高科技的特点。这就是色调选择的不对,形色不一,色破坏了形。色调的确定一般还要参考以下几点:

(1)用暖色调有温暖、舒适的效果,用冷色调会使人感到冷清、智慧。(2)以高彩度的暖色为主调能使人刺激兴奋,以低彩度的冷色为主调可以让人平静思索。(3)高明色调活泼、明快,低明色调冷静、庄重。

在背景的色调搭配上还要尽量避免强烈的色彩对比,特别是使用色彩对立的颜色。约翰内斯·伊顿是包豪斯色彩理论的创始人,也是最早引入现代色彩体系的教育家之一。他曾指出:“对比效果及其分类是研究色彩美学时一个适当的出发点。”大面积颜色在运用时应尽量采用低对比度,过于丰富的背景色彩会直接影响前景图片和文字的呈现,严重时会使文字溶于背景中,不易用户的识别,这不符合以人为中心的设计理念。通常情况下,背景的色调搭配一般应以单、纯为宜,为了防止生硬和单调,有时也会在单纯的基础上给背景赋予一定的变化以增加视觉效果。例如在制作标题时,可用颜色较深的底色搭配上对比鲜明的字体,达到醒目的视觉效果。实际上,背景的主要作用在于协调和衬托视觉的主体,统一整个交互界面的风格,有助于体现界面的主题。

在确定主色调与背景色调之后还需要对交互界面的内容进行设计,例如如何突出重点,如何让用户看着舒服等等。虽然不同的人机交互界面的用途不同,表达主题与内容不同,但是却都有着相似的方法与原则。对于界面中的一些次要内容,如装饰图片和线条,宜采用不抢眼的颜色以免喧宾夺主。而对于一些需要突出强调的元素,则宜采用明亮的色彩,用彩色亮点来刺激视觉以产生强烈的视觉冲击。但是色彩亮点的使用一定要适度,否则非但达不到突出强调的作用,还会形成一种均匀的视觉“噪点”,破坏整个界面的效果。

4 结语

生活之中,我们看待一个物体往往最先吸引眼球的是颜色,同样,色彩在人机界面设计中亦有着无可替代的作用。不同色调的界面给我们带来的心理感受不同,而这种感受直接决定了用户的使用体验。因此,我们在做交互设计的时候不仅要关注交互界面的整体结构,也需要重点对色彩进行设计,根据不同的用途与场景进行用最合适的,最人性化的色彩设计。

[1]黄国松.色彩设计学.中国纺织出版社,2001.

[2]钟蜀巧.色彩构成.中国美术学院出版社,1994.

[3]章利国.设计艺术美学.河南美术出版社,2002.

[4]李乐山.人机界面设计基础.西安交通科技大学出版社,2004.

[5]罗仕鉴,朱上上.人机界面设计.机械工业出版社,2002.

[6]Jon Kolko.交互设计沉思录.机械工业出版社,2012.

[7]倪少清.色彩心理学.中国广播影视出版社,2013.

刘行(1991—),男,汉族,河南安阳人,研究生在读,昆明理工大学,研究方向:工业设计方向。

猜你喜欢

人机界面色调背景
“新四化”背景下汽车NVH的发展趋势
《论持久战》的写作背景
湖光水色调
色调会说话
分离色调与色调曲线
晚清外语翻译人才培养的背景
CBTC系统车载人机界面的设计与实现
基于PLC与人机界面的经编机电子横移控制系统研究
In Spring!春之色调
CTCS-3级列控车载人机界面的系统设计与实现