APP界面设计中色彩的搭配应用

摘 要：移动互联网时代的迅猛发展在全球范围内掀起了一场影响人类所有层面的深刻变革，人们大量地利用智能移动终端设备的同时终端设备中的APP界面设计受到了更多的关注。人性化的界面布局、舒适的色彩搭配，可以让使用者有更好的交互体验。本文对APP界面色彩设计常识、APP界面设计中色彩搭配的作用和提升策略进行分析与阐述。

关键词：APP;界面设计;色彩设计

随着互联网技术与大数据技术的飞速发展，APP成为承载着越来越多信息的载体，使用智能移动终端设备浏览APP成为获取信息的普遍且直接的方式。相比传统媒介，APP包含了动画、图片、声音、文字等各种表达信息的方式。设计师在APP界面设计中恰当地对色彩进行搭配，不单单可以产生视觉冲击力，还可以提升APP的适用性和舒适性，降低用户的上手难度，增强用户体验。

1 APP界面色彩设计常识

APP界面设计是用户与智能移动终端设备进行交流的一个页面，是用户和智能移动终端设备之间的输入、输出信息和交流的媒介，是人和系统互动过程中的一个支持层面。APP界面设计的宗旨仍然是“以用户为中心”，优秀的APP界面设计不但具有简单美观的视觉感受，还有操作便利的行为感受，提高用户的满意程度。

APP界面设计中色彩的显色原理即加色混合，是指用有色光相混合得出新的色光。所有色彩展现在用户的眼前都需要光的实现，在加色混合中，把红绿蓝3种原色光以不同比率混合便可产生完整的色谱。色彩具有不同的感觉，如温度感、距离感、重量感、尺度感、软硬感，同时人对色彩的感觉也受到周围其他因素如情感因素的影响。APP界面依靠智能终端的屏幕发射的光呈现，进入我们眼睛的视网膜后再传输给大脑，对色彩进行辨认。智能移动终端设备的显示器都采用RGB像素排列模式或Pentile像素排列模式，因此，智能终端显示的色彩相比纸质媒介更明亮鲜艳，帮助APP产品在日益激烈的竞争中脱颖而出。

2 APP界面设计中色彩搭配的作用

人们对色彩的感知是相当敏锐的，研究表明，在人们在被接收的视觉元素中，色彩是吸引注意力的绝佳工具，在APP界面设计中适当地使用色彩的色相、明度、纯度这3个属性尤为重要。具体作用为以下几个方面：

2.1 营造APP整体风格

APP的界面设计包括了交互设计、操作逻辑、界面美观的整体设计。我们可以对APP界面确定一个主色，以若干个辅色及装饰色之间的对比调和关系突出APP的品牌调性。用不同的色系或相同色系色彩之间的明度、纯度作对比，塑造出不同的界面风格。如阅读类APP大多采用冷灰色调，让人有平静放松的感觉。通过界面设计的色彩搭配确定APP整体风格，成为用户体验中最重要的部分之一。

2.2 显示界面逻辑架构

用户使用APP时看到界面是由一个大面积的底色和若干几何色块组合而成，借助色彩来区分导航栏、任务栏、系统栏等功能区;还可以通过色彩间的强烈对比突出关键内容，使用户轻而易举地分辨界面的逻辑架构，提升操作便利来减少用户使用APP的适应时间。

2.3 增强功能引导

在界面设计中，色彩有增强功能引导的作用。如界面设计中底部导航栏覆盖统揽了APP的一级界面，可以形成最基本的信息框架;导航栏展现形式有文字加图标或纯图标形式。APP使用中停留在某一个界面时，这个底部导航栏其中一个图标会呈现彩色，其余图标则会相较于这个彩色图标明度有所降低或直接为灰色，让用户更容易知晓此时停留在APP的哪个界面中。提升或降低色彩明度的方法也可以用来告知用户此时是可点击或不可点击的，来降低错误操作率。

2.4 强化对信息的记忆

在人们长久以往的生活积累中，不同的色彩往往被赋予了不同的寓意，如红色代表热情、浪漫，也有警示的意思，绿色代表安全、健康，是生命的符号。按照人们对色彩的认知与记忆，APP界面可分别用不同的色彩或调整相同色彩的明度来表示相应功能模块，用户可以根据色彩的差异来记忆每一个模块的作用，使用户更快地记忆APP的使用方法及功能。

3 APP界面设计中色彩搭配的提升策略

色彩的搭配是设计师技术与艺术交融的直接展现，设计师在进行APP界面设计时，应当遵循艺术美学的同时，还应该结合以下阐述的提升策略，才能设计出富有内涵、使用户赏心悦目的APP界面。

3.1 迎合受众群体

色彩的搭配也是一种人性化设计理念的客观需求，每个年龄阶段的移动终端用户喜爱的APP界面风格是不尽相同的。设计师首先应该考虑APP的目标用户，进行用户画像，分析用户的喜好，体会配色给用户带来的观感体验。如在时尚生活类APP中，受众群体年轻化，设计师在进行APP界面设计时应该把握色彩的流行趋势，根据各类大数据的分析报告，了解用户搜索色彩的兴趣与变化，展望流行色的发展方向，提升APP界面的整体格调。

3.2 符合APP产品定位

色彩具有非常强的联想性，影响人的情绪。因此，APP产品在向用户表明自身特点时，色彩的选择至关重要，有利于用户快速地了解APP的产品定位，获得用户的认可。如购物类APP采用了大量的红色，刺激用户的视觉，给用户抢购的心理暗示，激发用户的消费激情，达到促销的目的。

3.3 合理布局色彩

各类移动终端设备中，往往屏幕尺寸有限，乱七八糟、没有条理的色彩分布必然对用户的认知造成困难，用户从而会对APP产生排斥心理。现在的APP大多采用简洁、准确的设计理念，综合协调好色彩的布局才能凸显这一设计理念。如果在界面中有一个色块占的面积过大，应当缩小其面积达到用户的视觉平衡，设计师在实际设计过程中，适当地用大色块烘托主题和气氛，小色块用于点缀，如果一组对比色所占面积相当，也容易产生混乱视觉效果。APP界面设计中色彩的面积比例应有变化，进行合理的色彩分层布局，使用户建立视觉层级关系，使用户在操作APP的过程中就能用最简单最直接的方式完成。

3.4 色彩对比协调

APP界面设计应遵循“总体协调，局部对比”的基本原则。在色彩三要素中影响用户心理的最大要素是色相，其次是明度和纯度，在设计师进行界面设计色彩搭配中一般包含一个主色和若干个辅色，用一种颜色搭配时选定色相，调整纯度，产生的颜色会富有层次感。在进行两种色彩搭配时，色环相邻的搭配会让你的设计更加高效稳定。在同一APP界面设计中尽量不要超过是3种以上的色彩，过多的色彩会分散用户的注意力，拉低用户体验。

3.5 驾驭色彩的动态节奏

在用户使用APP的时间过程中，对色彩、色觉的认知是一个连续的且单向性的影响过程，操作APP滑动界面切换的过程停留的时间非常短，但界面之间的颜色会相互影响。客观世界万物均有自身的发展秩序，秩序美也是色彩构成中重要的一环。渐变形式又是秩序中最典型的形式，同一色彩元素要有规律地反复，两种或两种以上的色彩元素要有秩序地交替呈现，在界面切换中要符合用户对色彩的判别和认知流动色彩的心理及生理规律。加入时间维度的思考，按照色彩的色相、明度、纯度进行动态的递增或递减，进行有序的排列和交叉，形成更加科学的色彩配色方案，为用户带来更丰富的视觉感受。

4 结语

在竞争日益激烈的APP市场中，色彩的搭配应用是提升APP界面整体视觉效果、阅读体验质量的重要保证。因此，设计师也要熟练且灵活运用色彩搭配技巧不断地更新创新设计理念，以高质量的色彩搭配传递界面情愫，创作出感染力强、设计语言充分的界面，使APP产品成为衔接设计者与用户的情感桥梁。

参考文献：

[1] 柳沙.设计心理学[M].上海人民美术出版社，2013.

[2] 王桂霞，赵洪文.基于Ui界面设计中色彩应用研究[J].新媒体研究，2018，4（22）：52-53.

[3] 韩晶晶，李洁.手机UI设计中色彩的重要性及应用研究[J].电脑知识与技术，2017，13（27）：281-282.

作者简介：薛天（1995—），男，山东菏泽人，辽宁师范大学美术学院2018級艺术设计专业硕士研究生在读，研究方向：数字媒体艺术。