基于儿童认知的学龄前儿童益智类App界面色彩探析

张雪松

南开大学 天津 300071

一、绪论

儿童是生活在网络时代的特殊群体，儿童虽然很少拥有自己的平板电脑、智能手机设备，但是近期，Comcast的调查发现76%的父母表示他们的孩子对设备的迷恋超过了糖果。除了儿童的玩具、读物外，移动端App的普及使它成为儿童经常接触的娱乐游戏工具。App以内容丰富、形式多样、互动性强的特点吸引着儿童，现在已经成为儿童生活娱乐中极其重要的一部分。多种类别的益智类App，不仅在多彩的画面当中对孩子进行教育启蒙满足儿童成长需要，而且App界面的色彩设计会影响儿童的情绪、生理以及心理。因此，研究针对学龄前儿童所开发的益智类App色彩应用的相关理论与实际案例，分析如何运用色彩为儿童带来良好的视觉体验以达到益智教育的目的，对于儿童益智类 APP 界面的色彩设计，以及儿童认知情感体验的提升，具有一定的指导意义和参考价值。

二、色彩相关理论概述

色彩能够促进儿童思维、感情，乃至人格的健康发展。心理学家肯特曾做过一个儿童对于色彩与形状选择优先性的实验。实验结果表明，学龄前儿童对于事物的认识、辨别、选择多是根据对视觉有强烈感染力的色彩进行的。儿童，特别是学龄前儿童对于事物的色彩更为敏感。所以对于学龄前儿童开发的App色彩设计的研究就显得尤其重要。此外，心理学家很早就发现了颜色对人心理的调节作用。儿童心理学家阿尔修勒博士的研究表明，不同色彩对于儿童具有不同的意义，并且儿童喜爱的色彩一定程度上可以反映儿童的性格。因此我们应该重视色彩对于儿童成长过程的影响，并且利用这种影响更好地引导教育儿童，为儿童营造一个缤纷健康的色彩环境。然而，我们我国对于儿童的色彩教育这方面非常欠缺，其重要性没有得到足够的认识。如何用色彩提升儿童的互动体验，激发儿童的兴趣，在潜移默化中对儿童产生积极的影响，也是非常重要的内容。

儿童益智教育APP就是以移动智能终端平台为媒介，针对学龄前儿童，以开发儿童的智力和创造力为目标，服务于儿童的移动应用软件。处于视觉发育期的学龄前儿童对于鲜亮的东西比较敏感，鲜艳、明亮的界面色彩能吸引儿童的视线，所以针对学龄前儿童设计的App中要多用高纯度、高明度的颜色来吸引儿童对于特定区域的注意力。[1]首先，色彩丰富、鲜艳，但要适度，以防产生视觉疲劳、保护视力。儿童偏爱鲜艳、丰富的色彩，但是界面中的色彩如果过于鲜艳、对比过于强烈容易造成视觉疲劳，甚至损伤视力。而且色彩过于丰富也容易使较低年龄的儿童过多注意色彩的丰富或局部画面，而导致忽略重点内容。其次，色彩运用要具有合理性、恰当性。设计的过程中需要考虑色彩与其他视觉元素的整体性。颜色的搭配可以将混乱的信息进行分类和整理，使人机交互更加方便、快捷、舒适。因此，儿童App界面的色彩选择不只需要考虑较为鲜艳、明亮的色彩，而且也要对色彩的搭配上进行研究、以达到整体和谐统一的效果。最后，要利用色彩的视觉心理的特点来烘托App的整体气氛。色彩带来的冷与暖、轻快与沉重、热闹与安静、等各种心理情感，使得App界面色彩内容便于学龄前儿童体验和理解。因此，在App界面设计中合理运用色彩能够使儿童更加专注，让儿童更乐于接触应用程序，或是与内容结合调动整体气氛并运用合理的配色以引起情绪情感的活动、促进对内容的理解、加深体验和记忆等。

三、针对学龄前儿童移动端中益智类App界面色彩风格分析

传统儿童益智类产品虽然可以锻炼孩子的多感官，但是一个玩具的功能有限，对于出生在新世纪的孩子来说，这些需要动手的玩具很大程度上不能满足孩子的好奇心了，现在大部分儿童通过电视、iPad或者是手机这些新媒体产品来接触世界；在新的产品趋势下，家长也更乐意于给孩子使用功能更加多元、教育意义更全面的电子产品。移动端益智类App的色彩与传统益智类产品相比色彩更加丰富，多变，符合孩子多变的性格特征。

益智游戏类主要通过寓教于乐的方式促进儿童成长。Hip hop hen是一款国外优秀的儿童字母学习软件，画风卡通有趣，色彩鲜艳，情景丰富，充满创意性和艺术性。它的色彩明度和其他App的色彩类似都属于高明度，但是纯度较低，很多颜色都是绘画上所谓的高级灰的颜色。色彩柔和，画面更加和谐，儿童长时间地观看也不会觉得视觉疲劳。在很多元素的界面中，色彩的种类很多但是还是可以保持在一个统一的色调当中。以背景色为主色，根据背景色来搭配前面人物的色彩，再加以其他色彩的点缀。特别的是，整体的图形采用了手绘的风格，背景色彩也具有纸张的纹路，可以看出涂色后的颗粒感，使得色彩具有更加细微的变化。

四、针对学龄前儿童的移动端益智类App界面色彩设计的分析

学龄前儿童，虽然在语言表达和知识经验方面的能力不足，但对于色彩已经有了一定的认识，而且对于不同的色彩具有特定的一些心理反应。[2]接下来将从App界面包含的各个元素和根据儿童的生理心理特点为依据，来研究学龄前儿童App界面每一个元素的色彩设计规律。

（一）启动图标

启动图标是人们对于App的第一印象，它起着宣传和吸引受众注意力，传递和象征App功能的作用。阿恩海姆提出：“接受者面向美术作品时，最初感受到的，是作品中的可视形态、形象和形式，如作品的大小、色彩、光影、线条、描绘的对象等”。[3]在色彩心理学中，每一种颜色都有自己的心理暗示和感情倾向。[4]例如，暖色系通常给人以活泼阳光的感觉，所以常被用到购物、游戏、音乐等主题图标的主色调配色当中。笔者选择了安卓与苹果系统的应用商店中儿童益智类标签下的前20个App的图标，选取这40个图标中的主色，在色环上进行分类，发现儿童益智类图标的主色在每一个色相上都有所分布，说明儿童益智类App的色彩不具有代表性的颜色，所有的颜色都有所涉及。不过还有使用比例比较高的色彩，其中暖色调中主要是黄色调、黄橙色调。冷色调则是以蓝绿、蓝色调较多。在图标色彩的明度纯度上，画面当中占用色彩面积较多的颜色、或者背景色都是以中高纯度、高明度为主。在色彩的搭配上，与其他类型的图标相同，为了不让图标看起来色相混乱，通常会用到主色、辅色、点缀色的组合。只不过儿童类的App图标大多是具象的卡通图案为主，所以色彩上会更加丰富，一个图标会有七八种甚至更多种色彩，不过这些色彩中也是有主次之分。

（二）启动界面

启动界面相当于一个网页中的总导览，所以一定要简洁、清晰明确。有关研究表明“启动界面在视觉上便可以看作是一幅平面作品，以小企鹅乐园App为例，其启动界面则是选用了高亮度的黄色为背景色，而下一级的界面的两个背景色蓝色的亮度值都很低。如图1所示，一级界面使用的两个黄色s值分别为95%、96%，纯度非常高，l值分别为72%、69%，亮度属于中高档。图2二级界面的两种蓝色s值为81%、49%，高纯度和低纯度结合，l值分别为12%、36%，属于低亮度。两个不同黄色的结合具有活力和感染力，可以使儿童在启动界面的时候，具有愉悦的情绪选择自己想进入的项目，而下一级使用亮度纯度较低的蓝色则是让儿童在观看视频的时候更加专注。这样的色彩既符合儿童的色彩心理，也有利于儿童的视力保护。反观宝宝幼儿园这一App，笔者选取了一级界面和两个与一级界面主色相相近的二级界面，对其中占界面面积较大的黄色、绿色、蓝色进行色彩的分析（如图3、4）可以发现，启动界面的这三种色彩s值分别为93%、82%、52%，l值分别为54%、44%、62%，三个颜色l的最高值都出现在二级界面中，黄色71%，绿色55%，蓝色69%，启动界面相对于其他界面的颜色来说，纯度很高，亮度较低。二级界面是儿童使用时间较长的页面颜色的亮度需要降低，但启动界面要使用高亮度的颜色，使儿童具有愉悦的心情进入程序。其中重要的互动图标位于界面的正中间并且使用了不常用的紫色来凸显出图标，这样可以方便儿童操作，并且儿童类的图标基本上都是拟物化的图标，色彩的使用遵循表现出物体的立体感，更加方便儿童辨识。

图1 儿童益智类App图标

图2 小企鹅乐园二级界面

图3 宝宝幼儿园APP各级界面

图4 宝宝幼儿园APP各级界面色彩分析

（三）界面设计

在进行界面设计时要保持内容与风格要相统一，底纹、边框、标记、图标、按钮等界面的元素色彩之间也要有所呼应。康定斯基说过：“色彩是直接对心灵发生影响的手段”，色彩的选择会直接作用人的视觉感受进而传递至人的内心，使其产生情感变化。色彩赋予界面设计丰富的视觉乐趣和美感，对人的视觉有强烈的引导作用，加深对事物的理解记忆。一般来说，纯、亮、饱满的色彩往往能引起愉快的情绪反应，相反，混、稀、呆板或模糊的色彩则引起不愉快的反应。[5]界面的不同色彩搭配会给用户带来不同的感受和体验。儿童教育APP 界面的色彩搭配应符合儿童生理、心理特征，色彩的选择搭配应契合设计的主题，具有统一性、多样性。儿童容易关注色彩明度较高的图形和事物。在设计时，选择饱和度、明度高的暖色调图形作为界面视觉的核心，尤其是点击、操作按钮等交互图形。界面的配色可以采用冷暖色系搭配、同色系配色、近似色搭配等组合，但不能破坏整体的视觉效果。事实上，每个人都因为与他人不同生活经历，所处的不同的历史文化环境而有不同的视觉经验，一个地区、一个民族的人也因为共同的生活方式而有共同的视觉经验。如中国“最明亮的黄色专用于皇帝，黄色成为最高智慧、文明、身份及权利的象征。”[6]色彩的使用应考虑儿童这个特殊时期的喜好、特点和兴趣，选择符合儿童兴趣的色彩搭配，灵活运用色彩的美学规律，迎合儿童的口味。

（四）字体设计

学龄前儿童一般不具备识字能力，并且相对于文字，儿童更喜欢图像所呈现出来的生动有趣的画面。因此在针对儿童的APP界面设计中要尽可能用图形的变化来表现文字的内容，当然也会使用一定的文字。例如在启动界面或系统设置中则有文字出现。文字的设计要做到大小合适，简洁清晰，便于理解，其外观需要美观、可爱、有趣。通过文字的变形、色彩搭配、图形化设计丰富地表现出设计的主题内容，结合生动有趣的具体造型突出有趣、形象、卡通可爱的风格，吸引儿童的注意力。首先，色彩搭配可以采用同类色，将一种颜色作为主色，辅色采用相邻颜色，或者进行不同明度纯度的变化进行搭配。单色的渐变搭配更加柔和，一般是采用同一种色彩三个不同色度的深浅渐变过渡。丰富、鲜艳，充满艺术性和趣味性，呈现出设计感，既卡通又有趣。其次，将字体和具体的卡通造型或者动植物造型相结合，进行模仿设计，加上与之匹配的色彩突出其视觉质感，产生极具吸引力的文字变体；最后，还有一大部分的字体则采用色相配色，色相配色的色彩效果更加丰富，能引人注目。强烈、鲜艳的色相排列合理的话可以具有青春活力感，迎合儿童朝气蓬勃的心理气质。但是要注意一般色相配色不会超出五种色相，高明度高纯度的色彩搭配在一起会过于杂乱，进而影响儿童的视觉识别。

结语

学龄前阶段是儿童成长的重要时期，我们要在这一时期对儿童进行健康的教育，给儿童营造一个有益的色彩环境，帮助儿童形成积极的情感，培养儿童的审美能力。科技的发展有利有弊，我们要善于利用有利的一方面，利用移动端App的便捷性、多样性、发挥有效的色彩对于儿童的作用，通过日常使用的益智类早教的应用程序来潜移默化地促进儿童的心理觉醒。运用儿童色彩心理学和儿童认知情感的理论知识有针对性地对儿童进行持续的色彩刺激，让儿童在不知不觉中产生新的认知。