奶牛关出于怎样的考虑选择了圆形而不是方形作为用户头像框?

0 条评论


  • 20

    fenxX

    Synthwave Surfernone假面女仆卫士 等 20人赞同

    头像是展示与识别一个用户的形象途径之一,对于圆形头像图片的展示讨论其实已经不是什么新话题了,前几年的设计风潮很多人都是信仰“苹果神教”,就像现在牛关依然在用的“赞同”、“关注”等幽灵按钮(Ghost Button)一样,圆形头像的也是iOS7视觉风格催化剂后果之一(iOS7的戛然而止的拟物化设计冲击对当时大家的影响太大了,以至于有一部分人人认为扁平风格起源于竟是起源于iOS7而无视掉了Android 4的flat design)

    但是iOS7也不是没有考虑的,对于圆形头像可以从主观认知与客观设计角度来讲。

    主观情感上,方形的情感元素有些冷淡,奶牛关作为一个游戏方面的UGC创造与交流社区,很重视用户与用户之间的交流,在交流中,圆形有一种天生的圆润融入感,代表着和谐、柔美、友善和善待等元素。追溯到太极图,我们也能从中感受到智慧和平衡等本土化场景应用效果(想想太极图中都是方形会是什么效果)。

    在设计途中,方形和圆形其实都是属于方形的概念,网页中的圆形也不过是等宽高的方形经过css的border-radius效果实现的。所以在平面中两者所占面积是一样的,但是圆形会给予更多的留白,视觉面积更小,会让人更聚焦于头像中间内容。方形头像由于对角线长度大于边框长度,会让人不自觉产生微微的四角视觉分散,而圆形则所有直径都一样。在不考虑头像内容情况下,社交平台的头像人物通过裁剪形成圆形,裁去的只是周围不是作为主要信息的背景,无疑提高了效率。

    但其实圆形头像并不是一帆风顺、顺理成章的,2013年Instagram把自家iOS端app都由方形头像换为圆形头像就引起了不少反对,用户达不到自己的预期显示效果,结果用户只得更换头像以达到更好的显示效果,显然这是不友好的体验。从圆形变为方形的风险要比方形变为圆形小得多(看看steam一直不敢动,steam把功能做的很集中,头像的border也会作为一种在线状态判断功能)。说到底,设计趋势这种东西还是挺迷的,前一阵子大肆在dribbble流行的MBE风格现在也趋于疲劳。可能N年后方形头像再度流行,我们又会拿出方形balabala说出方形的好处。

    BTW,我对于圆形的头像态度也是保持了妥协:

    714d3ade1d14141f722d06fa74facfdf.png

    圆形使用。

    75e39eb6baa4176cae4a57a34d703fea.png

    方形使用。

    因为圆形裁剪,我不得不做出两种版本来平衡底部白色。

    d41f61a34e18dd1073c292d980fbcb38.jpeg

    在个人页的右下方你也能看到一些留白上的区别。

    更新于 2016-08-30 13:27:12 10 条评论


  • 2

    dumb写游戏评测不是给淘宝五星好评

    JasyFreezingFish 赞同

    听说,圆形头像跟emoji一起用更配哦

    发布于 2016-09-05 00:59:50 2 条评论

  • 登录奶牛关账号即可参与讨论

{{question['follower_count']}} 个玩家关注

...

相关元素

相关问题

你们认为奶牛关增加什么活动会让你们愿意参与?

41人关注 37个回答

奶牛关是一个什么样的网站?

13人关注 9个回答

CowLevel如何取消已玩过标记?

3人关注 2个回答