兒童產品設計,如何合理地使用色彩?

0 評論 18394 瀏覽 95 收藏 11 分鐘

如何設計更符合兒童天性的APP?色彩上需要注意哪些?本文從兒童產品中關于色彩使用的部分入手,分析兒童視覺的發育特點,如何建立清晰的色彩層級以及選擇合理的色彩豐富度。

不管是從生理或心理,兒童都有其自身與成人不同的特征。如何設計更符合兒童天性,一起來看看吧~

春節期間打開APP Store,可以看到不少關于兒童類應用的推薦。移動設備對于現在多數孩子們來說已經不陌生了,相關的兒童類應用也是層出不窮。

優質的應用不僅可以為兒童帶來樂趣,同時也幫助孩子們認知事物,學習知識。APP Store早以設置專屬的“兒童”分類,成為各類應用中重要一員

兒童產品中的色彩使用(上)

而不管是從生理或心理,兒童都有其自身與成人不同的特征,如何設計更符合兒童天性,適合孩子使用的產品也成為值得深入研究的課題。今天我們就來分析一下兒童產品中關于色彩使用的部分,將從以下3個方面展開:

  1. 了解兒童視覺的發育特點;
  2. 建立清晰的色彩層級;
  3. 選擇合理的色彩豐富度。

一、了解兒童視覺的發育特點

為兒童做設計與為成人做設計的其中一項重要的區別是,成年人的各項能力相對穩定,而兒童則處于變化發展中,尚未成熟的階段。因此我們需要根據用戶所處年齡段的能力特點,來選擇適合的設計方案。

色彩的選擇,我們第一步要了解的就是孩子的視覺發育特點。

兒童的視覺從2歲進入旺盛發育期,此時可以判斷出實物的大小方位遠近等空間概念。

1. 3-4歲兒童視覺

3-4歲能可以分辨紅、黃、藍、綠、橙、紫等基本顏色,最容易掌握的顏色為紅色、黃色,相對飽和的顏色,而對棕色、灰色等混合顏色的辨認比較困難。

其次兒童對于屏幕中的信息,只能區分二維信息,尚無識別三維信息的能力。

兒童產品中的色彩使用(上)

2. 5-6歲兒童視覺

5-6歲開始進入成年人視覺,逐漸辨認光譜中的全部色相,并以能區分較明顯的色彩明度。

兒童產品中的色彩使用(上)

3. 9歲以上兒童視覺

9歲立體視功能基本達到正常穩定,與成年人趨同。

兒童產品中的色彩使用(上)

二、建立清晰的色彩層級

根據兒童的視覺發育特點,飽和度高、鮮艷的顏色是最早也最容易被孩子感知和辨認的顏色,最能吸引其注意力,但我們需要克制使用,并建立起清晰的色彩層級,原因有2個:

一是因為大面積飽和度高的顏色,容易引起視覺疲勞,對尚處于發育階段的視力造成傷害,所以切記不大面積使用。

兒童產品中的色彩使用(上)

所以選擇色彩時,不能一味追求高飽和的刺激性顏色,還需要我們對顏色的明度、飽和度進行柔化調整,以保證讓視覺舒適度,保護孩子的視力。

兒童產品中的色彩使用(上)

這里推薦使用HSB模式來調整,以下圖的紅色為例,未經調整的紅色,飽和度高雖然醒目,但太過刺眼生硬,視覺體驗不佳。

我們可以對紅色的S(飽和度)和B(明度)進行調整,調整過后的紅色更加柔和,適于觀看。

兒童產品中的色彩使用(上)

此方法還可以用于多色協調的管理,達到視覺審美上的統一。

當頁面出現多色時,若顏色的飽和度、明度不一,也容易造成視覺效果上的不和諧。如下圖所示,能明顯感覺到其中紅色比較突兀。而要使這組顏色變得和諧統一,只需要調整S、B值就可以,調整前后對比效果明顯。

兒童產品中的色彩使用(上)

二是因為兒童還缺乏成年人所具備的視覺篩選能力,難以區分重要、次要元素。

所以在設計的時候,我們需要建立清晰的色彩層級,為前景、背景、及可交互操作設置強烈的視覺區分。

若前景選擇低明度,對應背景擇選擇高明度;若前景選擇高明度,對應背景則選擇低明度,以突出主流程,降低視覺信息的復雜性。

兒童產品中的色彩使用(上)

在去彩模式下看,可以更明顯的感受到顏色明度的差別。

9歲以下孩子還不具備理解二維平面中我們利用投影、透視等塑造的三維空間關系,因此信息層級的區分,主要依靠顏色和形狀來完成,而加大前、背景顏色明度的對比則是幫助孩子區分重要、次要元素的重要手段。

兒童產品中的色彩使用(上)

利用色彩的S、B值來建立明確等級,S、B值可以是一個固定數值,也可以預設一個數值區間,這樣既能保證色彩的和諧統一,也能在具體的場景使用中保有有靈活調整的空間。

兒童產品中的色彩使用(上)

關于層級的建立,除了色彩的應用還可以借助聲音和動效,加強對比。

三、選擇合理的色彩豐富度

由于各年齡段兒童視覺與信息處理能力上的差異,設計師也需要根據用戶所處年齡段,選擇相應的色彩豐富度,既要滿足孩子的信息攝取需求,維持頁面對孩子的吸引力;也要避免信息過載給孩子們增加產品使用難度。

如下圖,分別是針對2-4、6-8歲用戶的產品,我們可以看出二者的區別。

兒童產品中的色彩使用(上)

2-4的產品,界面突出主體,沒有過多細節,背景、環境的裝飾較少,色彩以柔和簡潔的單色為主,幾乎沒有漸變色的使用。

兒童產品中的色彩使用(上)

6-8的產品,裝飾細節明顯增加,有了環境的塑造,色彩更加豐富且加入了漸變色的使用。

兒童產品中的色彩使用(上)

總體規律是年齡越小的用戶,產品色彩應越簡單,細節越少;用戶年齡增長,色彩豐富度及細節也隨之增加,有更多信息呈現。

關于更多年齡段色彩風格特點,以及該如何處理全年齡段用戶產品的年齡分層與視覺風格統一等問題,受篇幅影響,會單列出來再后續文章中展開。

為兒童做設計很重要的一點是,我們的用戶是孩子,他們的心智、能力都與成年人有明顯差別,且處于發展中的動態階段。

我們或多或少會帶有年成人對于孩子喜好的臆想和偏見,用自己的成人審美替孩子做選擇,而忽略了孩子的需求,這也是孩子們覺得有些產品不好用的原因。

我們需要更多地尊重和了解,更加主動的耐心觀察,了解用戶所處年齡段特征,了解他們的生、心理發展情況,什么能吸引他們的注意,什么讓他們覺得無聊,需要為他們提供哪些保護……

代入孩子們的視角,才能讓產品更貼近和符合孩子的需要。

四、小結

關于兒童產品中色彩使用,我們首先需要了解兒童視覺的發育特點,再根據其特點建立清晰的色彩層級,最后根據用戶年齡段選擇確定合理的色彩豐富度。

不能憑成人視角主觀臆斷,也不能采取一刀切的處理方式。

 

作者:焱小玖,公眾號:海鹽社

本文由 @焱小玖 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!