© ui设计之路|Powered by LOFTER
“一步登天做不到,但一步一个脚印能做到;一鸣惊人不好做,但一股劲做好一件事,可以做;一下成为天才不可能,但每天进步一点点有可能”。

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

大家有没有觉得有越来越多的平台或App ,喜欢使用“圆形" 作为用户的“个人头像" 形状。该不会是近期的设计风潮?还是大部分UI设计师的爱好?或有其他特别的原因呢?

 

感受与认知

  1. 方形太无趣了。

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

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

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

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

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

视觉

  1. 视线在方形的焦点有5个(四个角+中心),而圆形只有一个(中心)。通常方形的锐利四角,因为对比(颜色或形状)的关系,在视觉上会更明显,造成干扰。使用圆形并无此问题,所以更可强调重点

  2. 圆润的线条或角度,可让视线自然的追随与运动,不会像看到90度角而停顿下来,方形的对角线比边缘还长,用户目光易延伸出去;圆形半径长皆一致,用户可花更少时间在理解内容,眼球也较不需要移动。

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

其他

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

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

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

  4. 很多准则或模板都只提供圆形版本。

  5. 现在的CSS3技术让圆角(圆形)轻易实现且各浏览器也几乎都有支援 。