基于兒童認知的學(xué)齡前兒童益智類App界面色彩探析

張雪松

南開大學(xué) 天津 300071

一、緒論

兒童是生活在網(wǎng)絡(luò)時代的特殊群體，兒童雖然很少擁有自己的平板電腦、智能手機設(shè)備，但是近期，Comcast的調(diào)查發(fā)現(xiàn)76%的父母表示他們的孩子對設(shè)備的迷戀超過了糖果。除了兒童的玩具、讀物外，移動端App的普及使它成為兒童經(jīng)常接觸的娛樂游戲工具。App以內(nèi)容豐富、形式多樣、互動性強的特點吸引著兒童，現(xiàn)在已經(jīng)成為兒童生活娛樂中極其重要的一部分。多種類別的益智類App，不僅在多彩的畫面當中對孩子進行教育啟蒙滿足兒童成長需要，而且App界面的色彩設(shè)計會影響兒童的情緒、生理以及心理。因此，研究針對學(xué)齡前兒童所開發(fā)的益智類App色彩應(yīng)用的相關(guān)理論與實際案例，分析如何運用色彩為兒童帶來良好的視覺體驗以達到益智教育的目的，對于兒童益智類 APP 界面的色彩設(shè)計，以及兒童認知情感體驗的提升，具有一定的指導(dǎo)意義和參考價值。

二、色彩相關(guān)理論概述

色彩能夠促進兒童思維、感情，乃至人格的健康發(fā)展。心理學(xué)家肯特曾做過一個兒童對于色彩與形狀選擇優(yōu)先性的實驗。實驗結(jié)果表明，學(xué)齡前兒童對于事物的認識、辨別、選擇多是根據(jù)對視覺有強烈感染力的色彩進行的。兒童，特別是學(xué)齡前兒童對于事物的色彩更為敏感。所以對于學(xué)齡前兒童開發(fā)的App色彩設(shè)計的研究就顯得尤其重要。此外，心理學(xué)家很早就發(fā)現(xiàn)了顏色對人心理的調(diào)節(jié)作用。兒童心理學(xué)家阿爾修勒博士的研究表明，不同色彩對于兒童具有不同的意義，并且兒童喜愛的色彩一定程度上可以反映兒童的性格。因此我們應(yīng)該重視色彩對于兒童成長過程的影響，并且利用這種影響更好地引導(dǎo)教育兒童，為兒童營造一個繽紛健康的色彩環(huán)境。然而，我們我國對于兒童的色彩教育這方面非常欠缺，其重要性沒有得到足夠的認識。如何用色彩提升兒童的互動體驗，激發(fā)兒童的興趣，在潛移默化中對兒童產(chǎn)生積極的影響，也是非常重要的內(nèi)容。

兒童益智教育APP就是以移動智能終端平臺為媒介，針對學(xué)齡前兒童，以開發(fā)兒童的智力和創(chuàng)造力為目標，服務(wù)于兒童的移動應(yīng)用軟件。處于視覺發(fā)育期的學(xué)齡前兒童對于鮮亮的東西比較敏感，鮮艷、明亮的界面色彩能吸引兒童的視線，所以針對學(xué)齡前兒童設(shè)計的App中要多用高純度、高明度的顏色來吸引兒童對于特定區(qū)域的注意力。[1]首先，色彩豐富、鮮艷，但要適度，以防產(chǎn)生視覺疲勞、保護視力。兒童偏愛鮮艷、豐富的色彩，但是界面中的色彩如果過于鮮艷、對比過于強烈容易造成視覺疲勞，甚至損傷視力。而且色彩過于豐富也容易使較低年齡的兒童過多注意色彩的豐富或局部畫面，而導(dǎo)致忽略重點內(nèi)容。其次，色彩運用要具有合理性、恰當性。設(shè)計的過程中需要考慮色彩與其他視覺元素的整體性。顏色的搭配可以將混亂的信息進行分類和整理，使人機交互更加方便、快捷、舒適。因此，兒童App界面的色彩選擇不只需要考慮較為鮮艷、明亮的色彩，而且也要對色彩的搭配上進行研究、以達到整體和諧統(tǒng)一的效果。最后，要利用色彩的視覺心理的特點來烘托App的整體氣氛。色彩帶來的冷與暖、輕快與沉重、熱鬧與安靜、等各種心理情感，使得App界面色彩內(nèi)容便于學(xué)齡前兒童體驗和理解。因此，在App界面設(shè)計中合理運用色彩能夠使兒童更加專注，讓兒童更樂于接觸應(yīng)用程序，或是與內(nèi)容結(jié)合調(diào)動整體氣氛并運用合理的配色以引起情緒情感的活動、促進對內(nèi)容的理解、加深體驗和記憶等。

三、針對學(xué)齡前兒童移動端中益智類App界面色彩風格分析

傳統(tǒng)兒童益智類產(chǎn)品雖然可以鍛煉孩子的多感官，但是一個玩具的功能有限，對于出生在新世紀的孩子來說，這些需要動手的玩具很大程度上不能滿足孩子的好奇心了，現(xiàn)在大部分兒童通過電視、iPad或者是手機這些新媒體產(chǎn)品來接觸世界；在新的產(chǎn)品趨勢下，家長也更樂意于給孩子使用功能更加多元、教育意義更全面的電子產(chǎn)品。移動端益智類App的色彩與傳統(tǒng)益智類產(chǎn)品相比色彩更加豐富，多變，符合孩子多變的性格特征。

益智游戲類主要通過寓教于樂的方式促進兒童成長。Hip hop hen是一款國外優(yōu)秀的兒童字母學(xué)習(xí)軟件，畫風卡通有趣，色彩鮮艷，情景豐富，充滿創(chuàng)意性和藝術(shù)性。它的色彩明度和其他App的色彩類似都屬于高明度，但是純度較低，很多顏色都是繪畫上所謂的高級灰的顏色。色彩柔和，畫面更加和諧，兒童長時間地觀看也不會覺得視覺疲勞。在很多元素的界面中，色彩的種類很多但是還是可以保持在一個統(tǒng)一的色調(diào)當中。以背景色為主色，根據(jù)背景色來搭配前面人物的色彩，再加以其他色彩的點綴。特別的是，整體的圖形采用了手繪的風格，背景色彩也具有紙張的紋路，可以看出涂色后的顆粒感，使得色彩具有更加細微的變化。

四、針對學(xué)齡前兒童的移動端益智類App界面色彩設(shè)計的分析

學(xué)齡前兒童，雖然在語言表達和知識經(jīng)驗方面的能力不足，但對于色彩已經(jīng)有了一定的認識，而且對于不同的色彩具有特定的一些心理反應(yīng)。[2]接下來將從App界面包含的各個元素和根據(jù)兒童的生理心理特點為依據(jù)，來研究學(xué)齡前兒童App界面每一個元素的色彩設(shè)計規(guī)律。

（一）啟動圖標

啟動圖標是人們對于App的第一印象，它起著宣傳和吸引受眾注意力，傳遞和象征App功能的作用。阿恩海姆提出：“接受者面向美術(shù)作品時，最初感受到的，是作品中的可視形態(tài)、形象和形式，如作品的大小、色彩、光影、線條、描繪的對象等”。[3]在色彩心理學(xué)中，每一種顏色都有自己的心理暗示和感情傾向。[4]例如，暖色系通常給人以活潑陽光的感覺，所以常被用到購物、游戲、音樂等主題圖標的主色調(diào)配色當中。筆者選擇了安卓與蘋果系統(tǒng)的應(yīng)用商店中兒童益智類標簽下的前20個App的圖標，選取這40個圖標中的主色，在色環(huán)上進行分類，發(fā)現(xiàn)兒童益智類圖標的主色在每一個色相上都有所分布，說明兒童益智類App的色彩不具有代表性的顏色，所有的顏色都有所涉及。不過還有使用比例比較高的色彩，其中暖色調(diào)中主要是黃色調(diào)、黃橙色調(diào)。冷色調(diào)則是以藍綠、藍色調(diào)較多。在圖標色彩的明度純度上，畫面當中占用色彩面積較多的顏色、或者背景色都是以中高純度、高明度為主。在色彩的搭配上，與其他類型的圖標相同，為了不讓圖標看起來色相混亂，通常會用到主色、輔色、點綴色的組合。只不過兒童類的App圖標大多是具象的卡通圖案為主，所以色彩上會更加豐富，一個圖標會有七八種甚至更多種色彩，不過這些色彩中也是有主次之分。

（二）啟動界面

啟動界面相當于一個網(wǎng)頁中的總導(dǎo)覽，所以一定要簡潔、清晰明確。有關(guān)研究表明“啟動界面在視覺上便可以看作是一幅平面作品，以小企鵝樂園App為例，其啟動界面則是選用了高亮度的黃色為背景色，而下一級的界面的兩個背景色藍色的亮度值都很低。如圖1所示，一級界面使用的兩個黃色s值分別為95%、96%，純度非常高，l值分別為72%、69%，亮度屬于中高檔。圖2二級界面的兩種藍色s值為81%、49%，高純度和低純度結(jié)合，l值分別為12%、36%，屬于低亮度。兩個不同黃色的結(jié)合具有活力和感染力，可以使兒童在啟動界面的時候，具有愉悅的情緒選擇自己想進入的項目，而下一級使用亮度純度較低的藍色則是讓兒童在觀看視頻的時候更加專注。這樣的色彩既符合兒童的色彩心理，也有利于兒童的視力保護。反觀寶寶幼兒園這一App，筆者選取了一級界面和兩個與一級界面主色相相近的二級界面，對其中占界面面積較大的黃色、綠色、藍色進行色彩的分析（如圖3、4）可以發(fā)現(xiàn)，啟動界面的這三種色彩s值分別為93%、82%、52%，l值分別為54%、44%、62%，三個顏色l的最高值都出現(xiàn)在二級界面中，黃色71%，綠色55%，藍色69%，啟動界面相對于其他界面的顏色來說，純度很高，亮度較低。二級界面是兒童使用時間較長的頁面顏色的亮度需要降低，但啟動界面要使用高亮度的顏色，使兒童具有愉悅的心情進入程序。其中重要的互動圖標位于界面的正中間并且使用了不常用的紫色來凸顯出圖標，這樣可以方便兒童操作，并且兒童類的圖標基本上都是擬物化的圖標，色彩的使用遵循表現(xiàn)出物體的立體感，更加方便兒童辨識。

圖1 兒童益智類App圖標

圖2 小企鵝樂園二級界面

圖3 寶寶幼兒園APP各級界面

圖4 寶寶幼兒園APP各級界面色彩分析

（三）界面設(shè)計

在進行界面設(shè)計時要保持內(nèi)容與風格要相統(tǒng)一，底紋、邊框、標記、圖標、按鈕等界面的元素色彩之間也要有所呼應(yīng)?？刀ㄋ够f過：“色彩是直接對心靈發(fā)生影響的手段”，色彩的選擇會直接作用人的視覺感受進而傳遞至人的內(nèi)心，使其產(chǎn)生情感變化。色彩賦予界面設(shè)計豐富的視覺樂趣和美感，對人的視覺有強烈的引導(dǎo)作用，加深對事物的理解記憶。一般來說，純、亮、飽滿的色彩往往能引起愉快的情緒反應(yīng)，相反，混、稀、呆板或模糊的色彩則引起不愉快的反應(yīng)。[5]界面的不同色彩搭配會給用戶帶來不同的感受和體驗。兒童教育APP 界面的色彩搭配應(yīng)符合兒童生理、心理特征，色彩的選擇搭配應(yīng)契合設(shè)計的主題，具有統(tǒng)一性、多樣性。兒童容易關(guān)注色彩明度較高的圖形和事物。在設(shè)計時，選擇飽和度、明度高的暖色調(diào)圖形作為界面視覺的核心，尤其是點擊、操作按鈕等交互圖形。界面的配色可以采用冷暖色系搭配、同色系配色、近似色搭配等組合，但不能破壞整體的視覺效果。事實上，每個人都因為與他人不同生活經(jīng)歷，所處的不同的歷史文化環(huán)境而有不同的視覺經(jīng)驗，一個地區(qū)、一個民族的人也因為共同的生活方式而有共同的視覺經(jīng)驗。如中國“最明亮的黃色專用于皇帝，黃色成為最高智慧、文明、身份及權(quán)利的象征?！盵6]色彩的使用應(yīng)考慮兒童這個特殊時期的喜好、特點和興趣，選擇符合兒童興趣的色彩搭配，靈活運用色彩的美學(xué)規(guī)律，迎合兒童的口味。

（四）字體設(shè)計

學(xué)齡前兒童一般不具備識字能力，并且相對于文字，兒童更喜歡圖像所呈現(xiàn)出來的生動有趣的畫面。因此在針對兒童的APP界面設(shè)計中要盡可能用圖形的變化來表現(xiàn)文字的內(nèi)容，當然也會使用一定的文字。例如在啟動界面或系統(tǒng)設(shè)置中則有文字出現(xiàn)。文字的設(shè)計要做到大小合適，簡潔清晰，便于理解，其外觀需要美觀、可愛、有趣。通過文字的變形、色彩搭配、圖形化設(shè)計豐富地表現(xiàn)出設(shè)計的主題內(nèi)容，結(jié)合生動有趣的具體造型突出有趣、形象、卡通可愛的風格，吸引兒童的注意力。首先，色彩搭配可以采用同類色，將一種顏色作為主色，輔色采用相鄰顏色，或者進行不同明度純度的變化進行搭配。單色的漸變搭配更加柔和，一般是采用同一種色彩三個不同色度的深淺漸變過渡。豐富、鮮艷，充滿藝術(shù)性和趣味性，呈現(xiàn)出設(shè)計感，既卡通又有趣。其次，將字體和具體的卡通造型或者動植物造型相結(jié)合，進行模仿設(shè)計，加上與之匹配的色彩突出其視覺質(zhì)感，產(chǎn)生極具吸引力的文字變體；最后，還有一大部分的字體則采用色相配色，色相配色的色彩效果更加豐富，能引人注目。強烈、鮮艷的色相排列合理的話可以具有青春活力感，迎合兒童朝氣蓬勃的心理氣質(zhì)。但是要注意一般色相配色不會超出五種色相，高明度高純度的色彩搭配在一起會過于雜亂，進而影響兒童的視覺識別。

結(jié)語

學(xué)齡前階段是兒童成長的重要時期，我們要在這一時期對兒童進行健康的教育，給兒童營造一個有益的色彩環(huán)境，幫助兒童形成積極的情感，培養(yǎng)兒童的審美能力。科技的發(fā)展有利有弊，我們要善于利用有利的一方面，利用移動端App的便捷性、多樣性、發(fā)揮有效的色彩對于兒童的作用，通過日常使用的益智類早教的應(yīng)用程序來潛移默化地促進兒童的心理覺醒。運用兒童色彩心理學(xué)和兒童認知情感的理論知識有針對性地對兒童進行持續(xù)的色彩刺激，讓兒童在不知不覺中產(chǎn)生新的認知。