你还在纠结用圆形头像 or 方形头像吗?
编辑导语:用户的头像有圆形和方形之分,那么这两种头像到底有什么区别呢?在纠结选哪个头像的时候应该如何做出抉择呢?本文作者为我们提供了一些思路。
一、缘起
前几天组内在做小视频设计评审时,谈到了用户头像,有设计师提出了疑问,头像到底应该用圆形还是方形?
这两种形状在产品设计中都非常普遍,那到底应该根据什么因素来做抉择依据呢?我这边根据交互设计5要素做了一个梳理,希望可以给做设计决策的你一些思路。
二、经过
根据交互设计5要素:用户、目标、场景、媒介和行为其实是互相影响的。
要决定其展现媒介的呈现形态,我们首先要对媒介形态本身、用户、目标、行为和场景都进行仔细的分析。
在本文中,我将其归纳为媒介、用户和语境三个维度(语境同时包含了用户的目标、行为和场景)。
1. 媒介(形状)维度
这里的媒介形态差异是形状,任何形状自身都带有天然的情感属性,这和人类的遗传基因和生活经验密切相关。
通常来讲,圆形给人的感觉是活泼、柔和。
优美的弧线,滚动的张力,完满的闭环,给人温暖、亲切、舒适的感觉。视觉上,圆形具有收缩性,可以把人的视觉焦点聚焦在圆心,有效的吸引注意力,拉近与人的距离感。
同时,国外视觉实验明确指出,人的视网膜对于正圆形的处理速度要显著高于对边角的处理速度。所以,圆形相对其他图形而言,在聚焦效果上可以说又快又好,可以快速拉升人的情绪兴趣。
相比之下,方形则显得较为敦实、稳固。
均衡的四边,凸显的棱角,给人稳定、有个性、有原则的信赖感。因为棱角的关系,人的视觉会相对分散,除了视觉中心,注意力也会往四角上迁移,棱角越尖锐,视线扩散越明显。
方形的扩散性让图形内的注意力分布更为均衡,同时可以保持与人合适的距离感,让人的情绪相对冷静与克制。
2. 用户维度
不管是圆形还是方形,如果用来承载的是用户头像,那就需要先来研究一下头像的特征,看看到底哪种形状和用户的头像的契合度更高。
对于用户的头像来说,头部的形状与头部结构、年龄和性别都有关系。
从结构上来说,头骨分为脑颅和面颅两部分:脑颅成卵圆形,面颅则由颧骨(立方体)+上颌骨(圆柱体)+下颚骨(三角形体)构成。
图片来自网络
从不同角度来看,头部呈现的形状会有所不同。从现实情况来看,用户上传的头像,以正面和45度内的正侧面头像为主,加上头部肌肉和发型的修饰,整体趋近于椭圆形。
从年龄上来说,幼儿的脑颅体积占头部的5/6,面颅仅占头部1/6,头顶骨隆起,额丘高而显著,下颌小而圆,整体头型受脑颅影响比较大,趋近于圆形。
成年人的脑颅占头部的1/3,面颅占头部的2/3,整体头型受面颅影响比较大,在椭圆的基础上呈现出更多样化的形状。
中国传统的人相有“八格”之说(申、甲、由、田,用,国,目,风),是对头部外形特征的极好概括。
图片来自网络
从性别的角度来说,男性头部体积较大,趋于方正,头部线条趋于刚直,形体起伏棱角明显;女性头部体积相对较小,颜面的隆起和结节部位没有男性显著,额部平直、下颌带尖,颜部趋圆,女性头部线条趋于柔和,形体起伏较小。
图片来自网络
综合来说,少儿的头像趋近于圆,男性的头像趋于方正,女性的头像趋于椭圆。
对于这样的展示目标,如果媒介形态是圆形的,少儿和女性的头在其中相当于一个同心圆,有更好的聚焦作用;即使是对于较为方正的男性头像,圆形也有比较好的修饰作用,可以更好的衬托男性头部的线条轮廓。
而方形相对来说,能够在头部之外显示更多的环境信息,可以让观者观察到更多环境元素的信息。所以相对而言,圆形更能够凸显用户的个性特征,方形更能凸显头像之外的环境信息。
3. 语境维度
语境维度细分为两种:一种是当前页面的语境,一种是整体产品的语境(调性)。这里的语境需要同时考虑头像所处的周围信息(环境),以及头像与周围信息的关系(目标)和互动(行为)。
在当前页面语境中,主要是看头像与周围信息的关系,它在页面中的信息层级是怎样的?是否是要凸显的要素?是否希望它抓取用户的视觉注意力?
在整体产品语境中,主要是看产品的调性,看产品是偏活泼型或者陌生人社交性质的,还是偏严肃性的,或者熟人社交性的。
- 对于活泼型或者陌生人社交性的产品来说,圆形的动感,更符合活泼的产品调性,圆形的聚焦性,可以快速帮助用户识别陌生人的关键特征信息(人脸),激发社交的兴趣;
- 对于严肃性或者熟人社交产品来说,方形的稳重,与严肃的气质更加的贴合;
- 对于熟人而言,我们对其脸部的轮廓已经有了了解,更期待通过更多的环境信息,来读取熟人最近的动态和变化。
举几个?:
三、结论
综上所述,我们可以做个简单的小结:
- 对于强调互动娱乐类的产品(如游戏、教育、陌生人社交等),推荐使用圆形头像,可以更好的凸显用户的特征,激发他人的互动兴趣。
- 对于强调专业严肃类的产品(如金融、政务,熟人社交等),推荐使用方形头像,可以更好的传达冷静、专业的用户气质,并传递更多的环境信息,赢得他人的信赖感。
本文由@悦有所思 原创发布于人人都是产品经理,未经许可,禁止转载。
题图来自 Unsplash,基于 CC0 协议
思考的细致全面
现在有好多使用大圆角矩形的, 这种是一种折中? 还是差异化?
为了回复注册了账号;
在您的文章基础上进行讨论,方形和圆形在“社交亲和力”的表现上,圆形是明显占优势的,人类会更倾向于喜欢圆滚滚的东西(大熊猫、动物幼崽、人类幼崽),所以如果我们希望用户更积极主动的点击头像进入下一个页面,那么圆形更有优势。
但是方形是不是能让人理性,我就不太确定了,但是如果方形和圆形放在一起,应该是更能衬托出圆形的优势,这个是确定性的。
基于此,也契合了您对微信头像的分析,已经存在于通讯录的用户头像,选择方形;大部分未存在于通讯录的公众号、视频号、附近的视频号采用圆形。
前边都是大的理论前提,还需要实际场景契合,受众、产品基因、已有场景布局等。
留个微信号,可以常交流 18571570820
分析得很有道理。但有个疑问:为什么微信是生活社交但头像是方形的,钉钉是工作社交但头像是圆形的?
恰好与作者分析的结论相反。是腾讯和阿里故意反其道行之,还是腾讯先用错了,阿里为了不跟风腾讯故意也用错?
其实你从QQ和微信的用户群体就能看出QQ用户偏年轻,微信用户偏成熟,所以QQ头像是圆形,微信头像是方形,而且微信上面大多数是熟人社交符合方形头像的用户气质,你可以再看看腾讯推的TIM也是方行头像,就是主打办公的。至于钉钉的头像,我只能用杂乱无章来形容了,又有圆形,又有方形,说实话钉钉是一个庞大的OA平台,它集成了很多的功能很牛逼,但是它的设计和用户体验还有待加强,从钉钉的页面更新频率也可以看出来它在不断完善。微信的设计是克制、做减法,而钉钉是做加法,这两个产品从设计目标来说完全不一样。当然说到办公产品你也可以看到字节的飞书从头像到工作台的应用都是圆形,整个页面的呼吸感很强、很漂亮,但是飞书作为一个办公平台为什么不用方形这种偏冷静的头像呢?我有两个猜测,一个是差异化,另外一个是飞书当前的设计目标,我们可以看到飞书在消息页面最上方有一个在团队中“立刻邀请”伙伴的按钮,所以我猜测飞书目前的设计目标是强调人与人直接的互动,吸引用户使用,用精美的页面留住用户,所以它目前使用的是圆形。
最新版钉钉iOS已经改成方形的了
好像还是圆形吧
可以,学习到了,处处是学问