为什么UI设计中，用户的个人头像大多是圆形的？
来源：优漫教育
发布人：UMAN
时间：2023-10-21 17:43:04
为什么UI设计中，用户的个人头像大多是圆形的？大舌头藉由归纳网路社群中专家的讨论，逐步厘清这个秘密，大家有没有觉得有越来越多的平台或App，喜欢使用“圆形”作为用户的“个人头像”形状。该不会是近期的设计风潮？还是大部分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个（四个角+中心），而圆形只有一个（中心）。
圆润的线条或角度，可让视线自然的追随与运动，不会像看到90度角而停顿下来，更详尽的内容可参考这篇。
在扫视的情况下，使用圆形可协助使用者辨识或区分是否为内容，因为内容通常会置于用方型容器，例如文字、照片或专辑等。
其他
行动装置普及后，因圆形与手指按压在萤幕上的形状类似，而被广泛的使用。
其实人类早就有这样的应用，例如将人物应用于圆形硬币与圆形艺术画中。
只是一个设计的风潮，刚好流行到”圆形”这个周期。
很多准则或模板都只提供圆形版本。
现在的CSS3技术让圆角（圆形）轻易实现且各浏览器也几乎都有支援。
作者Anthony于UX movement上提出了相关观点：
在UX movement中，作者Anthony也提出了一些有别于上述的观点，大舌头简单整理并陈述如下：
角度的边缘，看起来较明显
通常方形的锐利四角，因为对比（颜色或形状）的关系，在视觉上会更明显，造成干扰。使用圆形并无此问题，所以更可强调重点–“脸部”。
方形对角线较长
方形的对角线比边缘还长，用户目光易延伸出去；圆形半径长皆一致，用户可花更少时间在理解内容，眼球也较不需要移动。
随着网路用户族群快速增加，他们对于藉由平台与其他用户互动的需求就越高，也因此发展出许多可互动的平台类型，例如论坛、信箱、聊天室、部落格到社群等。其中每个用户都代表着一个独特个体（无论是真实身份或虚拟角色），这些个体会有相对应的资讯，以及代表个体的个人头像。而个人头像通常是具个性化（用户觉得能代表自我）的标志，大多以平面或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个（四个角+中心），而圆形只有一个（中心）。
圆润的线条或角度，可让视线自然的追随与运动，不会像看到90度角而停顿下来，更详尽的内容可参考这篇。
在扫视的情况下，使用圆形可协助使用者辨识或区分是否为内容，因为内容通常会置于用方型容器，例如文字、照片或专辑等。
其他
行动装置普及后，因圆形与手指按压在萤幕上的形状类似，而被广泛的使用。
其实人类早就有这样的应用，例如将人物应用于圆形硬币与圆形艺术画中。
只是一个设计的风潮，刚好流行到”圆形”这个周期。
很多准则或模板都只提供圆形版本。
现在的CSS3技术让圆角（圆形）轻易实现且各浏览器也几乎都有支援。
作者Anthony于UX movement上提出了相关观点：
在UX movement中，作者Anthony也提出了一些有别于上述的观点，大舌头简单整理并陈述如下：
角度的边缘，看起来较明显
通常方形的锐利四角，因为对比（颜色或形状）的关系，在视觉上会更明显，造成干扰。使用圆形并无此问题，所以更可强调重点–“脸部”。
方形对角线较长
方形的对角线比边缘还长，用户目光易延伸出去；圆形半径长皆一致，用户可花更少时间在理解内容，眼球也较不需要移动。
相关推荐
-
【UI培训】：关于UI设计新手常遇到的问题及解决方法
UI设计新手常遇到的问题有哪些？比如，请问UI设计师每天的工作内容是什么样的？除了做图还要干什么？还需要哪些技能？个人职业规划通常什么样？做图只是视觉设计师最基础的工作，除了视觉执行，还需要向上接入PD了解产品需求、在设计中验证交互流程，向下跟进程序开发、数据收…行业资讯发布时间：2022/03/24 查看详情 -
室内设计应体现文化元素的六大重要思维
无论是首都北京的故宫，还是西藏的布达拉宫，其精巧的室内装潢和环境艺术，都有谁能说出这并非出自顶级的专业室内设计师和艺术大师之手，中国传统室内设计文化也正是传统东方文化与古典建筑艺术的精华部分。行业资讯发布时间：2022/03/24 查看详情 -
UI设计培训中有没有学不会UI的人
UI设计培训中有没有学不会UI的人？优漫教育小编要说是真的有，就是那些根本不想学的，就像你永远叫不醒一个装睡的人。如果你对ui有强烈的学习兴趣，想在ui行业有所建树，那么不论你是高中毕业、大学毕业，不论你是有计算机基础、零基础，不论你是男生、女生，不论你是20岁、30…行业资讯发布时间：2022/04/01 查看详情
