美文网首页
圆形头像OR方形头像

圆形头像OR方形头像

作者: Hopstar | 来源:发表于2015-10-08 16:32 被阅读1867次

    圆形头像OR方形头像

    知乎上有人问圆形头像or方形头像选择背后的设计理论,我也掺和了一脚:

    问题地址:http://www.zhihu.com/question/23506420

    我的回答:

    学习了前面的答题者从各个角度的分析思路。现提供一个感性一点的短答案:

    人的头部更靠近圆形,使用圆形头像更有利于突出“人物“的头部特征;毕竟人形不是方形的;

    圆形其实就是一个点,比方形更容易成为视觉聚焦凝聚点;

    方形头像中一般是人(或者主角)与环境的组合,交代的是人物和环境的关系;

    总结:虽然圆形头像对头像的突出感会更强;但这并不是选择头像形状时唯一要考虑的因素。其它需要考虑的因素有:

    与页面其它元素的和谐;(如上面有人提到的方形和圆形的冲突,本质就是页面上焦点太多容易显得杂乱)

    圆形图片的处理和网络前端展示成本:毕竟能通过拍照获得的以及各种网络图片都是方形的;

    ……

    两种形状的头像各有特点,具体选择哪一种要综合考虑上述因素,以及头像需要表达的意思。

    不过话说回来,有人注意过手机客户端上设置圆形头像时的交互体验了吗?至少我感觉,交互细节很不自然。

    如何制作圆形头像?

    选择图片:从相册选择/手机拍照

    将选中图片截取成系统支持的大小:通常是拖动矩形截取框,在选中的大图中选择需要截取为头像的区域,此过程中考虑周到一点的应用会支持缩放图片,让矩形截取框能包含更多的东西,但是一般的app并没这么周到;

    确定矩形截取框位置后,点击确定,系统自动将选中的矩形区域处理成圆形头像;

    发现问题了吗?截取头像的过程中,你一直看到的是矩形图片,但是最终的头像却需要在一个黑盒子中处理成一个未知的圆形,根本无法所见即所得。一般情况下,用这种方式制作的圆形头像都有点偏离中心,对强迫症和处女座很不友好好嘛?从用户制作头像的角度来说,方形头像更易制作,毕竟我们拍得照片都是方形的,毕竟所见即所得。

    所以不要再盲目跟风用什么“时髦”的圆头像了,设计师OR产品经理除了考虑页面展示和谐度,更需要考虑与圆头像相关联操作如制作、预览头像等的体验。

    ————————

    永远不要单点得考虑问题,毕竟牵一发动全身~

    相关文章

      网友评论

          本文标题:圆形头像OR方形头像

          本文链接:https://www.haomeiwen.com/subject/qvjncttx.html