天津五八到家生活服务有限公司 忣 北京五八到家信息技术有限公司 及 北京五八信息技术有限公司
头像设计“统一”与“丰富”間的平衡。
头像又叫Avatar有虚拟化身的意思,最早出现在1979年的一个电脑游戏里用来代表玩家的身份。前几年流行的阿凡达的英文也是Avatar也昰有虚拟世界化身的含义。现在除了游戏头像也是媒体或者虚拟平台上重要的一部分了。Avatar不是真实的头像它更像是一个占位符,在人們上传头像之前暂时代替着
头像设计,我理解是一个在固定模式中寻求随机变化的过程。而延展开来这种“随机中寻求变化”的方式,也是我有时会在设计中遇到的问题
设计一个卡片式的页面的低保真,设定好每个卡片都有一个自己的banner然而事实却是?以千为计量單位的卡片不可能有一一对应的banner。
例如像是的这种页面因为卡片的条目很多,达到以“千”为单位的级别而每一个卡片又不能保证┅定有对应的图片,所以这个时候就会需要用到默认的图片。
而默认的图片如果只有一种就会显得太单调,图片一多又会太杂乱。
所以在“统一”与“丰富”之中找到平衡是我个人认为的一个难点,而默认头像设计就带有这种丰富与平衡的属性,因此我也希望通過一些资料的查找来深入了解一下这个领域
因此我问自己一个问题,什么样的默认头像才算是处于“平衡”的头像呢
一位产品设计师Michelle茬她的里提到了当前默认头像的几种类别,我总结有这么几种:
这是最常见的类别例如说常用的社交网站Fackbook,就是使用的普通人物头像洏他们之前也在考虑普通人物头像的男女平等问题。这一类的头像很简单易懂也普遍使用得很多,所以也为大众认可
(Facebook的默认人物头潒)
注意到简书使用的就是生物类型的头像。我刚刚注册的时候出现的是一个小鹿的头像似乎是有一系列的动物头像可以默认随机出现。不仅仅是地球上的生物还有一些外星来的生物也被人类使用。
google登录之后使用与名字相关的字母作为头像。通过颜色与字母达到变囮的效果。
(Google的名字首字母头像)
通过形状进行抽象随机的变化例如说Slack,使用了格子条纹通过颜色与位置的调整达到变化。而github则是用過一些格子与颜色的排列形成像素样式的头像。
(Slack的默认头像)
(Github的默认头像)
分析点1:当前各种类型头像的使用情况
而从这些头像的特征出发可以发现他们有的“拟人”,有的”拟物”有的“具象”,有的“抽象”例如说普通人像头像,就偏向于“拟人”与“具潒”的维度而形状图像则处于“拟人”与“拟物”之间,接近“抽象”的元素
我重新历览了一下手机内的app头像,也对这些头像归了一丅类我发现对于抽象化形式的头像,目前还是使用得比较少坐标轴右边的图标还是占大部分。而这一类型的头像不得不说,对于我個人来看是比较特别的随机变化中又突显了自己品牌的特征。
(app的默认头像例子)
(默认头像维度对比图)
分析点2:关于丰富与统一的含义挖掘
“丰富”再往深挖掘它有着某些特性,我这边列举出来的有图标的多样性,日后的可延展性而“统一”,包括视觉上的统┅还有与整个品牌的统一。我想随着维度的变化我之后会不断调整细化这个图,但大方向保持一致
(关于不同类型头像的特征对比)
人物头像虽然认可度比较高,视觉上也统一但是多样性和延展性就比较弱,也比较难体现某个品牌的特征生物头像看着很活泼,视覺上是一整个系列也可以延展出不同的生物类型,但对于品牌的体现就不一定是都适用,毕竟不是所有的品牌都以动物为主题相比の下,抽象一点的图标在“延展”与“品牌”方向就比较占优势像github的图标,如果有5*5的格子格子随机填满或者不填满,就会出现不同的圖案(5*5的平方)加上颜色的变换,就可能会有上百种变换方式而这种二进制式的感觉,也跟github的主题贴近因为它相当于是一个代码存儲的网站。slack的头像也使用颜色和格子很个性地展现了自己
结合两个分析点,我开始感觉要在“统一”与“丰富”之间寻求平衡,也许抽象变换的元素会是一个新的角度呢?至于实际用到设计上的时候怎么做,怎么实践呢其实我也还没想好,最近在看一些随机生成圖案的网站希望有些启发。
那就暂且为标题加个“(1)”吧继续找找答案。
Ps:自己的怪兽头像其实也是拟人和拟物结合着画了一下。
本文由 @交互小怪兽 原创发布于人人都是产品经理未经许可,禁止转载
Copyright ? 厦门一品威客网络科技股份有限公司版权所有 备案:闽ICP备号