朱敏 羅岱

摘要：聚焦學(xué)齡前兒童，探究色彩在學(xué)齡前兒童APP界面設(shè)計中的應(yīng)用原則。梳理學(xué)齡前兒童的視覺狀況、認(rèn)知能力，結(jié)合具體案例分析總結(jié)色彩在學(xué)齡前兒童APP界面中的多重作用，并將色盲兒童的色彩辨識與用戶體驗情況納入研究范疇。從學(xué)齡前兒童的需求與用戶體驗出發(fā)，結(jié)合色彩的功能性與審美性，提煉出適用于學(xué)齡前兒童的APP界面色彩搭配方案。

關(guān)鍵詞：色彩 學(xué)齡前兒童 界面設(shè)計

中圖分類號：J0-05

文獻(xiàn)標(biāo)識碼：A

文章編號：1003-0069 （2019） 03-0128-02

引言

作為APP重要組成部分的用戶界面，承擔(dān)著表達(dá)信息與情感，實現(xiàn)人機(jī)交互的重任，這些功能的實現(xiàn)仰賴于多種設(shè)計語言的綜合使用，其中最重要的語言之一就是色彩語言。色彩語言使用情況的好壞直接影響著界面的功能和用戶的體驗，因此要求界面設(shè)計者需要更加精準(zhǔn)地將其進(jìn)行把握。為了能夠達(dá)到這一目的，更好地滿足用戶對色彩的需求，需要對APP目標(biāo)用戶的相關(guān)情況進(jìn)行全面了解，從而制定行之有效的色彩應(yīng)用策略，面向?qū)W齡前（本文指3-6歲）兒童進(jìn)行界面設(shè)計時亦是如此。

一、學(xué)齡前兒童的視覺狀況和認(rèn)知能力

（一）視覺狀況

1.視力發(fā)育狀況

學(xué)齡前兒童的視力還處于發(fā)育完善的階段，一般而言，隨著年齡的增長視力也在不斷提高，到學(xué)齡前晚期會達(dá)到成人水平。

2.視覺異常情況

對人類而言，視覺是最為重要的器官，我們所感知到的包括色彩在內(nèi)的所有外界信息有95%來自于視覺。因此，視覺的異常會給人們帶來諸多障礙，本文重點探討色盲這一視覺異常情況。色盲包括全色盲、紅色盲、綠色盲等[1]，一般由先天或后天原因?qū)е?，?jù)有關(guān)人員統(tǒng)計，全世界有8%（一說9%）的男性和0.5%的女性存在著不同程度的色盲情況。雖然目前還沒有關(guān)于學(xué)齡前色盲兒童的準(zhǔn)確數(shù)據(jù)，但是通過推斷可得知，學(xué)齡前兒童是存在色盲情況的且或許不在少數(shù)。

（二）認(rèn)知能力

1.認(rèn)知方式

按照皮亞杰對兒童認(rèn)知發(fā)展階段的劃分，學(xué)齡前兒童處于前運(yùn)算階段，這一階段兒童的主要思維方式為具體形象思維，在這一思維方式的支配下，兒童可以憑借各種事物的具體形象或表象進(jìn)行思考和解決問題，但他們的抽象邏輯思維能力較弱，還不能像成人一樣通過對事物的理解、判斷等來解決問題。因此，他們更喜歡具體形象的事物，無法理解過于抽象和繁復(fù)的事物。

2.色彩認(rèn)知

學(xué)齡前兒童的色彩認(rèn)知能力也是在成長過程中不斷提高的。3歲左右的兒童往往難以區(qū)分較為復(fù)雜的混合色，只能辨識紅、綠、藍(lán)等基本色，隨著年齡的增大加之正確的引導(dǎo)，一般兒童到了4歲后便可漸漸習(xí)得對不同色相、不同明度、不同飽和度的顏色的辨別能力，并學(xué)會對色彩與其名稱進(jìn)行聯(lián)系記憶。在學(xué)齡前階段，兒童也已經(jīng)對顏色建立起了自己的喜好，總體而言，他們喜好鮮艷明亮的色彩。就色彩的冷暖屬性來說，學(xué)齡前兒童不僅可以習(xí)得較為基礎(chǔ)的辨別能力，而且他們往往還對暖色調(diào)產(chǎn)生了一定的偏好[2]。

3.認(rèn)知范圍

除色彩認(rèn)知外，對學(xué)齡前兒童認(rèn)知范圍的考察還包括形狀認(rèn)知、時間認(rèn)知等。在學(xué)齡前階段，兒童的形狀認(rèn)知能力已經(jīng)得到了較快的發(fā)展，可以分辨三角形、四邊形、圓形等，也可以分辨較為復(fù)雜的橢圓形、星形等，甚至還可以辨別出一些組合圖形。但可能會將這些圖形與他們?nèi)粘Ｉ钪械木呦笫挛锵嗦?lián)系，如將圓形看作西瓜或太陽等[3]。對于時間認(rèn)知的能力，學(xué)齡前兒童的掌握程度較低，有研究證明5歲以下的兒童無法對時間進(jìn)行穩(wěn)定和準(zhǔn)確的感知，造成這種現(xiàn)象的原因是“時間”較為抽象，而這一階段的兒童抽象邏輯思維能力還比較弱，無法理解它。

二、色彩在學(xué)齡前兒童APP界面中的作用

色彩的使用遍布界面設(shè)計中的每一個元素，大到整體背景小到一個圖標(biāo)都離不開色彩，色彩在用戶界面中的重要作用主要體現(xiàn)在輔助學(xué)齡前兒童的認(rèn)知，滿足學(xué)齡前兒童的情感需求，增加界面的藝術(shù)性三個方面。

（一）輔助學(xué)齡前兒童的認(rèn)知

在界面設(shè)計中，色彩的運(yùn)用可以增加信息傳達(dá)的效率和準(zhǔn)確度。色彩可以極大地提高對真實世界的還原度，減少認(rèn)知阻礙和學(xué)習(xí)負(fù)擔(dān)，這一點對學(xué)齡前兒童來說尤為重要。因為學(xué)齡前兒童的思維仍以具體形象思維為主，不太能識別和理解過于抽象的事物，而顏色的使用可以還原事物的固有屬性，使學(xué)齡前兒童更容易辨識。這一階段的兒童對時間的感知能力也比較差，而色彩的使用則可以很好地解決這一問題，（如圖1、2）分別為兒童教育類APP“MarcoPolo Weather”同一個場景里白天與夜間的畫面，色彩的使用很好地表達(dá)了時間的概念，可以幫助兒童了解晝夜的氣象變化以此學(xué)會增減衣物。

對于學(xué)齡前兒童來說，顏色的設(shè)置還可以對他們的操作產(chǎn)生指示作用。色彩的色相、明度等的對比可以使界面變得更有層次感，以此幫助兒童區(qū)分主要元素和次要元素，將他們的注意力成功引導(dǎo)到主要元素上，以便進(jìn)行下一步的操作，在這個過程中也可以培養(yǎng)他們觀察事物的能力以及思維能力。學(xué)齡前階段的兒童一般識字不多，所以APP界面中一些原本可以通過文字來表達(dá)的內(nèi)容只能借由色彩等元素來表達(dá)和引導(dǎo)，這就愈發(fā)凸顯了色彩的重要性。

（二）滿足學(xué)齡前兒童的情感需求

由于經(jīng)濟(jì)和技術(shù)的發(fā)展，人們對數(shù)字娛樂產(chǎn)品的消費(fèi)需求也指向了更高的層次——精神層次，而且當(dāng)今社會生活節(jié)奏加快，很多時候數(shù)字娛樂產(chǎn)品還填補(bǔ)了父母對兒童關(guān)愛的空缺。因此，在眾多包括APP在內(nèi)的數(shù)字娛樂產(chǎn)品的設(shè)計中，格外重視情感的傳達(dá)。

色彩在傳達(dá)情感、滿足兒童的情感訴求方面可以起到重要作用。暖色系的顏色可以營造出溫馨祥和的氛圍，給兒童帶來撫慰輕松之感，粉色系的搭配則可以營造出輕松愉悅的感覺，幫助兒童放松身心。不同的顏色可以引發(fā)兒童不同的相關(guān)想象和心理感受，在滿足他們使用需求的基礎(chǔ)上，給他們帶來更細(xì)膩豐富的情感體驗。

（三）增加界面的藝術(shù)性

色彩應(yīng)用的好壞除了會影響界面的功能外，還會對界面的藝術(shù)性產(chǎn)生重要影響，“七分顏色三分花”這句話生動闡述了色彩在界面設(shè)計中的價值[4]。色彩可以增強(qiáng)界面的藝術(shù)感染力，塑造獨一無二的視覺風(fēng)格，打造出具有競爭力的產(chǎn)品。

三、色彩在掌齡前兒童APP界面設(shè)計中的應(yīng)用原則

（一）色彩與用戶

1.色彩與用戶心智模型

心智模型指的是一個人對周圍世界的理解，它來自人們的經(jīng)驗或直覺。對兒童而言，他們對色彩的經(jīng)驗大多來自客觀世界并且經(jīng)驗十分有限，心智模型并不完善。因此，在進(jìn)行界面色彩設(shè)計的時候，最好能夠遵循現(xiàn)實世界客觀事物的固有色彩，如天空就是藍(lán)色的，草地就是綠色的等，以免造成認(rèn)知摩擦。

2.色彩與用戶群體差異性

APP走出國門走向世界早已成為一種新常態(tài)，這也就對APP的界面設(shè)計提出了更高的要求。在為多國的學(xué)齡前兒童而設(shè)計的時候，要充分考慮不同語境下色彩含義的差異，給用戶帶來更好的體驗。

此外，在面向?qū)W齡前兒童進(jìn)行APP界面設(shè)計時，也應(yīng)考慮到色盲兒童的情況并照顧到他們的需求。假使在設(shè)計的過程中，必須要用某種顏色來代表特定含義，如要用紅色表示緊急，那么應(yīng)同時使用另一種區(qū)分方案，例如圖標(biāo)形狀的區(qū)分或大小的區(qū)分等[5]。我國一款受眾較多的學(xué)齡前兒童識字APP《豬迪克識字》（如圖3），為色覺正常者所看到的界面，可以看出，該界面下方的“日”、“月”等文字按鈕原本設(shè)定的是被選中后會變?yōu)榫G色，最下方的導(dǎo)航欄中的選項被選中后會呈現(xiàn)為黃色，然而這個界面在紅色盲人群的眼中看來卻是（如圖4）的樣子，他們所看到的界面沒有綠色和黃色的區(qū)別，因此難以通過顏色來辨認(rèn)選中的情況，好在該界面中的文字按鈕具有圖形大小的區(qū)分方案，所以相對導(dǎo)航欄來說更為友好。

（二）色彩與界面

1.單個界面的色彩搭配原則

在界面設(shè)計中，常用的色彩搭配方法可分為三種。第一種方法是使用單色，單色雖然具有簡潔以及便于統(tǒng)一頁面的優(yōu)點，但也容易顯得單調(diào)。第二種方法是采用鄰近色搭配方法，能夠有效避免色彩雜亂，使頁面和諧統(tǒng)一。還有一種方法為對比色搭配法，這種方法視覺效果強(qiáng)烈，可以更好地突出重點。在學(xué)齡前兒童APP界面中，后兩種方法最為常見，在具體色彩的選用上，以暖色調(diào)作為界面主視覺色彩的APP較多，這是因為紅橙黃等暖色系顏色往往給人帶來熱情、親近、明朗的感覺，使人感到振奮和歡快，能夠引發(fā)學(xué)齡前兒童的興趣、調(diào)動他們的積極性。

2.各界面之間色彩搭配原則

APP各界面之間的關(guān)系主要體現(xiàn)在引導(dǎo)頁與主頁之間以及主輔頁之間的關(guān)系上。在針對引導(dǎo)頁與主頁進(jìn)行色彩搭配時，可重點考慮同類色及互補(bǔ)色搭配原則。同類色系的搭配可以增進(jìn)引導(dǎo)頁和主頁的統(tǒng)一性，使不同功能的頁面更為和諧，更具整體感;而互補(bǔ)色的搭配方法則使引導(dǎo)頁與主頁的對比更為強(qiáng)烈，使視覺效果更為豐富，更能吸引用戶的注意力。主輔頁在進(jìn)行色彩搭配的時候，如果采用不同的主色彩容易使頁面顯得繁亂瑣碎甚至打破用戶的操作流，因此主輔頁可以采用統(tǒng)一的色彩，同時通過變換布局、增加動效等方式消除單調(diào)之感。

3.色彩的審美性與功能性

優(yōu)質(zhì)的界面色彩設(shè)計需要兼具審美性與功能性，但審美性需要服務(wù)于功能性。界面設(shè)計的核心要義是準(zhǔn)確高效地傳達(dá)信息，這就要求設(shè)計師在進(jìn)行界面設(shè)計時，必須確保文本、按鈕等元素的高識別性和清晰度。為了達(dá)到這一目的，可以采用對比色搭配方法進(jìn)行背景色與文字、按鈕等的色彩配置。值得注意的是，對比色在給用戶帶來強(qiáng)烈的視覺沖擊時也容易引起視覺疲勞，因此在必要時可以降低色彩的明度或飽和度使眼睛更加舒適，更好地保護(hù)學(xué)齡前兒童的視力[6]。

總結(jié)

色彩因其獨特的功能性和藝術(shù)性在界面設(shè)計中具有重要作用，面向?qū)W齡前兒童進(jìn)行界面設(shè)計的時候需要充分了解學(xué)齡前兒童視覺和認(rèn)知特點，重視色彩在學(xué)齡前兒童APP界面設(shè)計中的作用，把握色彩在學(xué)齡前兒童APP界面設(shè)計中的多種原則，并始終考慮到色盲兒童的情況，盡可能地為更多人而設(shè)計。

參考文獻(xiàn)

[1]馮瑩色盲人群的信息設(shè)計研究[D]北京：中央美術(shù)學(xué)院2011：2 3

[2]郝品基于學(xué)齡前兒童認(rèn)知心理的游戲APP界面設(shè)計研究[D]北京：中國礦業(yè)大學(xué)2015： 53-54

[3]郭云云學(xué)齡前兒童移動應(yīng)用的自然交互方式研究[D]無錫：江南大學(xué)2015： 19-20

[4]趙琪UI界面設(shè)計中的色彩心理院[D]長春：東北師范大學(xué)2016： 12-13

[5]（美）SusanWeinschenk徐佳，馬迪，余盈億譯設(shè)計師要懂心理學(xué)[M]北京：人民郵電出版社，2013： 23-26

[6]黃超，譚美玲，柯文燕手機(jī)UI界面的色彩搭配研究[J]科技創(chuàng)新與應(yīng)用，2016 （19）：74

[7]周越汪蘭川色彩設(shè)計在動畫影片中的應(yīng)用研究[J]設(shè)計，2017，30 （11）：46-47

[8]羅嶠色彩的個性化研究與應(yīng)用[J]設(shè)計，2017，30 （15）：36-37