为什么UI设计中，用户的个人头像大多是圆形的？

为什么在UI设计中，大多数用户的个人化身都是圆形的？通过对网络社区专家的讨论，大舌头逐渐澄清了这一秘密

你认为有越来越多的平台或应用吗？ ，喜欢用“圆” 作为用户的“个人头像” 形状。这不是最近的设计趋势吗？还是大多数用户界面设计师的爱好？还是还有其他特殊的原因？通过对网络社区专家的讨论，大舌头逐渐澄清了这个秘密。不要错过精彩的内容 ~

个人头像的定义与发展：

随着网络用户群的快速增长，他们对通过平台与其他用户互动的需求越高，因此开发了论坛、邮箱、聊天室、部落网格到社区等多种互动平台类型。每个用户都代表一个独特的个人（无论是真实身份还是虚拟角色），这些个人都有相应的信息和代表个人的个人化身。个人化身通常是个性化的标志（用户认为它可以代表自己），主要以平面或3D图像的形式呈现。

UI上的个人头像英文为“Profile Picture”或”Avatar其中，Profile Picture在字义上更容易理解。相反，它是Avatar。读者可能会充满问号，因为每个人对Avatar的印象都应该是阿凡达电影（蓝色和蓝色的XD）。根据techpedia平台上的描述，“Avatar”一词出现于1985年，由卢卡斯电影公司制作（Lucas Film）内部发展在线角色扮演游戏游戏（Habitat）专案人员（Chip Morningstar & Joseph Romero）首先，这个词来自印度教对圣人的到来。（a descent of the Supreme Being） 英语中有“化身”的描述（incarnation）”或“代表（manifestation）”之义。

网友对个人头像形状选择的看法：

其实选择什么形状的论战已经不是新闻了，相关论坛上有很多专家。发表意见和讨论。在Quora和Stack中捕捉和整理大舌头。 Exchange平台上讨论发表的讨论，简单分类如下。但大舌头首先表示，以下内容的排名没有提及次数统计(只是随机排列)，大部分回应也没有相关的验证或研究资料，可以作为不同“观点”的参考。

感受与认知

方形太无聊了。

大脑可以很容易地处理圆形信息，降低认知压力。

与方形相比，圆形更灵活、有机、安全、赏心悦目、现代友好，更能与他人情感交流。

比如想想望远镜或者放大镜的视野。

大多数照片周围都是无意义的背景或信息，圆形可以去除。

通常拍照会把“人”放在中心，而圆形中心到周围的距离是一致的，可以让脸更突出。

视觉

方形有5个焦点(4个角+中心)，圆形只有一个(中心)。

圆形的线条或角度可以让视线自然地跟随和移动，而不是像看到90度角那样停顿。更详细的内容可以参考本文。

使用圆形可以帮助用户识别或区分是否为内容，因为内容通常放置在方形容器中，如文本、照片或专辑。

其他

随着行动装置的普及，圆形被广泛使用，因为它类似于手指压在屏幕上的形状。

事实上，人类早就有了这样的应用，比如把人物应用到圆形硬币和圆形艺术画中。

只是一种设计趋势，正好流行到“圆”这个周期。

许多标准或模板只提供圆形版本。

目前的CSS3技术使圆角(圆形)易于实现，几乎所有浏览器都有支持。

作者Anthony 于UX movement 上面提出了相关观点：

在UX 在movement中，作者Anthony也提出了一些不同于上述观点的观点，大舌头简单地整理和陈述如下：

角度的边缘看起来更明显

通常，由于对比（颜色或形状），方形锐利的四角在视觉上会更加明显，造成干扰。使用圆形没有这个问题，所以我们可以强调重点– “脸部”。

方形对角线较长

方形对角线比边缘长，用户的眼睛很容易延伸；圆形半径相同，用户可以花更少的时间理解内容，眼睛不需要移动。

非人物图片使用圆形，效果一样吗？

虽然使用圆形个人化身可以排除不相关的背景，更关注人脸，但非人物的图片（风景或食物等）是否也有同样的效果？Anthony认为不一定，因为它可能会失去图片要传达的信息，如景深或细节。

大舌头观：

以上已经整理出了很多专家的观点，大部分都是相当认可的。但是，上面没有提到大舌头的一些观点，想给大家补充一些参考，如下:

强烈的设计感

大舌头认为，圆形的个人化身可以让介面传达出强烈的设计感。然而，这将受到设计师应用的技术或用户的主观感受的影响。此外，该平台不能限制用户上传图片的质量。如果上传图片的质量、构图或美感较差，并将其应用于圆形覆盖，则介面的设计感觉将优于方形。

高度亲和力

建议用户上传图片

我不知道你是否有这样的经验，也就是说，当你选择图片并上传时，你会发现圆形框架覆盖了很多关键点（比如脸的一个角落），效果不如预期。事实上，设计师可以在上传图片的介面上向用户提供一些建议。例如，画一个人脸可以在圆形中完全呈现的区域，这样用户就可以比较自己的图片，选择更合适的图片；或者提醒图片上的单词，为什么建议的大小（清晰可见）；提示不能使用非法图片等。

提供各种预设图片和更完美的图片编辑器

有些用户只是没有合适的图片，或者认为这并不重要，他们可能不会设置个人化身。然而，如果该平台想要呈现各种角色互动的氛围（如社区网站），或需要合作识别（如trelo）。设计师可以在设置过程的页面上提供各种预设的个人化身，供用户快速选择（如多种颜色或企业识别的变形应用程序），或设计一个自动机制（如账户的第一个字母）。此外，使用第三方社区登录也可以自动输入平台上传的化身，这对用户来说是一种更方便的方式。

此外，如果你能提供一个完美的图片编辑器，它还可以吸引用户制作更好的自我形象和质量，如选择过滤器、色调和亮度调整等。然而，图片编辑器的存在应该取决于平台服务的本质。

在相同的尺寸下，圆形看起来比方形小

一个圆的直径与方形的边长相同。如果两者放在一起，视觉上会认为圆较小(如下图左侧)。如果排版需要将两者放在一起，可以将圆放大一点，达到视觉平衡(如下图右侧)。

使用 gif

上一篇：未来适合肥胖人群的健康食品包装