色彩在学龄前儿童APP界面设计中的应用探究

朱敏 罗岱

摘要：聚焦学龄前儿童，探究色彩在学龄前儿童APP界面设计中的应用原则。梳理学龄前儿童的视觉状况、认知能力，结合具体案例分析总结色彩在学龄前儿童APP界面中的多重作用，并将色盲儿童的色彩辨识与用户体验情况纳入研究范畴。从学龄前儿童的需求与用户体验出发，结合色彩的功能性与审美性，提炼出适用于学龄前儿童的APP界面色彩搭配方案。

关键词：色彩 学龄前儿童 界面设计

中图分类号：J0-05

文献标识码：A

文章编号：1003-0069 （2019） 03-0128-02

引言

作为APP重要组成部分的用户界面，承担着表达信息与情感，实现人机交互的重任，这些功能的实现仰赖于多种设计语言的综合使用，其中最重要的语言之一就是色彩语言。色彩语言使用情况的好坏直接影响着界面的功能和用户的体验，因此要求界面设计者需要更加精准地将其进行把握。为了能够达到这一目的，更好地满足用户对色彩的需求，需要对APP目标用户的相关情况进行全面了解，从而制定行之有效的色彩应用策略，面向学龄前（本文指3-6岁）儿童进行界面设计时亦是如此。

一、学龄前儿童的视觉状况和认知能力

（一）视觉状况

1.视力发育状况

学龄前儿童的视力还处于发育完善的阶段，一般而言，随着年龄的增长视力也在不断提高，到学龄前晚期会达到成人水平。

2.视觉异常情况

对人类而言，视觉是最为重要的器官，我们所感知到的包括色彩在内的所有外界信息有95%来自于视觉。因此，视觉的异常会给人们带来诸多障碍，本文重点探讨色盲这一视觉异常情况。色盲包括全色盲、红色盲、绿色盲等[1]，一般由先天或后天原因导致，据有关人员统计，全世界有8%（一说9%）的男性和0.5%的女性存在着不同程度的色盲情况。虽然目前还没有关于学龄前色盲儿童的准确数据，但是通过推断可得知，学龄前儿童是存在色盲情况的且或许不在少数。

（二）认知能力

1.认知方式

按照皮亚杰对儿童认知发展阶段的划分，学龄前儿童处于前运算阶段，这一阶段儿童的主要思维方式为具体形象思维，在这一思维方式的支配下，儿童可以凭借各种事物的具体形象或表象进行思考和解决问题，但他们的抽象逻辑思维能力较弱，还不能像成人一样通过对事物的理解、判断等来解决问题。因此，他们更喜欢具体形象的事物，无法理解过于抽象和繁复的事物。

2.色彩认知

学龄前儿童的色彩认知能力也是在成长过程中不断提高的。3岁左右的儿童往往难以区分较为复杂的混合色，只能辨识红、绿、蓝等基本色，随着年龄的增大加之正确的引导，一般儿童到了4岁后便可渐渐习得对不同色相、不同明度、不同饱和度的颜色的辨别能力，并学会对色彩与其名称进行联系记忆。在学龄前阶段，儿童也已经对颜色建立起了自己的喜好，总体而言，他们喜好鲜艳明亮的色彩。就色彩的冷暖属性来说，学龄前儿童不仅可以习得较为基础的辨别能力，而且他们往往还对暖色调产生了一定的偏好[2]。

3.认知范围

除色彩认知外，对学龄前儿童认知范围的考察还包括形状认知、时间认知等。在学龄前阶段，儿童的形状认知能力已经得到了较快的发展，可以分辨三角形、四边形、圆形等，也可以分辨较为复杂的椭圆形、星形等，甚至还可以辨别出一些组合图形。但可能会将这些图形与他们日常生活中的具象事物相联系，如将圆形看作西瓜或太阳等[3]。对于时间认知的能力，学龄前儿童的掌握程度较低，有研究证明5岁以下的儿童无法对时间进行稳定和准确的感知，造成这种现象的原因是“时间”较为抽象，而这一阶段的儿童抽象逻辑思维能力还比较弱，无法理解它。

二、色彩在学龄前儿童APP界面中的作用

色彩的使用遍布界面设计中的每一个元素，大到整体背景小到一个图标都离不开色彩，色彩在用户界面中的重要作用主要体现在辅助学龄前儿童的认知，满足学龄前儿童的情感需求，增加界面的艺术性三个方面。

（一）辅助学龄前儿童的认知

在界面设计中，色彩的运用可以增加信息传达的效率和准确度。色彩可以极大地提高对真实世界的还原度，减少认知阻碍和学习负担，这一点对学龄前儿童来说尤为重要。因为学龄前儿童的思维仍以具体形象思维为主，不太能识别和理解过于抽象的事物，而颜色的使用可以还原事物的固有属性，使学龄前儿童更容易辨识。这一阶段的儿童对时间的感知能力也比较差，而色彩的使用则可以很好地解決这一问题，（如图1、2）分别为儿童教育类APP“MarcoPolo Weather”同一个场景里白天与夜间的画面，色彩的使用很好地表达了时间的概念，可以帮助儿童了解昼夜的气象变化以此学会增减衣物。

对于学龄前儿童来说，颜色的设置还可以对他们的操作产生指示作用。色彩的色相、明度等的对比可以使界面变得更有层次感，以此帮助儿童区分主要元素和次要元素，将他们的注意力成功引导到主要元素上，以便进行下一步的操作，在这个过程中也可以培养他们观察事物的能力以及思维能力。学龄前阶段的儿童一般识字不多，所以APP界面中一些原本可以通过文字来表达的内容只能借由色彩等元素来表达和引导，这就愈发凸显了色彩的重要性。

（二）满足学龄前儿童的情感需求

由于经济和技术的发展，人们对数字娱乐产品的消费需求也指向了更高的层次——精神层次，而且当今社会生活节奏加快，很多时候数字娱乐产品还填补了父母对儿童关爱的空缺。因此，在众多包括APP在内的数字娱乐产品的设计中，格外重视情感的传达。

色彩在传达情感、满足儿童的情感诉求方面可以起到重要作用。暖色系的颜色可以营造出温馨祥和的氛围，给儿童带来抚慰轻松之感，粉色系的搭配则可以营造出轻松愉悦的感觉，帮助儿童放松身心。不同的颜色可以引发儿童不同的相关想象和心理感受，在满足他们使用需求的基础上，给他们带来更细腻丰富的情感体验。

（三）增加界面的艺术性

色彩应用的好坏除了会影响界面的功能外，还会对界面的艺术性产生重要影响，“七分颜色三分花”这句话生动阐述了色彩在界面设计中的价值[4]。色彩可以增强界面的艺术感染力，塑造独一无二的视觉风格，打造出具有竞争力的产品。

三、色彩在掌龄前儿童APP界面设计中的应用原则

（一）色彩与用户

1.色彩与用户心智模型

心智模型指的是一个人对周围世界的理解，它来自人们的经验或直觉。对儿童而言，他们对色彩的经验大多来自客观世界并且经验十分有限，心智模型并不完善。因此，在进行界面色彩设计的时候，最好能够遵循现实世界客观事物的固有色彩，如天空就是蓝色的，草地就是绿色的等，以免造成认知摩擦。

2.色彩与用户群体差异性

APP走出国门走向世界早已成为一种新常态，这也就对APP的界面设计提出了更高的要求。在为多国的学龄前儿童而设计的时候，要充分考虑不同语境下色彩含义的差异，给用户带来更好的体验。

此外，在面向学龄前儿童进行APP界面设计时，也应考虑到色盲儿童的情况并照顾到他们的需求。假使在设计的过程中，必须要用某种颜色来代表特定含义，如要用红色表示紧急，那么应同时使用另一种区分方案，例如图标形状的区分或大小的区分等[5]。我国一款受众较多的学龄前儿童识字APP《猪迪克识字》（如图3），为色觉正常者所看到的界面，可以看出，该界面下方的“日”、“月”等文字按钮原本设定的是被选中后会变为绿色，最下方的导航栏中的选项被选中后会呈现为黄色，然而这个界面在红色盲人群的眼中看来却是（如图4）的样子，他们所看到的界面没有绿色和黄色的区别，因此难以通过颜色来辨认选中的情况，好在该界面中的文字按钮具有图形大小的区分方案，所以相对导航栏来说更为友好。

（二）色彩与界面

1.单个界面的色彩搭配原则

在界面设计中，常用的色彩搭配方法可分为三种。第一种方法是使用单色，单色虽然具有简洁以及便于统一页面的优点，但也容易显得单调。第二种方法是采用邻近色搭配方法，能够有效避免色彩杂乱，使页面和谐统一。还有一种方法为对比色搭配法，这种方法视觉效果强烈，可以更好地突出重点。在学龄前儿童APP界面中，后两种方法最为常见，在具体色彩的选用上，以暖色调作为界面主视觉色彩的APP较多，这是因为红橙黄等暖色系颜色往往给人带来热情、亲近、明朗的感觉，使人感到振奋和欢快，能够引发学龄前儿童的兴趣、调动他们的积极性。

2.各界面之间色彩搭配原则

APP各界面之间的关系主要体现在引导页与主页之间以及主辅页之间的关系上。在针对引导页与主页进行色彩搭配时，可重点考虑同类色及互补色搭配原则。同类色系的搭配可以增進引导页和主页的统一性，使不同功能的页面更为和谐，更具整体感;而互补色的搭配方法则使引导页与主页的对比更为强烈，使视觉效果更为丰富，更能吸引用户的注意力。主辅页在进行色彩搭配的时候，如果采用不同的主色彩容易使页面显得繁乱琐碎甚至打破用户的操作流，因此主辅页可以采用统一的色彩，同时通过变换布局、增加动效等方式消除单调之感。

3.色彩的审美性与功能性

优质的界面色彩设计需要兼具审美性与功能性，但审美性需要服务于功能性。界面设计的核心要义是准确高效地传达信息，这就要求设计师在进行界面设计时，必须确保文本、按钮等元素的高识别性和清晰度。为了达到这一目的，可以采用对比色搭配方法进行背景色与文字、按钮等的色彩配置。值得注意的是，对比色在给用户带来强烈的视觉冲击时也容易引起视觉疲劳，因此在必要时可以降低色彩的明度或饱和度使眼睛更加舒适，更好地保护学龄前儿童的视力[6]。

总结

色彩因其独特的功能性和艺术性在界面设计中具有重要作用，面向学龄前儿童进行界面设计的时候需要充分了解学龄前儿童视觉和认知特点，重视色彩在学龄前儿童APP界面设计中的作用，把握色彩在学龄前儿童APP界面设计中的多种原则，并始终考虑到色盲儿童的情况，尽可能地为更多人而设计。

参考文献

[1]冯莹色盲人群的信息设计研究[D]北京：中央美术学院2011：2 3

[2]郝品基于学龄前儿童认知心理的游戏APP界面设计研究[D]北京：中国矿业大学2015： 53-54

[3]郭云云学龄前儿童移动应用的自然交互方式研究[D]无锡：江南大学2015： 19-20

[4]赵琪UI界面设计中的色彩心理院[D]长春：东北师范大学2016： 12-13

[5]（美）SusanWeinschenk徐佳，马迪，余盈亿译设计师要懂心理学[M]北京：人民邮电出版社，2013： 23-26

[6]黄超，谭美玲，柯文燕手机UI界面的色彩搭配研究[J]科技创新与应用，2016 （19）：74

[7]周越汪兰川色彩设计在动画影片中的应用研究[J]设计，2017，30 （11）：46-47

[8]罗峤色彩的个性化研究与应用[J]设计，2017，30 （15）：36-37