小莫

小编:面向儿童的APP中很多都与成人向的APP不一样,设计的时候需要我们留心注意,今天我们简单分析一下儿童APP中图标设计的特点。


什么是图标

图标从广义上理解是具有指代意义的图形符号,分为表象图标和表意图标。表象图标表达具体事物,比如书籍、食物、衣物等;表意图标则是表达一个抽象概念或是行动、情感等,比如加号、清除格式、点赞等。

图标的信息传达

其实人类最早的记录和表达就是从图形开始的,无论是人类祖先在洞穴里留下的壁画,还是中国的甲骨文和埃及的象形文字,即使是过去几千年,现在我们还是能从图形上解读还原出有效信息。
人类对图形的理解力让图标可以跨越语言的壁垒,浓缩并快捷地传达信息,与文字相比门槛更低更易于理解。我们或许看不懂下面各个国家的文字,不知道写的是什么,但应该都能看懂下图这些代表洗手间的图标,顺利的找到洗手间,这就是图标的力量。
正因如此图标对于儿童APP来说也是非常重要的一点,对于文字的熟练度和接受度较弱的孩子来说,图形的表意无疑更加友好的和好理解的。那么下面我们就一起来看看在儿童APP中图标都有哪些特点吧。 


儿童APP图标的特点

1.线性-粗线条

儿童APP中的线性图标,很少出现细线条,一般都是粗线条的表现形式。细线给人的感觉会更加精致细腻,而粗线条更加厚实,比细线面积大也更清晰,更容易被眼睛捕捉到。相对来说就容易识别对孩子们也就更友好。

2.面性-造型饱满

儿童APP中的面性图标,造型一般都比较饱满,饱满是指图形在固定范围内的正负形,正形面积大。比如下图的五星,可以看到越饱满的造型正形面积越大,图形更有分量感越饱满越给人一种憨憨的可爱感觉。

这点其实也与人类的成长过程吻合,儿童的体型特征更加圆润饱满,而成年后身材比例拉长,逐渐成型身材曲线会更加分明。
饱满圆润的造型更可爱更具少儿感,而棱角分明曲线优美的造型更具成熟感。

3.圆角的使用

由于人类的弧形偏好和人眼结构等因素,相比与直角的尖锐,平滑的圆角更容易被我们所接受。

 

直角给人感觉更加锐利有锋芒具有攻击性,圆角则是安全的象征让图标更加柔和,所以图标普遍使用圆角也是儿童APP的一个特点,圆角的使用让图标其更有亲和力和安全感。直角锐利边缘的图标整体风格偏硬朗符,更多在较商务的产品中使用。

4.色彩层次丰富

相比成人向的产品,儿童APP中的图标色彩的选择和层次都更加丰富。成人向很多产品为了保证内容突出和页面统一,图标会选择使用单色来表现。经过后天的逐渐培养,成人更能接受”空、素、白”这种美学,使用产品时,对于内容的关注也多余页面其他元素。

 

但是对于审美比较天然原生态的孩子们来说,丰富的色彩是更具吸引力的,颜色的刺激从我们祖先追逐颜色鲜艳的成熟果实就已经开始积累。在儿童APP中使用鲜艳多彩的图标让页面更加生动活泼,更具吸引力。

其实从其他生活物品中也不难发现这一点,儿童使用的产品颜色更加多彩丰富,成人的很多产品颜色更加朴素。

5.写实帮助理解

人们的认知都是先从简单具体事物开始的,逐渐提取分析其特点概括成抽象的概念,掌握概念后又再运用于具体事物。比如苹果,孩子先认识到的是真实的红苹果,通过大量的接触和学习,逐渐知道苹果的特征,可以理解图形代表的苹果,通过图形中体现的特征,再认识黄苹果也属于苹果。

孩子们对抽象符号的接受度不如成人,初期需要更多生活中真实熟悉的场景来辅助理解。所以在儿童APP的图标设计中,与成人向的产品不同,一定程度的写实是可以帮组孩子们理解其含义的。孩子不一定能理解一个矩形加一个横条代表手机,但是真实的手机孩子们都能认识理解。
不少APP都选择了较写实的图标。

6.品牌化与IP形象结合

儿童APP中不少都有IP形象,为了更好拟人化作为孩子们的一种陪伴,以增加孩子与产品的亲密度。于是也产生了图标与IP形象相结合的设计,这种方式适合面积较大的图标,如金刚区、功能 图标等,IP形象与功能或使用场景结合,能突显品牌基因同时也更具代入感,有助于孩子理解。

划重点

  • 人类对图形的理解力让图标可以跨越语言的壁垒,浓缩并快捷地传达信息,与文字相比门槛更低更易于理解。
  • 儿童APP中图标的特点有粗线条、造型饱满、色彩层次丰富、写实和与IP形象结合。

 

原文地址:海盐社(公众号)

作者: 焱小玖

 

转载请注明:学UI网 » 浅析儿童APP中图标的特点

登录收藏
 
你可能喜欢的:
干货 | 如何构建UI组件设计规范干货 | 如何构建UI组件设计规范
小程序与App有什么区别?小程序与App有什么区别?
B端产品设计特性整理B端产品设计特性整理
数据可视化在移动端的应用数据可视化在移动端的应用
大厂产品告诉你:提升交互表现的8个技巧大厂产品告诉你:提升交互表现的8个技巧
设计案例精选,如何通过App改版提高50%交易额?设计案例精选,如何通过App改版提高50%交易额?
四步搞定底部导航动效(下篇)四步搞定底部导航动效(下篇)
新手设计师为什么要对断点图标Say No新手设计师为什么要对断点图标Say No
四步搞定底部导航动效(上篇)四步搞定底部导航动效(上篇)
Material Design 概述Material Design 概述