>

圆形头像和方形头像的场景设计

- 编辑:betway88 -

圆形头像和方形头像的场景设计

圆形元素在界面设计中被广泛运用,从常见的圆形图标到圆形的头像,又或是圆形的轮廓形状。圆形是一种特殊的形状,它能够在众多几何形状中被我们快速地注意到。也正因为如此,在使用圆形元素设计界面时会有一些注意事项。

在我们的产品设计中,有些产品为什么使用圆形头像,而有些产品为什么使用方形头像,在这里,我将从四个方面给大家依次分析:

一、圆形头像

图片 1

放眼望去,圆形头像已然占领了我们的手机。不妨看看下面举的这些例子,如下图所示。

第一:从感受与认知方面考虑

图片 2

1.从人的心理来说,方形相对无趣,人更喜欢圆形。

从左到右依次是搜狗地图、QQ、Instagram。当然,还有很多其它的例子,就不一一列举啦。此刻,肯定有同学已经按耐不住要跳出来反驳了,微信和Facebook就不是圆形头像,不信你看下面两张图。

2.大脑可较轻易的处理圆形内的信息,减少认知的压力。

图片 3

3.相较于方形,圆形更柔性、有机、安全、顺眼、现代与友善,也更能与他人情感交流。

方与圆之间,孰对孰错,请继续看下文分解。

4.更有关注的感觉,例如想到望远镜或放大镜的视野。

1.用户使用头像的目的

5.大多照片的四周都是无意义的背景或信息,圆形可以将其切除。

不管是圆形头像,还是方形头像,其归根结底都是头像。用户使用头像的目的,主要是作为个人身份的象征。区别于其他用户的特征有很多,例如用户名、用户ID、用户头像。在这些备选项中,头像最便于快速识别和记忆,尤其是帅哥美女。

6.通常拍照会把“人”摆在中心,而圆形中心到四周距离都一致,可让脸更突出。

除此之外,还有一部分通过头像来彰显自己的个性,例如美女通常会使用自己的性感自拍作为头像来表现自己的魅力,又或是使用卡通人物或形象作为头像来表现自己的艺术气息,再或是使用萌宠作为头像来表现自己的爱心或是呆萌。

7.方形的对角线比边缘还长,用户目光易延伸出去;圆形半径长皆一致,用户可花更少时间在理解内容,眼球也较不需要移动。

2.用户使用什么照片作为头像

图片 4

随着智能手机的越来越普及,人们拍摄照片的门槛也变得越来越低,越来越多的用户使用自拍的照片作为头像。照片的内容五花八门,例如人物、风景、花草、宠物。即使是正常的人物照片,背景中也会掺杂着很多其它的元素,例如下图所示。

第二:从设计视觉角度考虑

图片 5

图片 6

第一张照片中人物背景虽然虚化了,但背景仍然很凌乱,一些微弱的对比色很容易就抢夺了用户的视线。第二张照片中人物是配角,豪车才是真正的主角,这类型的自拍照不再少数。第三张照片人物拍摄的光线阴影错乱,故意露出一线背景内容,其用意如何昭然若揭。此外,用户手机的好坏、拍照水平也不一致,拍摄出的照片质量也参差不齐。

1.视线在方形的焦点有5个(四个角 中心),而圆形只有一个(中心)

使用这些照片作为头像时,人物不但不被突出,反而被弱化了。虽然智能手机屏幕越来越大,但是当头像集体在界面中展示的的时候,每个头像依然较小。

2.圆润的线条或角度,可让视线自然的追随与运动,不会像看到90度角而停顿下来。

3.方形头像和圆形头像的区别

3.在扫视的情况下,使用圆形可协助使用者辨识或区分是否为内容,因为内容通常会置于用方型容器,例如文字、照片或专辑等。

方形头像和圆形头像的区别可以用两张对比图来说明,如下图所示。

图片 7

图片 8

第三:从产品定位角度考虑

左图是方形头像,右图是圆形头像。通过对比,可以发现以下几点:

比如微博头像是圆形的、微信的头像是圆角方形的。源于对APP产品的深刻理解。

a、圆形头像能够更好地帮助用户聚焦到人脸。虽然左图能够完整地呈现人物特征,但是干扰信息较多,例如背景中的灯光、门柱、屏风。对比之下,右图更为清晰地展示了人物的脸部特征,例如锥子脸、美瞳、假睫毛。在前面的分析中也提到,手机拍摄的照片质量参差不齐。在这种现实情况下,圆形头像更有利于忽略照片的背景,提高头像的识别效率。

外圆内方,是一种做人的态度,外圆是一种手段,我们需要与他人连接,做事情就需要一种处事圆滑,八面玲珑一般能够在大场面混的很好的,内方呢,其实是我们自己做事做人内心的标尺,也就是我们自己的认知,是我们所认定的不会变的东西,目标,初心不变,变的是通向目标的方法,内方更多的是自己内心的操守,不为外界所变动的部分。

b、严格意义上讲左图并不能称之为头像,而更应该称之为照片。原因很简单,头像嘛,自然应该以展示头为主,而左图中头像只占画面四分之一不到的区域。从这个角度来说,显然右图更为合适。在选择照片作为头像时,如果是圆形,用户更愿意选择脸部的照片作为头像;如果是方形,用户则相对更随意,通常是全身或是半身照。不信,你可以打开自己的微信,看看自己的好友头像,或者往前滑滑看看前面的配图。

微博作为一个社交媒体,在信息洪流中,我们要做到圆融,才能更方便的与圈子融合,微信朋友圈作为熟人的社交场子,更多的是展示个性,释放自我,代表着的是自己的能能量。

c、日常生活中,我们看到的大多数相框都是方形的,圆形的相框较少,这是因为大多数照片都是方形的。因此,使用圆形的轮廓来表现头像,能够快速地和照片区分开来,更加突出。

图片 9

当然,使用圆形的轮廓作为头像,还有一些其它的原因,例如技术上的进步。

第四:其他方面的因素决定

早期由于CSS等技术的不成熟,圆形、圆角图形的处理非常麻烦,现在变得容易很多。

1.行动装置普及后,因圆形与手指按压在屏幕上的形状类似,而被广泛的使用。

二、圆形的icon

2.其实人类早就有这样的应用,例如将人物应用于圆形硬币与圆形艺术画中。

在APP的UI设计中,我们会经常看到一排排圆形的icon,例如下图所示。

3.只是一个设计的风潮,刚好流行到“圆形”这个周期。

本文由摄影专区发布,转载请注明来源:圆形头像和方形头像的场景设计