儿童产品设计中如何合理运用色彩?
如何设计一款更符合孩子天性的APP?色彩上需要注意什么?本文从儿童产品的色彩运用部分入手,分析了儿童视觉的发展特点,以及如何建立清晰的色彩层次,选择合理的色彩丰富度。
无论是身体上还是心理上,孩子都有自己不同于成年人的特点。怎么设计比较符合孩子的天性,大家来看看~
春节期间打开APP Store,可以看到很多关于儿童应用的推荐。如今移动设备对大多数孩子来说并不陌生,相关的儿童应用也层出不穷。
高质量的应用不仅能给孩子带来乐趣,还能帮助孩子认识事物,学习知识。APP Store通过建立自己的“儿童”分类,长期以来一直是各种应用程序的重要成员

了解儿童视觉的发育特点;建立清晰的色彩层级;选择合理的色彩丰富度。
首先,了解儿童视觉的发展特点
儿童设计和成人设计的一个重要区别是,成人的能力相对稳定,而儿童处于变化和发展阶段。因此,我们需要根据用户年龄的能力特点选择合适的设计方案。
颜色的选择,我们首先需要了解的是儿童视觉发育的特点。
儿童的视力从2岁开始进入蓬勃发展期,此时可以判断大小、方位、距离等概念。空。
1.3-4岁儿童的视力
3-4岁能分辨红、黄、蓝、绿、橙、紫等基本颜色。最容易掌握的颜色是红色和黄色,这是相对饱和的颜色,而棕色和灰色等混合颜色很难识别。
其次,孩子只能分辨二维信息和屏幕上的信息,没有识别三维信息的能力。

5-6岁开始进入成人视野,逐渐识别光谱中的所有色调,并能区分更明显的颜色亮度。

9岁时,立体视觉功能基本达到正常稳定,与成人相似。

根据儿童视觉发展的特点,饱和度高、色彩鲜艳的颜色是儿童最早、最容易感知和识别的颜色,最能吸引他们的注意力,但我们需要克制使用,建立清晰的色彩层次,原因有二:
第一,因为大面积高饱和度的颜色容易造成视疲劳,对还处于发育阶段的视力造成损害,切记不要大面积使用。


我们可以调整红色的S(饱和度)和B(亮度),调整后的红色更柔和,适合观看。

当页面出现多色时,如果色彩饱和度和亮度不同,很容易造成视觉效果的不和谐。如下图所示,可以明显感觉到红色比较突兀。要让这一组颜色和谐统一,只需要调整S和B的值,调整前后对比效果明显。

所以在设计的时候需要建立清晰的色彩层次,在前景、背景、交互操作之间设置强烈的视觉区分。
如果前景选择低亮度,则选择与背景对应的高亮度;前景亮的话,背景低,突出主要过程,降低视觉信息的复杂度。

9岁以下儿童不具备理解二维平面上投影和透视所创造的三维空关系的能力。所以信息层次的区分主要靠颜色和形状,增加正面和背景的颜色亮度对比是帮助孩子区分重要和次要元素的重要手段。


第三,选择合理的色彩丰富度
由于不同年龄儿童的视觉和信息处理能力存在差异,设计师还需要根据用户的年龄选择相应的色彩丰富度,既满足了儿童的信息摄取需求,又保持了页面对儿童的吸引力;还要避免信息过载,让孩子更难使用产品。
下图是针对2-4岁和6-8岁用户的产品,我们可以看出两者的区别。



由于空间的影响,更多年龄段的色彩风格特点,以及如何为各个年龄段的用户处理好产品的年龄分层和视觉风格统一等问题,将在后面的文章中单独列出,然后展开。
为孩子设计很重要。我们的用户是孩子。他们的心智和能力明显不同于成年人,处于动态发展阶段。
我们或多或少对孩子的喜好有成人的想象和偏见,用自己的成人审美为孩子做选择,而忽略了孩子的需求,这就是为什么孩子觉得有些产品不好用的原因。
我们需要更多的尊重和理解,更积极和耐心的观察,了解用户年龄组的特点,他们的健康和心理发展,什么能吸引他们的注意力,什么让他们感到无聊,他们需要提供什么保护...
代入孩子的视角,可以让产品更贴近孩子,满足孩子的需求。
四.总结
关于色彩在儿童产品中的使用,首先需要了解儿童视觉的发展特点,然后根据他们的特点建立清晰的色彩层次,最后根据用户的年龄确定合理的色彩丰富度。
我们不能站在成年人的角度进行主观判断,也不能采取一刀切的做法。
本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://www.yangyangzhi.cn/xingyezixun/jhsj/615.html