色彩在APP界面设计中应用

色彩在APP界面设计中应用

摘要:色彩是APP界面设计中最重要的元素,它不仅可以展现出APP界面的设计美感,而且也是界面设计的一种形式语言,能够准确地表达出作品的王题与内涵,同时也是设计者传达界面信息倩感、增加艺术效果的重要方法。本文首先阐述了色彩和APP界面设计的相关概念,其次研究了色彩在APP界面设计中的应用意义,最后总结分析出色彩在APP界面设计中的应用思路,通过本文的研究,希望学习掌握色彩的视觉意义与象征意义,有效地运用好色彩在APP界面设计中的作用,从而进行更好地界面设计。

关键词:色彩;APP;界面设计;应用

色彩作为APP界面设计中最重要的元素之一,对加强界面设计的艺术效果有很大价值,但从目前APP界面设计来看,在色彩设计方面存在很多问题,一是一些APP界面的色彩设计缺乏整体性,色彩风格没有协调统一;二是一些界面色彩的使用缺乏系统性和科学性,忽略了色彩本身作为视觉语言的特殊作用伙三是界面色彩的设计与使用没有以用户体验为中心,忽略了目标用户王体对颜色的理解和认知,存在着制作者的王观性与随意性。色彩是手机APP界面设计的重要组成部分,只有合理地运用色彩进行界面设计,才能设计出既美观又具有功能引导性的界面,并能得到用户的青睐,因此,本文王要对手机APP界面设计的色彩应用进行研究。

1相关概念解析

1.1色彩概述。色彩是一种视觉形态,是眼睛对可见光的感应,相比较其它图形和文字,它往往能够给人们留下更深刻的印象。色彩有三大基本属性:色相、纯度、明度。色相是一个颜色区别于其他颜色的一个标准属性,能够比较确切地表示某种颜色色别的名称,如品红、桔黄、深绿、浅蓝等。纯度又称饱和度,是指原色在色彩中所占据的百分比,通过加白、加黑和加互补色方式来改变色彩的纯度。明度是指色彩的明亮程度,白色明度最高,黑色明度最低,红、灰、绿、蓝色为中间明度。在色彩色相、明度和纯度基础上,通常会把色彩分为冷色系与暖色系。红色、橙色等暖色系给人一种温暖、喜悦的感觉;青色、蓝色等冷色系给人一种寂静、开阔的感觉[2]。同时每一种色彩也具有客观的代表性情感,人们通过联想产生主观意志,再配合思想产生象征意义。比如,看到红色,人们往往有平安、热情、主动、喜庆、激情的情感;看到黄色,会有一种轻快、辉煌、充满希望与光明的情感;看到绿色,会有一种和平、健康、清新、青春的感觉;看到蓝色,会有一种冷静、理智、广阔、沉稳的感觉。每一种色彩都具有自身的视觉意义与象征意义,要合理运用好每一种色彩。

1.2APP界面设计概述。APP即移动设备上运行的各种应用程序,APP界面设计指对应用程序的交互设计、界面视觉等综合性设计,是用户与APP传递和交互信息的媒介,用户可以通过界面的设计对APP进行操作使用。APP界面设计包含界面元素结构布局、图表文字设计及色彩设计等。APP界面设计是为用户服务,整个设计过程以用户为中心,界面设计是否美观,是否舒适易操作直接影响APP用户会不会选择使用。

2色彩在APP界面设计中的应用意义

色彩在APP界面设计中往往有先声夺人的重要力量,对于APP界面设计有着重要意义。

2.1塑造界面与品牌风格。色彩在APP界面设计中具有塑造界面和品牌风格的重要作用,不同色彩色相、明度和纯度之间的对比与调和,可以呈现出不同的界面风格。例如淘宝APP,采用红色系和橙色系作为界面主要颜色,塑造了鲜活的界面风格,能够刺激用户购买欲望;而支付宝APP采用蓝色系作为界面主要颜色,塑造了沉稳的界面风格,向用户传递出安全、专业与可信赖的视觉意义。此外,每一种色彩都具有自身的象征意义,界面色彩的选择传达了企业文化与品牌理念,很好地塑造了品牌风格,如网易云音乐APP采用红色作为界面主要颜色和公司的主要颜色,红色大多代表积极、乐观、热情、力量、充满希望,网易云音乐的slogan是“音乐的力量”,红色正符合网易公司新生力量的崛起,加强人与人之间信息的交流和共享并注重凝聚力的观念,网易公司将红色与自身结合起来,使公司的观念与形象深入人心[3]。

2.2引导用户视觉与功能划分。色彩在APP界面设计中具有划分区域,引导用户视觉与功能划分的作用,人们的视觉对于色彩往往具有更强的识别力和判别力,正如《视觉可用性》中所说:色彩作为战略性聚光点时,它会告诉用户该往哪看,引导用户视觉方向,是吸引注意力的最佳工具[4]。在界面设计中利用主色调、同色系的辅助色及不同的色彩色相来向用户传递信息,能有效引导用户的操作行为。例如淘宝APP中聚划算和百亿补贴促销活动信息作为界面中的主要模块,文字及图片信息都采用明度较高的红色或橙色,在页面中起到突出效果的作用,能在第一时间吸引用户的注意力,引导用户进行点击,或利用不同颜色的对比来强调界面主要内容与板块,吸引与引导用户。同时也可以利用不同的色相及同色系的差距,通过区分色彩的色相、明度和纯度,将界面功能内容直观地划分出来,引导用户根据先后、有序地进行界面操作,极大地提升了界面视觉的引导性和功能性。

2.3提升用户体验与审美愉悦。色彩在APP界面设计中的合理运用可以提升用户体验度,界面色彩的搭配会对用户的使用与审美感觉带来直接地影响。例如,界面背景色彩的选择,通常会采用浅色或明亮的色系,据研究显示在APP界面这个有限的范围内,浅色系背景上阅读深色文字信息,比深色系背景上阅读浅色文字信息要更加舒适,阅读性更强,并且会给用户带来清新愉悦感[5]。另外很多APP功能较多,界面信息层级丰富,如果不加以区分划类,会造成用户视觉浏览的混乱感,因此主要功能与模块采用明度和饱和度较高的色彩,可以让用户直接轻松地阅读重要信息与模块,极大地提升用户体验感。各种色系的协调搭配,对比适度和谐,使界面色彩具有整体性和平衡性,缓解了用户使用疲劳,带来视觉上的愉悦感。

3色彩在APP界面设计中的应用思路

色彩在APP界面设计中起着至关重要的作用,用户视觉神经对色彩反应最快,其次是形状,最后才是界面细节。优秀的界面色彩设计,合理的色彩搭配会提高产品的易用性和美观性,会提高用户的使用率与点击率,从而提升其价值效应。故研究色彩在APP界面设计中的应用思路是极其重要的。

3.1明确APP属性与目标用户。色彩的选用要符合APP的属性,如购物类、理财类、益智游戏类、阅读类产品等需要运用不同的色彩去表现,比如游戏类APP就需要选用丰富鲜艳的色彩来表现出相对明快、欢乐的界面,能吸引用户;而一些阅读类APP色彩就不宜过于跳跃,不宜选用明艳亮丽的色彩,会让用户产生视觉疲劳。并且色彩风格的选用也需要做市场调研,比如:活泼、明艳、文雅、科技感、稳重、安全等,要充分了解客户对产品的定位,使形式与内容相统一。色彩的选用也要明确目标用户群体的相关特征,如用户的性别、年龄、生活环境等千差万别的因素,会影响他们对色彩的理解和认知[5],所需求的APP界面风格也是大不相同的,因此,充分做好用户研究,尽量让大部分主体用户感受到视觉的舒适度,可以通过智能化技术让使用者选择属于自己的色彩搭配,逐步发展成为私人定制的模式,满足所有使用者的需求。

3.2充分考虑APP使用场景及区域。APP的使用场景不同,界面色彩的选择也要有差别,如很多产品设置了暗夜模式,界面显示出黑底白字的设计模式,使界面色彩的亮度和夜间环境更接近,能够减少对用户眼睛的刺激,缓解眼疲劳,这就是充分考虑了用户在夜晚场景下使用APP的需求,提升产品使用体验。此外,很多移动互联网企业会有海外市场拓展的计划,APP的界面设计也要充分考虑产品使用区域的问题,考虑地域文化要素、当地的民风民俗和禁忌,不同的颜色在不同的文化背景下有不同的含义,例如当人们感到消极沮丧时,首先联想到的色彩是黑色,但是在土耳其是“紫色”,马来西亚是“黄色”,印度是“白色”。什么颜色代表“高贵”在中国的答案是“黄色”,而巴西却认为黄色表示绝望[5]。

3.3增强APP的整体性与易用性。在色彩的标准色环中,有同色系、近似色、对比色、及互补色四种分类。界面色彩的设计中,一种色彩并不会单独出现,良好的色彩搭配会加强界面的视觉感染力,给设计锦上添花。因此在进行APP界面视觉色彩设计时,可优先考虑选用同色系和近似色搭配原则,使界面元素设计更加和谐融洽,由此来增加界面设计的整体性与美观性;也可选用互补色的搭配原则,用来进行背景色与文字、按钮、需突出元素等的色彩搭配,使界面对比更为强烈,使视觉效果更为丰富,更能吸引用户的注意力,但视觉冲击强烈时也容易引起用户视觉疲劳,在必要时可以降低色彩的明度或饱和度,使眼睛更加舒适。界面色彩的主色调与小面积辅助色及点缀色面积搭配需有一定的节奏性,主色调:辅助色:点缀色应遵循6:3:1的比例搭配界面色彩[5]。除了利用主色调、辅助色以及点缀色之间的对比调和,平衡色彩,使APP界面呈现出整体统一的风格,同时还可以利用有序重复、渐变渐隐、强烈对比等色彩设计方法,来区分、强调、提示功能的主次及内容,提升产品的易用性,提升用户的体验感。

4结语

随着智能化技术的不断进步与发展,APP产品层出不穷,人们不再仅仅满足于产品功能,而是对APP使用方便度及舒适度提出了更高的要求。界面设计显得尤为重要,而色彩的运用直接关系到APP界面设计的质量和水平及所表达的主题和内容。这就要求设计者要与时俱进,需不断加强对色彩相关基础知识和界面应用的整体学习,充分考虑APP产品属性、受众人群及功能,合理选用并搭配色彩,发挥色彩的独有优势,设计出具有更好视觉体验的产品。

作者:刘丽 边卓 单位:东北农业大学