- 设计理论 -

圆形头像or方形头像?

作者:w.t.y 原文出处:海盐社
2018-07-13

用户的头像是基于网络平台上作为个人身份标识的图片,反应着一个人的方方面面,在社交App中也是十分重要的组成部分。

最近在做公司内一款社交类App,在找竞品分析时发现在用户头像这一块,绝大多数应用都是圆形的,于是产生了关于头像方圆取舍问题的研究兴趣。

接下来从4个方面来说说为什么如今大多数App的头像选择圆形(认知和感知、突出脸部信息、更快区分头像、品牌理念)。

一.认知和感知

WechatIMG12.jpeg

方形是规矩的形状,讲究平衡、稳定、规矩,而圆形显得更柔性、活泼、顺眼以及亲和,也更能与他人情感交流,人的大脑在处理圆形元素时,比方形更易处理圆形的信息,减少认知的压力。

WechatIMG13.jpeg

同时,在我们实际生活中,已经有钱币、纪念章等东西上运用了圆形头像,给我们产生了先入为主的印象。

WechatIMG14.jpeg

何况,人脸天生的曲线轮廓也近似于圆形,因此人们在认知和感知上,比起方形,对圆形更加亲睐。

二.突出脸部信息

WechatIMG15.jpeg

我们可以发现圆形具有聚焦性。方形的对角线比边缘还长,人的视线会随着对角线延伸出去,且方形的焦点有5个(四个角+中心),每看到一个转角时,视线会稍微停顿下来;而圆形只有一个中心焦点,半径长皆一致,视线不需要转动,从而自然突出了头像本身。

WechatIMG16.jpeg

鉴于每个用户拍摄头像的手机、拍摄水平层次不齐,经常会出现头像图片背景复杂的情况。虽然左图比右图能更完整地呈现图片特征,但是干扰信息较多。例如左图背景中的汽车、窗户等。对比之下,右图圆形头像更突出展示了头像的五官特征。

此外,在选择照片作头像时,如果是圆形,用户更愿选择脸部照片作为头像;如果是方形,用户则相对更随意,通常是全身或是半身照。所以一定程度上,圆形有引导鼓励用户展示以“头”为主的自拍的倾向。

三.更快区分头像

WechatIMG17.jpeg

在各种应用里,图片都是方形为主。此时将圆形和方形图片放在一起,可以更快地提示用户,界面里的圆形元素代表头像,使得用户识别头像信息更迅速。此外,在界面中,因为已经布局了方形的信息、列表、图片,此时用圆形头像,丰富了界面元素和版式布局,使界面生动了起来。

四.品牌理念

WechatIMG18.jpeg

我们从腾讯官方认证的知乎账号里找到了另一种解读,QQ的圆形头像,代表着QQ希望给用户传递乐在沟通,展现其用户年轻个性的态度,圆形QQ头像更具灵动和活力,与之无缝衔接的头像挂件也为用户带来更个性化的搭配和丰富的自我展示。

WechatIMG19.jpeg

题外

说了这么多,那有人会问,“为什么我们最常用的微信用方形头像呢?”

WechatIMG20.jpeg

是的,作为我们平时用的最多的“超级App”,微信它偏偏“特立独行”。在此分析其主要原因如下:

1. 微信的用户人群相对成熟,而方形的四四方方给人稳重平衡感。

2. 照片本身即为方形,相比圆形,用户上传不需要裁剪边缘,节省了上传时间。

3. 微信有商家宣传功能,比如公众号。而公众号的头像多以企业logo为主,采用方形能展示更多的信息细节,不会出现四个角边缘缺失的情况。

小结

目前主流界面设计采用圆形头像多于圆形头像,是考虑到

1.圆在认知感知上圆形更有亲和力

2.圆形更能聚焦突出脸部信息

3.圆形头像更快区分头像,丰富了界面的视觉效果

4圆能传递品牌理念,彰显个性

而少部分界面设计(如微信)采用方形头像,是考虑到

1.符合应用本身稳重平衡感

2.避免裁剪,节省上传时间

3.方形头像能方便以商家、企业为主要用户对象的展现更多logo、品牌图案等

在用户头像用圆形已成为主流的大趋势下,选择头像,不是一味盲目从众,要知其然更要知其所以然。

参考链接

https://www.zhihu.com/question/23506420(圆形和方形头像在产品交互视觉的区别)

WechatIMG21.jpeg

海盐社.jpeg

喜欢就分享
精选评论