科淘网app下载_儿童类APP设计之色彩层级!

科淘网app下载_儿童类APP设计之色彩层级!

科淘网APP:儿童类APP设计之色彩层级!

科淘网APP:儿童类APP设计之色彩层级!

根据儿童的视觉发育特点,饱和度高、鲜艳的颜色是最早也最容易被孩子感知和辨认的颜色,最能吸引其注意力,但我们需要克制使用,并建立起清晰的色彩层级,原因有2个:

一是因为大面积饱和度高的颜色,容易引起视觉疲劳,对尚处于发育阶段的视力造成伤害,所以切记不大面积使用。

所以选择色彩时,不能一味追求高饱和的刺激性颜色,还需要我们对颜色的明度、饱和度进行柔化调整,以保证让视觉舒适度,保护孩子的视力。

这里推荐使用HSB模式来调整,以下图的红色为例,未经调整的红色,饱和度高虽然醒目,但太过刺眼生硬,视觉体验不佳。

我们可以对红色的S(饱和度)和B(明度)进行调整,调整过后的红色更加柔和,适于观看。

此方法还可以用于多色协调的管理,达到视觉审美上的统一。

当页面出现多色时,若颜色的饱和度、明度不一,也容易造成视觉效果上的不和谐。能明显感觉到其中红色比较突兀。而要使这组颜色变得和谐统一,只需要调整S、B值就可以,调整前后对比效果明显。

二是因为儿童还缺乏成年人所具备的视觉筛选能力,难以区分重要、次要元素。

所以在设计的时候,我们需要建立清晰的色彩层级,为前景、背景、及可交互操作设置强烈的视觉区分。

若前景选择低明度,对应背景择选择高明度;若前景选择高明度,对应背景则选择低明度,以突出主流程,降低视觉信息的复杂性。

在去彩模式下看,可以更明显的感受到颜色明度的差别。

9岁以下孩子还不具备理解二维平面中我们利用投影、透视等塑造的三维空间关系,因此信息层级的区分,主要依靠颜色和形状来完成,而加大前、背景颜色明度的对比则是帮助孩子区分重要、次要元素的重要手段。

利用色彩的S、B值来建立明确等级,S、B值可以是一个固定数值,也可以预设一个数值区间,这样既能保证色彩的和谐统一,也能在具体的场景使用中保有有灵活调整的空间。

关于层级的建立,除了色彩的应用还可以借助声音和动效,加强对比。

科淘网APP:儿童类APP设计之色彩层级!

>科淘网app下载_儿童类APP设计之色彩层级!

相关文章