知乎上有人问圆形头像or方形头像选择背后的设计理论,我也掺和了一脚:
问题地址:http://www.zhihu.com/question/23506420
我的回答:
学习了前面的答题者从各个角度的分析思路。现提供一个感性一点的短答案:
人的头部更靠近圆形,使用圆形头像更有利于突出“人物“的头部特征;毕竟人形不是方形的;
圆形其实就是一个点,比方形更容易成为视觉聚焦凝聚点;
方形头像中一般是人(或者主角)与环境的组合,交代的是人物和环境的关系;
总结:虽然圆形头像对头像的突出感会更强;但这并不是选择头像形状时唯一要考虑的因素。其它需要考虑的因素有:
与页面其它元素的和谐;(如上面有人提到的方形和圆形的冲突,本质就是页面上焦点太多容易显得杂乱)
圆形图片的处理和网络前端展示成本:毕竟能通过拍照获得的以及各种网络图片都是方形的;
……
两种形状的头像各有特点,具体选择哪一种要综合考虑上述因素,以及头像需要表达的意思。
不过话说回来,有人注意过手机客户端上设置圆形头像时的交互体验了吗?至少我感觉,交互细节很不自然。
如何制作圆形头像?
选择图片:从相册选择/手机拍照
将选中图片截取成系统支持的大小:通常是拖动矩形截取框,在选中的大图中选择需要截取为头像的区域,此过程中考虑周到一点的应用会支持缩放图片,让矩形截取框能包含更多的东西,但是一般的app并没这么周到;
确定矩形截取框位置后,点击确定,系统自动将选中的矩形区域处理成圆形头像;
发现问题了吗?截取头像的过程中,你一直看到的是矩形图片,但是最终的头像却需要在一个黑盒子中处理成一个未知的圆形,根本无法所见即所得。一般情况下,用这种方式制作的圆形头像都有点偏离中心,对强迫症和处女座很不友好好嘛?从用户制作头像的角度来说,方形头像更易制作,毕竟我们拍得照片都是方形的,毕竟所见即所得。
所以不要再盲目跟风用什么“时髦”的圆头像了,设计师OR产品经理除了考虑页面展示和谐度,更需要考虑与圆头像相关联操作如制作、预览头像等的体验。
————————
永远不要单点得考虑问题,毕竟牵一发动全身~
网友评论