界面设计2:圆形和方形头像的场景设计
第一:从感觉和认知方面考虑。
1.从心理学上讲,正方形相对枯燥,而人更喜欢圆形。
2.大脑可以轻松处理圈子里的信息,减轻认知压力。
3.与正方形相比,圆形更灵活、有机、安全、悦目、现代、友好,更能与他人进行情感交流。
4.感觉比较在意,比如思考望远镜或者放大镜的视野。
大部分照片周围都是无意义的背景或信息,圆圈可以切掉。
6.通常拍照会把“人”放在中心,圆心到四周的距离是一样的,可以让脸更突出。
7.正方形的对角线比边长,用户的眼睛容易延伸;圆的半径是一样的,所以用户可以花更少的时间去理解内容,眼球也不需要移动。
第二:从设计视觉的角度。
1.视线在正方形里有五个焦点(四个角+中心),在圆形里只有一个焦点(中心)。
2.圆形的线条或角度,让视线自然的跟随和移动,而不是停留在90度的角度。
3.在扫描的情况下,使用圆圈可以帮助用户识别或区分是否是内容,因为内容通常放在一个正方形的容器中,如文字、照片或相册。
第三:从产品定位的角度。
比如微博的头是圆的,微信的头是圆的,方的。源于对APP产品的深刻理解。
外圈是做人的态度,外圈是手段。我们需要与他人建立联系,我们需要一种顺畅、通用的做事方式。总的来说,在大场面中我们能混得很好。至于内在方面,其实是我们自己做事做人的尺度,也就是我们自己的认知。是我们相信不会改变的,目标和初心不变,改变的是达到目标的方法,内心更多的是我们自己的内心。
微博作为社交媒体,在信息的洪流中,我们需要达到和谐,才能更方便的与圈子融合。微信朋友圈作为一个熟人社交的场所,更多的是展示个性,释放自我,代表了自身的能量。
第四:其他因素决定。
1.移动设备普及后,由于圆形的形状类似于手指按在屏幕上的形状,所以被广泛使用。
2.其实人类早就有这样的应用了,比如把图形应用到圆形硬币上,圆形艺术画上。
3.只是一种设计潮流,只是流行在“圈子”的循环里。
4.许多指南或模板只提供循环版本。
5.目前的CSS3技术使得圆角(圆)很容易实现,几乎所有的浏览器都支持它。
如下图,对比两种头像形式,我阐述三点:
1:圆形头像可以更好的帮助用户专注于脸部。前面分析提到过,手机拍出来的照片质量参差不齐。在这种现实情况下,圆形头像更有利于忽略照片的背景,提高头像识别的效率。
2.严格来说,左图不能叫头像,应该叫照片。原因很简单。至于头像,自然是把“头”露出来了,而左图中的头像只占了不到一半的画面。从这个角度来说,显然右图更合适。在选择照片作为头像时,如果是圆形的,用户更倾向于选择脸部的照片作为头像;如果是方形的,用户相对更随意,一般是拍全身或者半身照片。不信你可以打开自己的微信,看看朋友的头像。
3.日常生活中,我们看到的相框大多是方形的,圆形的相框比较少,因为照片大多是方形的。所以用一个圆形的轮廓来表示头像,可以很快和照片区分开来,变得更加突出。