【2011】头像中的圆形和方形?

导语

随着时间的推进发展,越来越多软件/应用的头像都使用圆形。那么大家是否有认真考虑过圆形背后的使用逻辑呢?今天我就来给大家讲讲我的见解。

官方说法

QQ的说法

1、相比方形,人的头像更接近圆形。圆形QQ头像能更突出头像弱化背景,也更鼓励用户使用真实自拍作为QQ头像。

2、QQ作为平台会接入游戏和第三方应用,圆形QQ头像在这些方形、异形图片环境仲提高辨识度、降低用户的认知门槛。

3、QQ希望给用户传递乐在沟通,展现年前个性的态度,圆形QQ头像更具临动和活力,与之无缝衔接的头像挂件也为用户带来更个性的搭配,和丰富的自我展示

————QQ设计师

微信的说法

因为照片本来是方的,方头像更符合用户习惯

————微信设计师

空间利用率

如图所示,同样空间范围内,正方形的空间利用率大于圆形。这里有什么好处了?

在移动互联网的时代,屏幕也就这么一丁点,单屏的展示空间始终有限,为了让用户看到更多期望的信息内容,渐渐地方形变成了圆形。

先看看这个图:

为了利用起剩余的空间,各种厂商都可谓绞尽脑汁,都在各个角不同程度的添加内容信息,如:

  • 等级
  • 圈子
  • 会员
  • 角色
  • 挂件
  • ……

是否有发现,上图除了四个角落的空间,还有圆形自身的边,在这条边上可以用不同颜色,不同相框等方式进一步呈现。

这一系列的花样,无非就是基于产品本身对头像的理解与使用。同理,如果这类应用使用的是方形的头像,对应的功能很难在此位置使用,需要另外找位置进行功能入口摆放。这样有可能会造成用户使用学习上的一种负担。

视觉焦点

不知大家是否有发现,当头像为圆形时,我们都会不自觉的将头像摆去中间的焦点位置,因为大多数情况下,这样摆会比较好看。

同理看看方形,因为方形太方正,每个人对构图结构的捕捉能力也是有限的,所以在小图的情况下,有可能会出现看不出这头像是啥,需要点开大图才看出所以来。(可以立刻打开微信,看看是不是这样)

另外,方形由于可利用率更高,同时带来的就是可承载信息量更大,也因为小小的方格承载了过多的信息量,才会有不知道重点在哪里的感觉。

羊群效应

这么说可能会得罪人,不过现实情况确实这样。

很简单,大厂是这么设计的,一定有他们的道理,我们跟着做准没错。我相信有很大一部分产品经理在设计功能和流程体验时,都会犯这个毛病,没有深入去思考设计背后的原因。中国人嘛,最厉害是什么?

复制!!!

当大家都逐渐的将头像设计为圆形,然后用户又习惯了,看到圆形的图标时,也就潜意识的觉得这个是头像了。

小结

圆形和方形或者其他不规则的图形其实都无所谓,要多方面去考虑这个事情,哪种更适合自己产品当前阶段使用即可。哪怕是对着一个产品进行抄袭,也要抄出思路,抄出精髓。想法很重要!

《【2011】头像中的圆形和方形?》上有15条评论

  1. Once I originally commented I clicked the -Notify me when new feedback are added- checkbox and now every time a remark is added I get four emails with the identical comment. Is there any method you possibly can take away me from that service? Thanks!

  2. I抦 impressed, I must say. Really not often do I encounter a weblog that抯 each educative and entertaining, and let me tell you, you might have hit the nail on the head. Your thought is excellent; the issue is one thing that not sufficient persons are talking intelligently about. I am very comfortable that I stumbled throughout this in my search for one thing regarding this.

  3. I feel that is among the such a lot significant information for me.
    And i’m happy studying your article. But want to statement
    on few general issues, The site style is ideal, the articles is in point of fact great : D.

    Excellent process, cheers

  4. Superb blog you have here but I was wanting to know if you knew of any message boards that cover the same topics discussed in this article?
    I’d really like to be a part of online community where I
    can get opinions from other experienced individuals that
    share the same interest. If you have any suggestions, please let me know.
    Bless you!

  5. I definitely wanted to write a quick message to say thanks to you for those precious guides you are giving at this site. My extended internet look up has finally been paid with good quality information to talk about with my close friends. I would express that most of us readers actually are very much lucky to dwell in a really good community with so many wonderful individuals with very beneficial points. I feel rather lucky to have used the site and look forward to really more entertaining minutes reading here. Thank you once more for everything.

  6. Thank you for your whole effort on this blog. My daughter really loves doing investigation and it’s obvious why. A number of us know all relating to the powerful medium you provide insightful things through the website and improve response from others on this issue and our favorite princess is actually being taught so much. Enjoy the remaining portion of the year. You are always conducting a wonderful job.

  7. I precisely wanted to thank you so much once again. I’m not certain the things that I would have gone through in the absence of those solutions shared by you over that subject matter. It truly was the daunting difficulty in my position, however , taking note of the very well-written approach you handled it made me to cry over delight. Extremely happy for your support and thus hope you find out what a great job you happen to be accomplishing training the mediocre ones all through your web site. I know that you haven’t got to know any of us.

发表评论