智能手机App的界面色彩设计研究

智能手机App的界面色彩设计研究□邰康锋摘要:在信息时代，随着智能手机的普及，第三方应用程序App成为人们享受网络便利的重要工具。在App设计中，设计师要

增强用户的体验感，除了要重视App内在的各种功能，还要重视一些外在的因素，如App的界面图标设计、按钮设计、色彩设计等，这

些因素也可成为App设计打动人心、为人所接受的重要原因。智能手机App界面设计师可以利用不同色彩的象征意义，设计出具有

不同色彩倾向的作品，赋予色彩丰富的表现形式和精神内涵,使其可最大限度地体现手机App的功能价值，从而更好地为人们服务。关键词:手机App界面设计色彩象征色彩存在于日常生活的方方面面，它是构成环境的重要组

成部分。如同对其他抽象事物的认知一样，人类对色彩的认识

和运用亦经历了从感性到理性的过程。在长期的生产生活实践

接受外部色光刺激的同时，会自动地唤起大脑有关色彩的记忆

痕迹，使人们将眼前的色彩与以往的视觉经验相联系，经过分

析、比较、想象、归纳、判断等活动，形成新的身心体验C1]o色彩联

想形成于色彩想象，可以生发创意灵感。色彩情感表现的基础

中，人类深刻地总结了直接感受到的色彩，实现了色彩认知从具

体到普遍、从形象到抽象的发展过程，进而形成了色彩的基本理

论、法则、观念等，并将这些知识运用于色彩的艺术实践过程。

和前提是色彩联想，没有色彩联想,人们的色彩情感就难以得到

表达。人们产生色彩联想，有时是因为看到某种色彩而想起曾

从原始社会到现代社会，人们生活的各方面都被打上了色彩的

经见到或知道的色彩，有时是回忆起记忆中的色彩。人的色彩

联想是建立在以往的经验基础之上的，以往的经验有的来自直

接的生活体验，有的来自间接的学习、生活阅历。生活阅历和设

烙印，体现出色彩的影响。当前，智能手机普及，加载于智能手

机的第三方应用程序——App成为人们享受网络资讯便利、实现

新型社交的重要工具。App是一种使用频度较高、使用范围较

计经验越丰富，色彩的联想往往越具有广度和深度。色彩联想

也会随时代的变化而变化，但是色彩联想也有共同性。色彩联

想主要分为两种类型，即具象联想和抽象联想。色彩的具象联

广、影响较为深刻的信息时代的工具，可以最大限度地增强智能

手机用户的体验感，成为设计师需要研究的课题。除了重视App

内在的各种功能设计、关注其实用性，设计师还应注意到一些外

想指由看到的色彩直接想象到客观存在的物象C1]o女P:看到红色

想到火焰、枫叶等；看到白色想到云朵、雪地、轻纱等；看到绿色

想到绿地、树林、庄稼等；等等。色彩的抽象联想指通过观看某

一色彩直接想象到某些富有哲理或逻辑性概念的色彩。女P：看

到红色联想到热烈等;看到白色联想到纯净、清洁、单调等;看到

在的因素，如App的界面图标设计、按钮设计、色彩设计等。这些

虽为细节，但都能成为App设计打动人心、被人接受、获得推广的

重要原因。一、色彩基础知识1

■色彩象征绿色想到环保、成长、新鲜等；等等。色彩的抽象联想往往比具

象联想更加复杂、更具有哲理性。对于同一种色相，人的抽象联

色彩的象征意义是由人们的主观心理产生的，这种象征意

义受人的性别、性格、年龄等因素的影响。色彩的象征意义表现

想常常会因色彩的明度或纯度的变化而不同。女P,纯正的红色

能让人联想到热情等。3.色彩情感是其共性的一面。女P,红色能带给人较强的视觉冲击，喻示热情

奔放、吉祥如意、喜庆热烈等，因此常被用于标志等的底色和主

色。当红色的明度或纯度发生改变时，其传达出的象征意义也

会发生改变。红色在明度被提高时会变成粉红色，具有甜美甜

色彩来自光，没有了光也就不存在色彩，因此，色彩只是一

种物理现象,其本身并没有情感。色彩情感的产生是因为人们

生活在一个充满色彩的世界里，人们根据自己的经验赋予了色

彩相应的情绪或情感。在人们的知识经验与外在的色彩刺激发

蜜、恬静冲和、浪漫温馨等寓意。橙色是较为温暖的色彩，往往

给人以光明、快乐的感觉。当橙色的明度被逐渐提高时，橙色往

往能给人以温馨祥和、温暖惬意的感觉。黄色在色彩中明度较

高，给人以明媚、阳光的感觉，代表着智慧和希望。绿色是给人

生碰撞时，就会产生色彩联想，并在心理层面引发某种情感。情

感表现首先是情感或是情绪方面的概念,如快乐、惬意、喜爱等，

随之就会联想到与之相对应的某一种色相。这一色相一旦被确

认，就会成为情感表现的主要色彩，并决定着情感表现的主要色

视觉感受较为舒适的一种色彩，能使人精神兴奋，具有解除郁

闷、开阔心胸的作用，其喻示自然、和平、青春、希望、生机等。白

色具有光明、纯洁、神圣等寓意。黑色能带给人们安静肃穆、深

沉庄重、果敢坚毅等感觉。灰色具有稳重感、优雅感、平和感、中

庸感、朴素感等象征意义。2.色彩联想彩倾向。任何一种色相都具有情感的两面性，如，黑色的庄重、

大气是其积极的一面，暗淡、消沉是其消极的一面。色彩的情感

表现会受到色彩明度变化的影响，色彩明度的深浅变化也可以

决定情感表现的强弱。如蓝色，不同明度的湖蓝、群青等表现的

联想是人将记忆中的事物之间建立起内在联系的过程，色

情感效果会有强弱之分。又如，在红色中加入黑色，会使红色原

有的热情变得沉稳；加入白色，红色明度提高，纯度降低,就会由彩联想又是人的联想的重要组成部分。色彩联想指视觉器官在

86

视觉设计ART

EDUCATION

RESEARCH原来的热情变成冷漠。无论哪种色彩，纯度越低就越接近灰 助色是黑、白两种色彩，使人产生安全、灵活的感觉。聊天软件

QQ的App界面主色调是蓝色，辅助色是白色，给人沉稳、大气的

色。大多数高纯度色彩会表达积极的情感意义，态度积极度与

色彩纯度往往成正比；大多数低纯度色彩通常与消极的情感意

义相联系；纯度中等的色彩表现出的情感态度也往往是较为中

感觉。两种功能几乎相同的通讯软件界面选取的色彩不同，原

因在于产品定位和受众人群的不同。QQ的受众人群往往年龄较

庸的因此，设计师利用色彩的纯度变化，既可以表现色彩情

感的丰富、微妙和含蓄，又可以表达积极或消极的情感态度。大,其设计风格较为稳重，而微信的受众人群主要是较为年轻的

群体,其设计风格较为活泼、灵动，因此，产品的设计风格要符合

目标人群的特征。抖音短视频App的界面是黑、白两种颜色，图

二、

App界面的色彩设计App指智能手机的第三方应用程序，是英文单词Application

标是一个类似于音符的图案，使人产生活泼、充满朝气的感觉。

美图秀秀App以粉色为界面的主色调，以白色为界面的辅助色。

的缩写。人机交互主要是通过App实现的，因此，在智能手机中，

App必不可少。智能手机App界面设计师可以利用不同色彩的

白色和粉色的搭配突出了美图秀秀的功能性，给人以柔美、恬静

的感觉，代表着浪漫、甜蜜和雅致，从而体现出这一款App的功

象征意义，设计具有不同色彩倾向的作品，赋予色彩丰富的表现

形式和精神内涵，使其能最大限度地体现App的功能价值，从而

能，加深了用户对该款App的印象。购物软件淘宝App的主色是

更好地为人们服务。为增强App设计的用户体验感,设计师不仅要考量其功能内

涵和实用价值，而且应认识到App设计必须满足用户的审美需

能令人产生愉悦感的橙色，京东App使用的是具有视觉冲击力的

红色，喻示热情、富贵。学习强国App是一款受人欢迎的理论学

习手机应用软件，其界面设计以红色和白色为主，有庄重、严肃

求，需要考虑到对界面布局、色彩等因素的设计。实践证明，色

之感。天气预报应用天气通App界面以蓝色为主，背景的色彩随

彩在人与手机的互动中具有关键作用，色彩的作用体现在界面

设计的每一个元素中，大到整体背景，小到图标按钮，都离不开

天气变化而不断更新。女P：晴天便是明度较高的蓝色，表示天气

晴朗；阴天便是明度较低的深蓝色，表现多云等天气状况;等等。色彩设计。色彩在App界面设计中的重要作用，主要体现在辅助

人们的认知操作、满足人们的情感需求、丰富界面的艺术审美效

以上是一些与人们的日常生活紧密相关的App界面色彩设

计的案例。在生产性、专业性较强的App中，界面色彩设计仍然

十分重要。女P,化工圈App是一款针对化工品采购与供应的专业

果等方面。App界面色彩运用从类别上分为主色、辅助色和点睛色。主

手机应用，其界面以白色为主色调，带给用户的体验是安全感、

秩序感；其界面图标为蓝色，喻示着稳定、严谨“果树生长周期

色即界面的主体色彩，在整个界面中占主导位置，其决定了

App

界面的设计风格,传递了设计师的情感，代表了设计的思路、方

向。对主色的选择能够确切地表达设计师的内心感受，设计师

的内心感受越强烈，对色彩的选择往往就越明确。实践证明，占

动态监测成影系统”是一款正在开发的针对农业生产领域的手

机应用App,其界面主色调是绿色，使用户能够获得希望、生命、

环保等体验感，符合当下倡导的生态农业理念。此外，设计师应

据界面主体的色调决定了界面整体的风格趋向。相关的辅助色

对主色有修饰、烘托的作用，可使界面更加丰富、多元，从而增强

用户的体验感。设计师将点睛色用于标题、文本、按钮等处的设

根据季节、时令等调整界面的基本色调。女P：秋季以黄色为主色

调，喻示收获;冬季以白色为主色调，喻示闲适、放松等。综上所述，认识色彩，理解色彩的象征意义、色彩联想及色

计，可发挥强调和引导用户阅读的功能，同时凸显独特的界面风

格。此外，若想使自己设计的App界面富有视觉冲击力，设计师

就要对色彩要素按照情感表现的总体需要作出取舍，并将各个

要素有机组合成一个视觉整体。这样才能营造出特定的色彩情

彩情感是设计手机App界面的前提。因此，在开展手机App界面

设计时，设计师不仅要关注色彩本身具有的含义，而且应考虑

App的使用人群、功能等因素。只有这样，设计师才能发挥色彩

的最大功效，从而使用户获得最佳的体验感。课题信息:咸阳市科技局科学技术研究局攻关专项(2019K02-08)：基

于数据挖掘的果树生长周期动态监测成影系统开发与应用。参考文献：[1]

陈强.移动互联网时代视觉化一致性的品牌营销研究重庆：西

调，体现出一定的色彩情趣，为用户提供一个可供观赏、引发想

象的情境,随之营造出完整的情感氛围，为用户提供精神体验。三、

App界面色彩设计的实践设计师在开展手机App界面设计前，应当了解该App的主要

功能，根据其功能设计App界面的整体色调，针对目标人群的需

求设计手机App界面的风格，以此使目标用户对该App产生兴

趣。以一起作业App为例，该App的受众人群是小学生，设计师

南大学,2017:45.[2]

康琳英.城市景观标识的色彩学分析与研究武汉：湖北美术学

院，2010:26.可以根据小学生的需求探索App整体的设计方向。根据小学生

充满朝气的特点，设计师将饱和度较高的绿色作为App的主色

调，将白色的兔子作为界面的主要图案，使整个界面在视觉效果

13罗立垒.办公空间设计中的色彩应用研究长沙：湖南师范大学，

2014:

11.上既活泼可爱又干净清晰，使小学生使用时感觉趣味十足。以

(作者单位:咸阳职业技术学院)当前人们常用的微信App为例，由于微信受众人群广泛,设计师

选择能使人精神兴奋、心胸开阔的绿色作为主色调，而界面的辅

编辑缪健87