位置 :  主页 > 新闻动态 >
咨询:4000-288-501

为什麽介面设计中,使用者的 个人头像 大多是圆形的?

大家有没有觉得有越来越多的平台或 App ,喜欢使用「圆形」作为使用者的「个人头像」形状。该不会是近期的设计风潮?还是大部分介面设计师的爱好?或有其他特别的原因呢?大舌头藉由归纳网路社群中专家的讨论,以及问卷调查的结果分析,逐步厘清这个秘密,内容精彩不要错过喔 ~

个人头像 的定义与发展

随着网路用户族群快速增加,他们对於藉由平台与其他用户互动的需求就越高,也因此发展出许多可互动的平台类型,例如论坛、信箱、聊天室、部落格到社群等。其中每个用户都代表着一个独特个体(无论是真实身份或虚拟角色),这些个体会有相对应的资讯,以及代表个体的个人头像 。 而个人头像通常是具个性化(用户觉得能代表自我)的标志,大多以平面或 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 也提出了一些有别於上述的观点,大舌头简单整理并陈述如下:

角度的边缘,看起来较明显

通常方形的锐利四角,因为对比(颜色或形状)的关系,在视觉上会更明显,造成干扰。使用圆形并无此问题,所以更可强调重点 –「脸部」。