产品思维教程 产品和产品经理 PM概论和职责 PM内功修炼 PM的自我修养 产品经理实战 成为全能产品经理

默认头像设计案例



有趣的艺术图案


案例——Slack 通用头像(左边是上传头像,右边则是默认头像)


default1.png


Twitter,Slack,Tumblr 等网站使用了艺术图案作为用户的默认头像。这个方案有一个很大的好处就是强化了品牌感。例如 Slack,使用了它的 logo 的变形图案作为缺省头像。当没人上传头像时,界面看起来也是完整的,诱人的,并且有品牌感的。


但是,也存在缺陷,假如每一个缺省头像都是独特的话,那这个解决方案会很棒。然而,在 Slack 里,每一个缺省头像看起来都只有一点微妙的变化。这使得很难从一堆默认头像里去辨别某个人。不过如果有一部分用户修改了头像的话,这个方案还是能够提供一部分识别作用的。



首字母策略


实际案例一:IOS 通用头像


default2.png


Gmail,Dropbox 和 Apple 采用了第三种方案(也是我个人最喜欢的)——使用用户名字的首字母大写作为默认头像。有些使用了姓和名一起(Apple),有些则只使用了名字(Gmail)。


实际案例二:Dropbox 的默认头像


default3.png


Gmail 和 Dropbox 做了更多尝试,给每一个用户头像增加了一种独特的颜色。这个设计方案既能够彼此区别,还具有上下文的语意。但这个解决方案对于非英语母语国家来说,他们的用户的名字可能不止是两个大写字母简写。



逻辑规则


肯定不能从16777216种颜色里挑选一个随机值,因为随机颜色很有可能看起来很糟糕。所以我们需要挑选一些适合设计的颜色——不要超过 10 种。接下来,我们需要去给每一位用户分配一种颜色。用户头像颜色不能是随机出现的。


我们可以使用哈希值来解决这个问题。我们能够通过用户姓名计算出一个保持不变的哈希值,所以我们不需要新建一个数据库字段去存储每一位用户的颜色。



小结


默认用户头像的方法:


1.通用头像;


2.有趣的艺术图案;


3.首字母(推荐)。



课后思考


1.分析几款产品用户默认头像的优缺点?


2.优化自有产品用户默认头像的设计?



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

麦子大聚惠,豪华礼包你领了吗?

客服热线 400-862-8862

回到顶部