APP下载

微交互下的UI色彩心理学探究

2020-07-13赵慧雯王健

大观·东京文学 2020年2期
关键词:色彩心理设计

赵慧雯 王健

摘 要:现如今智能技术快速发展,微交互产品已经进入白热化状态。UI设计简单來说就是人机之间的交互、操作逻辑、界面美观的整体设计。UI设计解决信息可视化的问题,所以微交互就显得尤其重要。色彩在客观上是对人内心的一种刺激和象征,是主观意识中的一种反应和行为。文章从色彩心理学与UI视觉设计相融合来探讨,明确提升用户心理体验是UI交互设计的重要因素之一。

关键词:UI界面;设计;色彩;心理;微交互

一、UI界面设计概述

(一)UI界面理论

UI设计在用户与硬件通信时给予用户良好的交互过程。UI界面设计是UI设计中的比较重要的一环,它能够为用户呈现美观舒适的一面,增强手机用户的使用感和视觉效果,进而缩减用户与产品之间的差距。因此,UI 界面设计不仅仅局限于表面的设计,它需要综合考虑用户心理需求、产品的使用需求、产品使用场景以及产品定位,为用户设计一款艺术与设计相结合的艺术产品。将色彩心理学融合到UI界面设计中,能够增添产品的体验感以及艺术感,带给用户不一样的使用体验。

(二)UI的发展趋势

随着硬件设施应用的白热化,UI设计也越来越成熟。世界上有很多优秀的平面设计师,从事UI设计这个行业同时,也催生出了大批职业的UI设计师。纵观近年来UI设计的趋势,UI设计逐渐从拟物化的设计转变为抽象设计。我们需要思考的是,为什么每个人一开始都喜欢拟物化设计,为什么他们能够把拟物化设计做得如此精致。从这个趋向分析,我们可以清楚地发现,这种变化不仅仅是用户界面的设计,更多的是改变我们用户的实际体验,他们需要一个适应的过程。因此,设计师需要做的是用我们生活中的真实事物替换系统中的一些图标。从Windows XP启动开始使用透明通道,到移动终端现在流行扁平化的设计风格,利用各种工具极大地提高工作效率,内容和平台设计工作发生了很大的变化。

(三)UI设计的风格

一是扁平化设计。扁平化设计是当下最流行的UI设计风格,设计更简单清晰,更重要的一点是,拥有更好的适合性。移除界面的装饰效果,简单直观地展示工作方式中的信息和事物,设计元素强调抽象、简约、符号化,设计更简单、清晰。较小的屏幕迫使设计者放弃花俏的修饰和多余的内容,并且优先保证对业务和客户体验影响最大的功能。

二是大字体排版。大型字体的排版更具可读性,能够吸引追随者的大型字体的排版已成为一种主要的排版方法,在设计中得到了广泛的应用,并与不同的视频和图片相结合和匹配。但是,如果控制不好,大字体排版的设计很容易让整个页面看起来很生硬。设计师可以使用不同的颜色来创造视觉上的色彩对比增强吸引力,也可以进行多种字体设计,充分利用字体设计技巧,最大限度地为用户创造独特的设计体验。

三是色彩过渡。用户界面设计倾向于使用大量带有渐变颜色的抽象插图,其中大部分开始出现不对称。不对称的美使其独有的特点梯度增加插图的丰富性,保证其足够独特、有趣,同时也很容易被注意到。在一个扁平化的设计中,在抽象的插图上添加一个渐变是恰到好处的。

二、色彩心理学在UI设计中的作用

(一)色彩心理与用户心理

现如今,信息的内容基本上被人类的视觉感官所识别,因此,视觉在人的各种感官知觉中占有非常重要的地位。用户界面设计是基于用户体验的,所以了解人们的情绪、感知、认知等心理过程都至关重要。运用和熟知心理学知识,尤其是行动理论和认知心理学,进而可以深入探索用户操作。平时我们见到的大部分色彩都是来源我们的心理,从而产生对色彩的感知和想象并在大脑中作用,使其产生情感以至于做出反应。人的心理受色彩的影响很大,由色彩带来心理的联想,这就是我们所说的色彩心理学,它是心理学的一个分支。

色彩在人们的生产和生活中已经渗透到我们的物质领域与精神领域,色彩所产生的美,以它独特而微妙的变化深深地影响着人们的情感。色彩本身是没有灵魂的,它是一种客观的常态,但当人们面对五彩缤纷的世界时,它会引起人们内心的遐想。在UI界面设计中,与整个通信处理视觉图像一起生成的颜色情感心理学表示,每一种颜色都有着独特的意义,这不仅来自我们对颜色的感知,也来自我们的个人喜好与文化背景。被激发感情色彩的人因时间、地点、心理感受、状态、性格特点都会产生不同。

色彩不仅是信息的表达,而且是心理感受的传达,它将新的生命力注入到UI界面,将心理效应和符号意义相结合。

(二)色彩心理与UI设计

色彩是UI设计的一个重要元素,设计师必须认识到颜色在传播中的重要性,了解差异色彩的象征意义。生活色彩更加丰富多彩,它是眼睛对视觉可见光的刺激的表现,任何客观事物都有自己的色彩。色彩对人类的影响不仅体现在视觉上,而且影响着人类的心理和情感体验。比如,白色是纯洁、朴素、和平、冷酷的颜色,白色能帮助我们在心理上找到平静和安宁,它使我们冷静下来,帮助放松我们的思想。黄色被认为是最容易看到的颜色,更重要的是它具有强大的心理暗示,在设计中,黄色可以使用户感受到信心。但是,过多的黄色可能带来负面作用,如使用户产生焦虑或恐惧的感觉。心理认同都是来源于色彩的视觉元素。界面色彩与用户心理效应相结合,可以帮助用户在第一时间轻松地适应产品,创造用户的心理认同。好的UI界面色彩分配和板块配置使得用户在使用过程中具有舒适的交互体验。大胆的色块会提醒用户,避免信息在使用中丢失,帮助用户在复杂界面中总结有效信息。再者,界面设计的背景通常是浅色调,使软件更加柔和,主体部分的颜色一般会比背景更深,心理体验会帮助用户实现颜色的视觉平衡,增强用户的心理亲密感与使用频率。

三、UI设计中传统工艺的体现

《折扇》这款App以最佳视觉入围了游戏大赏,上线便获得了App Store的首页推荐,成为tagDesign民艺系列的代表作。文化的传承来源于心灵的沉淀,这是传统和高科技的完美结合,每一步的操作都有浓厚的工匠氛围,让用户对折扇的制作有很好的了解,从形态、技术到历史,这里都有介绍。高质量的三维造型对传统折扇的外形、结构进行了主要的构造,游戏的巧妙发挥带用户体验一把折扇的诞生。当用户通过软件深刻了解折扇的基本特性后,自己可以独立按照扇子制作的步骤制作自己的折扇, 从选竹到切边、敲眼、烘烤等,让我们自己都能感受到什么是真正的手工艺。

《折扇》中采用传统风格,结合中国传统的折扇工艺,再配以极简的界面、高保真的模型和流畅的体验,界面全版采用素色。素色也称为无彩色,属于中性色,素色由黑、白、灰以及低饱和度的色彩组成。素色美学是基于色彩美学的基础上,专注研究素色应用的学科。从色彩搭配的角度上来说,素色可以和任何颜色进行搭配,不会产生色彩的冲突。从色彩心理学的角度来看,素色具有极好的和谐感,它会使人脑的信息处理压力降低,让人内心更加平静祥和。用户会通过不同的颜色产生不同的心理感受,所以在设计中,我们可以利用渐变、混搭、透明变化和透明性来完成界面格式、界面内容和界面色彩的个性化设计。优秀的设计与色彩心理学的结合,将在设计理念、设计手法、设计表达方面给传统视觉带来巨大冲击,丰富色彩心理学在设计表达中的力量,在很大程度上拓展视觉设计的表达空间。民族瑰宝不应该只是以一种简单的文化遗产的形态存在,还应该与时俱进,让下一代能够了解并传承下去。

数字化时代的快速发展也使人们更加关注微交互。UI设计作为提高产品信誉、创造产品价值和人机交互体验的一种手段,是计算机和设计领域的一个重要研究方向。对色彩的分析是一个相对复杂的过程,它具有各种综合特性。色彩的合理运用对UI界面设计有着非常重要的影响,多种颜色的组合可以产生不同的颜色区域,分离界面的视觉空间,同时还能够增强界面的趣味性和信息的交流程度。色彩不仅仅是一种表达的符号,也是视觉表达的形式和方法。另外,UI设计还具有无限的开发空间。

参考文献:

[1]陶霖密,袁春,王浩达.一种恢复图像自然色彩的重构方法[J].智能系统学报,2019(5):877-881.

[2]赵偲.基于感性工学与色彩心理学的2.5维UI界面设计研究[D].南京航空航天大学,2009.

[3]段殳.色彩心理学与艺术设计[D].东南大学,2006.

[4]吴茹枫.UI设计中的无意识设计原则探析[J].工业设计,2018(10):79-80.

[5]罗珊.传统元素在UI界面设计中的应用[J].装饰装修天地,2019(3):22-23.

[6]孙佳宁.浅析色彩心理效應在高校建筑外观色彩设计中的运用原则[J].福建质量管理,2019(19):153,152.

作者单位:

长沙理工大学设计艺术学院

通讯作者:

王健,武汉理工大学设计学博士,长沙理工大学设计艺术学院教授,硕士生导师。研究方向:数字媒体艺术。

猜你喜欢

色彩心理设计
BUBA台灯设计
心理小测试
心理感受
有种设计叫而专
神奇的色彩(上)
春天的色彩
色彩当道 俘获夏日
2015春夏鞋履色彩大集结
匠心独运的场地设计画上完美句点
心理小测试