色彩感知在移动应用中的应用

2019-10-21 05:46刘雨涵
科学导报·学术 2019年30期
关键词:主色调用户群界面设计

摘要:不同的色彩给人感觉是不一样的,不同的人对色彩的理解也是不一样的。本文通过对色彩的相关概念,人对色彩的感知等知识的了解发现在移动应用中合理的色彩使用是非常重要的……

一.有关色彩的常规概念及阐述

1.色彩的主要内容

"色”是指颜色,物体在光的照射下,吸收和反射不同波长的光而呈现在我们面前的颜色,为我们视觉而感知辨识。而"彩”则是指多种颜色交相呼应,诱发人们生理和心理上的感受。如红、橙、黄调的画面能产生温暖的感觉。蓝、紫的画面,能使我们产生寒冷的感觉,所以色彩是一个"色”与"彩”的集合概念。

2.色彩的种类及应用

通常我们把色彩被分为无彩色和有彩色。无彩色即黑白灰,有彩色即赤橙黄绿青蓝紫。通常在移动应用界面设计中无彩色中的灰色经常被使用,灰色是一个平稳中立的色彩,它不会激发非常强烈的情感,不像红色橙色紫色那样,它是非常稳定的颜色,所以大面积被使用在界面的设计中。非常暗的灰不像黑色那么鲜明,浅灰也不会像白那么死板用来填补白色占据的空间不会显得很突兀。所以灰色在移动应用界面中大多作为背景和其它色彩使用,这样使界面看起来很舒适也不容易犯错。

3.色彩的三个基本属性的重要

色彩的三个基本属性分别为色相(色调)、明度、纯度。有彩色系具有这三种属性。而无彩色系只具有明度量值。色相即颜色的相貌。主要用来表现每种色彩的表面特点。红、橙、黄、绿、青、篮、紫都叫颜色的色相,当叫到其中任一种颜色,都会呈现出它特有的色彩印象。色相对界面色彩设计的对比、调和及色彩的搭配组合极为重要。色彩的明度是指任何颜色都具备的视觉明暗度。例如黄色为明度最高的色。紫色为明度最低的色。纯度又称饱和度。在手机界面设计时须同时考虑色相、明度和纯度。对色彩属性的了解让界面的设计更加规范直接清晰不至于导致界面眼花缭乱,让用户迷失在应用中。对色彩的基本属性进行适当的调节搭配,可以引导用户清晰的认识应用中的功能。例如,在进行应用界面设计时,一般把有关联的功能或同一阶级的功能用相似或同一色系的颜色表示,方便用户在视觉上自觉分类,方便了解使用,增加用户体验。

二.手机应用界面中色彩的使用

1.多考虑色彩可能具有的含义

设计应用界面的色彩时,根据对大多数应用的分析发现是有一定规律的。对于那些主要用色彩来传递功能信息的手机应用来说,特别明显。首先在界面设计时要用用户心里期望的颜色。每一种颜色都表现不同的含义,色彩是一种视觉语言,它在设计上产生的效果远超过其它表现方式。

比如红色有紧迫感,提示提醒作用;蓝色多用于理财和科技感强的移动应用,强调安全,例如支付宝;橙色用于购买让人兴奋产生购物欲,例如淘宝;粉色服务于女性例如主要为女性的购买类应用;黑色一般与奢侈品联系;根据不的手机应用和针对的用户群选择合适的主色调是非常重要的。如果把唯品会和聚美类似的主要服务于女性的应用换成蓝色用户一定会觉得非常不友好,很难舒适购物。

用户看到颜色会通过大脑和日常经验对色彩进行联想,如在大多应用中删除功能,提示分别用红色的矩形和紅色的圆表示,所以当用户看到应用界面中的红色时,通过大脑和经验会思考应用在提醒我们有新消息了而不是非要看到文字才能确信有新消息。它不仅是颜色,也是功能的暗示。

2.字体的颜色对阅读的影响

在手机应用中字体的颜色使用也是非常重要的。例如红蓝搭配难以阅读[ Susan Weinschenk:《设计师要懂心理学》,人民邮电出版社,2013年,第22页],在红色底上用蓝字,蓝色底用红字,在应用中阅读起来都是非常吃力的。所以一般在深底色上用浅字,浅底上用深色字体方便阅读,减少阅读的压力。

3.考虑潜在用户群

要考虑潜在的用户群,例如色盲、色弱。即使使用了特殊颜色表示重要或功能性的按钮,也应该使用特殊指示符,例如直线标注,帮助视觉障碍的人辨别。如腾讯新闻中的导航栏当你进入该导航页面时上导航的文字由灰变黑,下面还有下划线提示你在该页面。下导航一般会由线性图标变成面并且加上应用主色调的颜色,这些细微的颜色变化,都在潜移默化中帮助用户。手机应用界面色彩的运用也是有一定规律的,除了一些小细节,用户已经习惯一些色彩的暗示,所以我们要遵循,以免让用户迷失。要综合考虑用户,年龄、性别、性格、文化、教养、职业、民族、生活环境、时代背景、等各方面因素的影响。

三.用户对色彩的感知

用户感知色彩是先由视觉再到大脑的工作处理,从而实现对色光的感知。然而大脑的工作具有心理效应。人们的心理活动又往往受人的经验、愿望、气质、环境及所受刺激的强度所影响,又会形成不同的色彩知觉。从这可以看出要多方面考虑色彩在手机应用中如何使用。不同的色彩呈现方式对用户感知也会有的影响

1.手机应用界面中色彩面积的大小

同一组色彩面积不同给人的感受也是不同的。面积小的红绿色块给人强烈的感觉。同一种色彩,面积太小就会被环境色所同化,面积大虽然易见度高但也容易感到刺激,如大面积红使人发闷,大片黑使人沉闷。所以好的手机应用往往会选择一个主色调,但也不会大面积的使用,一般都有小面积的其它色穿插或点缀主色调,借以调节视觉疲劳。但采用的小面积色也要和主色调一致,这样才不会让界面看起来眼花缭乱。

2.色彩层次的认知

色彩的呈现方式的不同可以帮助用户区别界面中的功能。从色彩的层次上来讲,一般底色较弱,表层较强。可以突出表层界面上的内容。在表层上纯度相同的俩互补色接近过于刺激强烈,一般不会大面积使用,应用时也一般用无彩色或其它灰色色块间隔线隔开在不改变色彩的鲜艳度和明度等因素一样能取得的对比效果像微博界面中不同功能的图标的颜色不同但都是同一色系,为了看起来不是很花哨都用间隔线隔开这样看起来界面更加的清晰,功能明确,潜移默化中给用户正确的引导,界面也不会很枯燥,变得更加趣味亲和。在大面积灰暗的背景色反衬几小块纯色能更好的分散界面的沉闷感。

四.用户自身对色彩的感知的不同

1.不同的用户群对色彩的感知不同

用户对色彩的感知是有局限性的。不同的用户群对色彩的感知是不同的。这决定于个人的敏感度。对于敏感的用户,色彩给他们的感觉会更强烈一些。例如,红色会产生火焰红色是火的颜色,暖红色使人兴奋,但另一方面红色也会让人流淌的鲜血,从而产生疼苦恶心。因此要考虑这些对色彩明暗度强的用户,一般红色也很少作为主色调出现在移动应用中,小面积的红色就能达到很强的效果。如在大多应用中删除功能,提示分别用红色的矩形和红色的圆表示,这种

小面积的红色就用能表现出它给用户的信息,所以说要合理的选择饱和度高的颜色。这样更能增强应用的用户体验。

2.用户的视觉习惯影响色彩的感知

在设计手机应用界面时也要关注用户的视觉习惯,这也是十分重要的一点。不同年龄段,性别,文化背景对色彩的喜爱程度和理解是不同的。如年轻人一般喜欢饱和度高比较轻快得到颜色,而老年人比较喜欢稳重冲击力不是很强的颜色,也要考虑老年人对色彩的辨识度较低可点击按钮一定要突出表示。因此在进行手机应用界面设计时要注意不同用户群的视觉习惯,选择手机应用用户群喜欢的颜色作为主色调。

色彩的合理使用对于手机应用来说是非常重要的。当用户了解一款应用时,他们最先感受到的是应用的色彩搭配带给他们的感受,视网膜呈现各种颜色并映在脑海里带给用户第一眼感受,直接影响着用户的视觉感知。了解色彩的感知无论是在移动应用还是在其它设计领域都十分重要。

作者简介:

刘雨涵(1994.4—),女,汉族,籍贯:辽宁海城人,大连工业大学艺术设计学院,18级在读研究生,硕士学位,专业:美术学,研究方向:当代视觉语言研究,

(作者单位:大连工业大学)

猜你喜欢
主色调用户群界面设计
中国传统元素在界面设计中的应用
基于协同过滤和Embedding的冷启动推荐算法研究
从资源出发的面向用户群的高校图书馆资源推荐模型分析
王磊卿:抛开浮华,走向深度,是品质之年的“主色调”
界面设计中的图形创意方法
新媒体界面设计对当代报纸版面设计的启示
介于多设备时代下的界面设计表现方式上的差异性
热辣夏季
公共图书馆的用户群和服务人员的分析
论主色调在艺术设计中的运用