实战技巧｜你还在纠结用圆形头像 or 方形头像吗？-轻识

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设｜连接知识，帮助全球 1 亿设计师成长

编辑：小小虫

共 2591 字，预计阅读 7 分钟

缘起

前几天组内在做小视频设计评审时，谈到了用户头像，有设计师提出了疑问，头像到底应该用圆形还是方形？

这两种形状在产品设计中都非常普遍，那到底应该根据什么因素来做抉择依据呢？我这边根据交互设计5要素做了一个梳理，希望可以给做设计决策的你一些思路。

经过

根据交互设计5要素：用户、目标、场景、媒介和行为其实是互相影响的。要决定其展现媒介的呈现形态，我们首先要对媒介形态本身、用户、目标、行为和场景都进行仔细的分析。

在本文中，我将其归纳为媒介、用户和语境三个维度（语境同时包含了用户的目标、行为和场景）。

1 媒介（形状）维度

这里的媒介形态差异是形状，任何形状自身都带有天然的情感属性，这和人类的遗传基因和生活经验密切相关。

通常来讲，圆形给人的感觉是活泼、柔和。优美的弧线，滚动的张力，完满的闭环，给人温暖、亲切、舒适的感觉，视觉上，圆形具有收缩性，可以把人的视觉焦点聚焦在圆心，有效的吸引注意力，拉近与人的距离感。同时，国外视觉实验明确指出，人的视网膜对于正圆形的处理速度要显著高于对边角的处理速度。所以，圆形相对其他图形而言，在聚焦效果上可以说又快又好，可以快速拉升人的情绪兴趣。

相比之下，方形则显得较为敦实、稳固。均衡的四边，凸显的棱角，给人稳定、有个性、有原则的信赖感，因为棱角的关系，人的视觉会相对分散，除了视觉中心，注意力也会往四角上迁移，棱角越尖锐，视线扩散越明显。方形的扩散性让图形内的注意力分布更为均衡，同时可以保持与人合适的距离感，让人的情绪相对冷静与克制。

2 用户维度

不管是圆形还是方形，如果用来承载的是用户头像，那就需要先来研究一下头像的特征，看看到底哪种形状和用户的头像的契合度更高。

对于用户的头像来说，头部的形状与头部结构、年龄和性别都有关系。

从结构上来说，头骨分为脑颅和面颅两部分，脑颅成卵圆形，面颅则由颧骨（立方体）+上颌骨（圆柱体）+下颚骨（三角形体）构成。

图片来自网络

从不同角度来看，头部呈现的形状会有所不同。从现实情况来看，用户上传的头像，以正面和45度内的正侧面头像为主，加上头部肌肉和发型的修饰，整体趋近于椭圆形。

从年龄上来说，幼儿的脑颅体积占头部的5/6，面颅仅占头部1/6，头顶骨隆起，额丘高而显著，下颌小而圆，整体头型受脑颅影响比较大，趋近于圆形。成年人的脑颅占头部的1/3，面颅占头部的2/3，整体头型受面颅影响比较大，在椭圆的基础上呈现出更多样化的形状。中国传统的人相有“八格”之说（申、甲、由、田，用，国，目，风），是对头部外形特征的极好概括。

图片来自网络

从性别的角度来说，男性头部体积较大，趋于方正，头部线条趋于刚直，形体起伏棱角明显。女性头部体积相对较小，颜面的隆起和结节部位没有男性显著，额部平直、下颌带尖，颜部趋圆，女性头部线条趋于柔和，形体起伏较小。

图片来自网络

综合来说，少儿的头像趋近于圆，男性的头像趋于方正，女性的头像趋于椭圆。对于这样的展示目标，如果媒介形态是圆形的，少儿和女性的头在其中相当于一个同心圆，有更好的聚焦作用，即使是对于较为方正的男性头像，圆形也有比较好的修饰作用，可以更好的衬托男性头部的线条轮廓。而方形相对来说，能够在头部之外显示更多的环境信息，可以让观者观察到更多环境元素的信息。所以相对而言，圆形更能够凸显用户的个性特征，方形更能凸显头像之外的环境信息。

3 语境维度

语境维度细分为两种，一种是当前页面的语境，一种是整体产品的语境（调性）。这里的语境需要同时考虑头像所处的周围信息（环境），以及头像与周围信息的关系（目标）和互动（行为）。

在当前页面语境中，主要是看头像与周围信息的关系，它在页面中的信息层级是怎样的？是否是要凸显的要素？是否希望它抓取用户的视觉注意力？

在整体产品语境中，主要是看产品的调性，看产品是偏活泼型或者陌生人社交性质的，还是偏严肃性的，或者熟人社交性的。对于活泼型或者陌生人社交性的产品来说，圆形的动感，更符合活泼的产品调性，圆形的聚焦性，可以快速帮助用户识别陌生人的关键特征信息（人脸），激发社交的兴趣。对于严肃性或者熟人社交产品来说。方形的稳重，与严肃的气质更加的贴合，对于熟人而言，我们对其脸部的轮廓已经有了了解，更期待通过更多的环境信息，来读取熟人最近的动态和变化。

举几个🌰：