APP下载

基于色彩心理学对手机应用软件UI 界面使用感影响的研究

2022-04-14杨雯迪吴东

艺术品鉴 2022年6期
关键词:界面设计色调界面

杨雯迪 吴东

(辽宁师范大学)

一、色彩心理学概述

(一)色彩原理

色彩原理分为色彩的物理原理和生理原理两部分。物理原理是指色彩由光照射到物体上产生的刺激而引起人的一种感觉。生理原理是指人的视觉、知觉对色彩的波长及三属性(色相、明度、纯度)表现出来的各种变化所产生的各种反应。通过色彩原理可知,人眼要看到色彩必须具备三个因素,即光、物体、眼睛。只有具备这三个要素,我们才能观察到色彩。

色彩心理学便是通过色彩展现,刺激观者产生相应的心理波动和潜在行为的学习拓展科目。根据心理分析,人类赋予各种色彩不同的象征含义。对于不同的色彩,人们主要依据时间、空间、思维认知等产生不同的情绪,这是人的身体机能受到外界刺激的体现。对于人体来说,色彩也是一种外在刺激,能给予人们不同的心理暗示。

图1 美团app用户界面

(二)色彩心理学

色彩在客观上是对人们的刺激和象征,在主观上又是一种反应与行为。色彩心理从视觉开始,再从知觉、感情到记忆、思想、意志、象征等,其反应与变化非常复杂。过往的经验向我们明确证明了色彩对人心理的影响。色彩能影响人的脑电波,人脑对红色的反应是警觉,对蓝色的反应是放松。人的意识除了受色彩的影响以外,还会依据感受对色彩的物理性进行分类,大致分为冷、暖两色系。这两个色系通过物体的表现,又会使人产生完全不同的感觉,如轻重、软硬、兴奋与沉静、华美与质朴、前进与后退、膨胀与收缩等。色彩给每个人带来了不同的心理反应,人类对色彩也表现出千差万别的情感。

(三)色彩在设计上的应用

色彩对人心理活动的影响是很大的,人们在视觉接收到不同的色彩信息时,会有不同的心理效应,所以,看到不同颜色的设计作品,也会对视觉和心理产生不同的反应。相同色系或不同属性的色彩搭配给人的感受完全不同。人们面对不同的色彩,在主观上会产生温度感、兴奋感、安定感、距离感等复杂的心理情绪。人类面对色彩的反应各不相同,这就需要设计者认真整理和设计,使色彩对人类产生积极的作用,对环境起到烘托效果。在色彩与设计的关系中,色彩是形式,设计是实现色彩形式的重要表达手段。

二、典型案例中的色彩应用浅析

本文将选取部分优秀的、知名度较高的app 界面设计案例,运用色彩心理学的知识,对界面色彩应用方面进行解析。

(一)美团app 用户界面

美团是一个生活类app,衣食住行在app 里都可以使用便利。美团的项目主要构成颜色为黄色,黄色在心理学中对人有温馨、舒适、幸福的心理暗示,这类生活类app 旨为提高用户的幸福感和提升生活的便利性,所以黄色是首选。并且美团app 最常用的功能应该是美食搜索和外卖功能,黄色又能代表着食物散发的光泽,激发用户的食欲。

(二)百度app 用户界面

图2 百度app用户界面

百度本质上是一个类似百科全书的搜索引擎。一切日常生活中、学术问题或者理论研究问题,基本都可以在百度上找到答案,可以说搜索引擎的使用充斥着我们的日常生活。蓝色,胸怀广阔,是一种广袤的色彩,让人联想到广阔的大海和蔚蓝的天空,人游荡在其中,又似乎置身于浩瀚无垠的宇宙。蓝色亦是一种冷色调,让人在亢奋的状态下,回归理智、平静,是带有理性的色彩。百度logo 标准色为海蓝色,界面主要配色是白色和蓝色,给人的视觉冲击就是稳重、理性所承载着的便是理性与包容,稳定与祥和,体现大家风范,海纳百川。蓝色也象征着搜索引擎对于知识的严谨与理性,真实与神秘,体现出百度的严谨性。

(三)美柚app 界面

粉色一般代表温柔,也用来代表女性,尤其是年轻女性。美柚是一款记录女性生理期和孕期的app,因为使用者基本全部是女性,所以,美柚从app 标识到全部页面,全部应用了粉色作为主调。同时粉色也有着温柔、贴心的意义,也给使用者心理暗示,这个app 是女性用户贴心的助手、亲近的朋友,给予用户十足的安全感。

三、UI设计中应用色彩的作用

(一)氛围作用

用户对app 界面的第一眼印象,往往决定了用户的使用感和使用频率,可以说一款app 的界面是对用户来说最基本的视觉保障。例如,界面排版非常杂乱无章、主次不清,或者说过于简洁,留白过多,用户极有可能觉得此款app不专业、使用感差,会去选择同款类型的其他app。再举例说,选择了很刺眼的颜色或者颜色搭配比较混乱,会给人头晕目眩的感觉,使用户的生理体验变差,那么,用户则也可能不去选择此款app。就如女性向app 主要运用粉色系作为主色调,给人舒适温馨的氛围感,给女性一种踏实的安全感。所以,颜色选择是app 界面很重要的一个环节,氛围感的提升,可以很大程度的提高用户使用频率和好评率。

(二)主次分类作用

颜色的深浅和鲜明程度很大程度的决定了视觉重点,当人眼注视到页面时,基本第一眼都会注意到颜色鲜明的页面区域,色彩明度低的区域都会在看到重点区域后再顾及。所以,一些键钮和需要注意的区域,设计师都会选择色彩明度高的颜色作为主体。

(三)提示作用

红色经常用来做警示色,绿色也经常被用做安全色。例如,日常生活中的路牌和交通指示灯,红灯和禁止通行指示牌都是给人提醒,给人提高警惕性;绿灯是安全的提示,给人镇定的感觉、放松警惕。同理,在UI 界面中,提醒色也是同样的作用。如果出现安全提示或者是账号异常等网络安全问题,一般都会出现红色的文字提醒和红色的标识;相反,验证成功或是成功绑定,一般也会出现绿色的标识,所以,颜色选择在界面提示方面,是很重要的一个环节。

图3 美柚app界面

四、UI设计中色彩心理学的应用手段

由于人类会受到多个方面的因素影响,使得色彩对每个人的影响作用会有一定区别。因此,相关人员在进行UI 界面设计的时候,需要综合考虑到各个方面的因素,从人类基本活动方式、生物结构、色彩感知共鸣等方面的情况,有效运用色彩原理来开展UI 界面设计工作。比如,色彩中的红色、蓝色与黄色是基础三原色,可以将这三种颜色进行随意搭配,可以创造出新的颜色,但是,这三种颜色不能通过其他颜色混合产生,因此,在进行UI 界面设计的时候,需要注意这三种颜色的运用。同时,色彩原理中还包括了颜色的暗度、明度、颜色值等,在进行UI 界面设计的时候,可以先选定某种颜色,然后,在其中增加白色色调,从而改变原来的颜色色调,让界面变得更加柔和,也可以增加黑色,让阴影效果来调暗色彩,而且在界面中增加第二色或者第三色的时候,整体的色调会发生变化,如果界面的色调变得比原来淡,那么,界面整体的亮度与强度都会降低,而添加新色调后,阴影与新色调之间又会扩展出新的色轮,此外,在进行单色配色设计的时候,要注意不同色调与色调之间的颜色搭配,在相似的配色设计中,需要选择色轮中的相邻颜色,比如,红色、黄色与橙色就属于相邻颜色。同时,在UI 解界面设计中进行颜色配对的时候,可以选择具有互补性质的颜色让整体界面更具和谐性,让这种对立的颜色来吸引用户,而互补性质的颜色主要产生于色轮相反侧的不同颜色,在运用互补色的时候,会出现明亮的、高对比度的颜色组合,比如,红与绿、黄与紫、橙和蓝等颜色都属于互补组合颜色,这样会让界面整体显得比较大胆,还有,在UI 界面设计的过程中,需要添加第三种颜色,同时需要降低配色整体的强度时,可以将配色进行互补拆分,将某种颜色当做基础色彩,然后选择这种色彩旁边的补色,从而保证整体画面的协调性。

五、结语

生活中很多设计物品都会运用到色彩心理学,包括商品包装方面、室内设计方面、服装服饰方面等,都充分体现了色彩对人类的影响。而UI 界面是用户获取、交换网络信息的重要工具,将色彩心理学运用到UI 界面设计中,可以将各种各样的知识信息进行有效划分,充分将界面中的主要信息突显出来,让用户可以在最短时间内快速获得相关信息,同时,还能通过有效的色彩搭配来对用户的视觉造成一定刺激,有效吸引用户并加深用户对界面的印象,将UI 界面设计的情感与艺术水平进行有效提升,带给用户更加舒适的体验,从而不断推动UI 界面设计的进步与发展,延长软件的使用期限,强化软件市场的竞争力,并为智能时代的发展做好一定准备。

猜你喜欢

界面设计色调界面
中医养生APP界面设计
“共享员工”平台界面设计
中国传统元素在界面设计中的应用
不同截面类型钢管RPC界面粘结性能对比研究
国企党委前置研究的“四个界面”
湖光水色调
ROMANTIC PARTY
马拉喀什记忆
界面设计中的图形创意方法
In Spring!春之色调