江苏龙网

  1. 首页 > 生活 > >

「你的育儿经」儿童产品设计，如何合理地使用色彩？( 二 )


「你的育儿经」儿童产品设计，如何合理地使用色彩？
文章图片
此方法还可以用于多色协调的管理 ， 达到视觉审美上的统一 。
当页面出现多色时 ， 若颜色的饱和度、明度不一 ， 也容易造成视觉效果上的不和谐 。 如下图所示 ， 能明显感觉到其中红色比较突兀 。 而要使这组颜色变得和谐统一 ， 只需要调整S、B值就可以 ， 调整前后对比效果明显 。
「你的育儿经」儿童产品设计，如何合理地使用色彩？
文章图片
二是因为儿童还缺乏成年人所具备的视觉筛选能力 ， 难以区分重要、次要元素 。
所以在设计的时候 ， 我们需要建立清晰的色彩层级 ， 为前景、背景、及可交互操作设置强烈的视觉区分 。
若前景选择低明度 ， 对应背景择选择高明度；若前景选择高明度 ， 对应背景则选择低明度 ， 以突出主流程 ， 降低视觉信息的复杂性 。
「你的育儿经」儿童产品设计，如何合理地使用色彩？
文章图片
在去彩模式下看 ， 可以更明显的感受到颜色明度的差别 。
9岁以下孩子还不具备理解二维平面中我们利用投影、透视等塑造的三维空间关系 ， 因此信息层级的区分 ， 主要依靠颜色和形状来完成 ， 而加大前、背景颜色明度的对比则是帮助孩子区分重要、次要元素的重要手段 。
「你的育儿经」儿童产品设计，如何合理地使用色彩？
文章图片
利用色彩的S、B值来建立明确等级 ， S、B值可以是一个固定数值 ， 也可以预设一个数值区间 ， 这样既能保证色彩的和谐统一 ， 也能在具体的场景使用中保有有灵活调整的空间 。
「你的育儿经」儿童产品设计，如何合理地使用色彩？
文章图片
关于层级的建立 ， 除了色彩的应用还可以借助声音和动效 ， 加强对比 。
三、选择合理的色彩丰富度由于各年龄段儿童视觉与信息处理能力上的差异 ， 设计师也需要根据用户所处年龄段 ， 选择相应的色彩丰富度 ， 既要满足孩子的信息摄取需求 ， 维持页面对孩子的吸引力；也要避免信息过载给孩子们增加产品使用难度 。
如下图 ， 分别是针对2-4、6-8岁用户的产品 ， 我们可以看出二者的区别 。
「你的育儿经」儿童产品设计，如何合理地使用色彩？
文章图片
2-4的产品 ， 界面突出主体 ， 没有过多细节 ， 背景、环境的装饰较少 ， 色彩以柔和简洁的单色为主 ， 几乎没有渐变色的使用 。
「你的育儿经」儿童产品设计，如何合理地使用色彩？
文章图片
6-8的产品 ， 装饰细节明显增加 ， 有了环境的塑造 ， 色彩更加丰富且加入了渐变色的使用 。
「你的育儿经」儿童产品设计，如何合理地使用色彩？
文章图片
总体规律是年龄越小的用户 ， 产品色彩应越简单 ， 细节越少；用户年龄增长 ， 色彩丰富度及细节也随之增加 ， 有更多信息呈现 。
关于更多年龄段色彩风格特点 ， 以及该如何处理全年龄段用户产品的年龄分层与视觉风格统一等问题 ， 受篇幅影响 ， 会单列出来再后续文章中展开 。
为儿童做设计很重要的一点是 ， 我们的用户是孩子 ， 他们的心智、能力都与成年人有明显差别 ， 且处于发展中的动态阶段 。
我们或多或少会带有年成人对于孩子喜好的臆想和偏见 ， 用自己的成人审美替孩子做选择 ， 而忽略了孩子的需求 ， 这也是孩子们觉得有些产品不好用的原因 。
我们需要更多地尊重和了解 ， 更加主动的耐心观察 ， 了解用户所处年龄段特征 ， 了解他们的生、心理发展情况 ， 什么能吸引他们的注意 ， 什么让他们觉得无聊 ， 需要为他们提供哪些保护……


推荐阅读


上一篇：【环球网】南京3岁宝宝误食纽扣电池 医院：每年收治近百例

下一篇：「超级宝妈」别说生子简单，宝宝出生后，这些母婴用品使用需谨慎