在这个看脸时代，论是真实社交，是网络社交，甚至虚拟形象社交，都是「颜值即正义」。长好看是大优势，或者至少要满足彼此审美才有进步发展可能。然要想真正地完成社交目，是要看个社交能力。在进网络社交时（兴趣社交除），可谓「头像，不社交」，毕竟跟陌生搭讪筛选成本太高，看头像照片是最接快速。据说，有好事者在三里屯注册了某款陌生社交软件，并将头像设置成一个在卢浮宫的露背少女照，在短短时间内，居收到 10000 次点赞，头像的魔力见一斑。
头像设置流程一般包括头像选择、上传、裁剪、预览四个步骤，在用户界面展现时，部分步骤合并或跳，但至少要包括裁剪和预览。
1. 选择图源
头像图的来源包括地图、系统推荐头像、用户个人上相册、即时拍摄等。同一产品在不同端以支持不同的上传渠道，比 PC 端摄像头拍摄质量不佳，而且台式机不一定备，一般以不做支持。
2. 上传条件
上传地图为头像时，图的式、尺寸、文件大小规则应尽量放开，至少要支持 JPG、GIF、PNG、JPEG、BMP 等式。随着手机拍摄照的尺寸和大小越来越大，所以 5~6M 是一个比合适的上。关服务器图存储，应留一高清大图和套不同尺寸的缩略图。
3. 裁剪处理
图裁剪包括系统自动裁剪和用户手动裁剪。果不支持手动裁剪，最把系统自动裁剪和截取做。京东 web 端就没有截取图中央区域，而是直接挤压或拉伸图，导致图变形效果很差。手动裁剪时，一般要辅助缩放、旋转、镜像等功能。缩放时需注意极值，否则导致背空白（QQ空间），要做相应的填充处理。裁剪框最加辅助（九宫、方圆）和遮罩，方便时预览方形和圆形头像的效果。有时也加滤镜、贴纸等功能。
4. 效果预览
「所见即所得」打造优良用户体验的诀窍之一，所以提供实时反馈预览必不可少的。比如裁剪得到的各种形状尺寸的预览，滤镜效果实时渲染。当然，实时性也系统性能关。
头像的常见展示形状包括方和圆，有时也有异形头像。关头像形状的「方圆」论证以参考微信和 QQ 设计师的官方回复。
样作为腾讯品，为什么 QQ 头像是圆？而微信头像是呢？
腾讯的应如：
相方形，人的头像更接圆形。圆形 QQ 头像更突头像弱背景，更鼓励户使真实自拍作为 QQ 头像。
QQ 作为会入游戏和第三方应用内容，圆形 QQ 头像在这些方形、异形图标环中提高辨识度，降低用户的认知门槛。
QQ 希望给用户传递乐沟通，展轻性的态度，圆形 QQ 具灵动活力，与之无缝衔接的挂件也用户性化的搭配丰富的自我展示。
因为照来是方的，方头像更符合用户习惯。
《为什么微信头像是？QQ头像是圆？｜你问鹅答》
有百度小程序关于头像规范可供参考：头像应保证晰，头像主体元素在形或圆形参考线内，不遮挡关键信息，确保前端展现时能在圆形轮廓展现完全。
1. 默认
缩短注册流程，减少潜用户流失，用户注册过程中一般不会强制用户设置。所以，防止用户不去设置以及页面中加载不出，系统会提供默认以便相关置展示。可以采用灰色，也可以采用基于企业吉祥卡通形象设的彩色（例如虾米、转转）。二者各好处，灰色可以时常提醒用户去设置，彩色则可以丰富画面、增加趣性。不过唯一的遗憾一旦设置了新，改不回默认了，毕竟的默认还挺好看的。的社区允许游客用户行点赞、论操作，这时便会用到游客默认。当然，同一系统内，默认也可以不唯一，比如，根据用户性别、星匹配，根据用户身份角色匹配（司机/乘客，招聘者/求职者），或者制作库用户随机分配。
2. 系统推荐
让用户自己拍摄或找到一张自己满意的图片，对些用户言其实一件本比较高的事。如果用户群体足够，图片质难以保证，甚至内监又会新的问题，所以推荐一些优质供用户挑选，就了一很不错的辅解决方案。QQ 很早就推出了类似功能，甚至了会员服务的一部分。平安金家 APP 也类似功能，提供了四商务风格的卡通供用户选择。
近比较火的匿社交APP Soul 也同样支持使用系统推荐，且只能使用系统，如下图所示，用户可以根据自己所设置的性别，风格选择仪的。Soul 不允许用户传其他照片作，也希望用户能抛颜，找到真的灵魂伴侣。这些本身也体了用户体的审趣、价观。近 Soul 新线了「超萌捏脸功能」，下文会重详细分析，不过捏脸的依然可以算系统推荐，只把拆解了发、脸、眉毛、眼睛、鼻子、嘴巴、衣服配饰元素，然后再由用户自己排列组合。
3. 随机选择头像
前文也提了随机头像，即系统会在用户注册成功后为其随机匹配头像，避免一默认头像的沉闷，记忆中以前 GitHub 就是采用这种做法。另一种随机头像是指用户主动选择随机头像，获得相应的惊喜，比如哔哩哔哩就采用了这种做法。不过实在难以琢磨出这种类似「变脸」的玩法背后的计逻辑。
4. 使历史头像
在户使过一产之后，可会积累大量的历史头像（要是户自上传的，使过的系统头像记录在）。QQ 就把户的这些头像收集起来展示给户，户查看或重择，虽然户重使的几率并大，但失为一种增进户情感、户粘性的做法，毕竟这里面满满都是青春的忆，很容易给户带来触。
微信有类似的做法，过只查看上一张头像。微信的设计哲是刻意讨好户，这里更多的是防止户反悔，方户在最使的两张头像之间切换对。马蜂窝的做法与 QQ 类似，过增了删除历史头像的功（当前头像可删除）。聊天宝（原子弹短信）有很多锤子的设计基因，锤子的设计师们推崇工匠精神，爱为户创小惊，聊天宝查看自己的历史头像，但却查看好友的历史头像。妨推测背后的设计机：现代人分分钟互相个好友，但可来及备注，而人们对图像的记忆更准确、持久，看到头像可就会很快地忆起好友姓名、相识的场景等信息。
5. 文本头像
文本头像在商务类应用比较常见，例如 OA。由于办公社交社交属性并不是很强，更多在于及时讯，所以图片头像并不是特要，并文本头像号更大，更容易辨识。要注意文本颜色和背景颜色比度，另个应用，文本和背景可以多做几个配色案随展示，以丰富视觉效。此要注意文本取值显示规则，下图是钉钉部分页截图，可以从测：
- 汉字类：单个或两个汉字展示部汉字，三个及以上汉字仅展示两个汉字；
- 英文类：个单词时取前两个母，两个及以上单词取前两个单词首母；
- 数字类：单个或两个数字展示全数字，个及上数字仅展示后两个数字。
6. 角色/匿
相信很多人都玩过 QQ 的匿聊天功能，然后就被理员禁止了，它一种娱乐性玩法。其实还类似的法，游戏中较常见，角色确显示的用户，角色确后就显示角色。比如斗主，主身份确显示用户本身，确后则显示角色，且还会根据角色性别显示相应。
7. 动视频头像
动视频头像可以让用户跨越间维度从多角度展示。依然以 QQ 为例，动头像种，一种是 QQ 会员才可使用的动头像，由系统推，用户主选择；另一种是让用户拍摄录制。体流程如下图，用户先录制视频，然后选择一帧作为静头像，以便能在不支持展示动头像的地方展示。这也是目前的一大趋势，不过如果好友列表的头像都在动也还挺吓人的。
8. 轮播头像
针对陌生人社交场景，如探探，头像更显得重要，左滑还是右滑就在刹那之间，点进页根本会滑屏幕细看具体的兴趣、资，就要尽量在首屏展示更多更大更清晰的照片，轮播图就是一种很好的形式。探探最多可设置 6 张图片或 6 视频作为轮播头像。实，轮播头像类似 QQ 照片墙的概念，过自我展示意味更浓。
采类似轮播头像做法的还有音遇 APP，虽说张歌会友，但谁都唱歌好听的小哥哥小还有颜值。如图，个人页背景图即头像轮播。还有一些社交软件可将个人系列头像设为私密，然后定向开放展示给需要的人。
9. 捏脸头像
ZEPETO（文名：崽崽）爆刮起了阵虚拟形象社交风潮，虽然是三维形象玩法，和前红极时脸萌并没有本质区，要想实现从工具到社交转变，获取关系链才是王。多闪和 Soul 动作也很快，已经上线了捏脸功能，虽然目前是维，相信巨头们早已开始布局三维虚拟形象社交了。目前 ZEPETO 可编辑脸型，甚至可以进简单化妆。服装配饰则括衣服、头饰、首饰等，支持按上架时、价格等排序。内装饰则涵盖了地板、家具、摆件、乐等等。手势主要是些肢体动作库，动作效十分连贯。可以说 ZEPETO 成了用户场景搭+服饰搭配+颜值定义+炫酷动作完美幻想，时也扩充了们虚拟形象社交乃至电商新形态想象空。
目前市上，尤其是游戏领域，不管画风是 Q萌，是 3D，时尚亦或仙侠，物模及捏脸系统已经比较完善，到广泛应用。这里荐款叫做 IMVU APP，它物画风、服饰质感比 ZEPETO 更加写实，更偏成化，视转换也更加流畅，支持俯视/仰视。不过，脸萌早已凉凉，美图图片社交路似乎完全和 ins 不上标，所以 3D 虚拟形象社交未来路也未可知。
10. 头像挂件
头像挂件、等级徽章、认证标志也属头像的一部分，不需要结合付费、用户成长系、认证规则进行讨论才有意义。
11. 使用三方头像
使用三方账号快速登录已经成为登录注册页面的标，毕竟一个授权就决账号注册、头像及昵称设置等问题。两天，瓜群众们又一次见证「头腾大战」。闪使用用户的微信头像和昵称，是并没有得到相应授权，因为之前的授权是给抖音的，当现在也停止授权。不管是不是抖音碰瓷，但微信/QQ 账户上的头像、昵称的权益归属确是个问题。个人上传的头像还说，果用的是系统推荐头像，图的版权是不是归属腾呢？用户使用三方登录，最还是引导用户尽快绑定手机并设置完善其他资料。
12. 群组
这里以 QQ、微信钉钉例行分析。微信群聊由群员组合，方框内嵌套群员的方形，根据群员的数多少（1-9）行相应排布，多于 9 人时显示 9 人。另外，微信暂不支持设置图片群。钉钉群与微信类似，不过外观圆形外框嵌套群员的方形，显示数也所限制（多显示4），但可以选择其他图片作群组。QQ 群比较复杂些，可分讨论组群，虽然统称「群聊」，根据创建方式区分如下：选人创建（对应的讨论组）按分类创建（对应的群）。讨论组也不能设置的，圆形内嵌套群员的圆形，多可显示 5 员的。群由理员设置，且可以查看历史、使用系统推荐。另外还 TIM，对抗钉钉的办公软件，比 QQ 轻化，视觉风格也不相同， TIM 中讨论组的展示就采用了类似钉钉的法──圆形外框+方形。
延伸一下，人微信重新义了群的设形态，贴近用户自然使用方式：无需群ID，无需刻意创建群，随时拉人聊，无需命，默认不保存到通讯录，搜索群时可通过直接搜人实。
本文列举分析了设置的相关设计思路和案例，对社交产品的头像设计大有裨益。在设计时，寻求相设计参考是获取灵感和解决方案的有效方法，认真发现生中的好设计，及时积累并总结，才在键时刻有质量的输。
欢迎关注作者的公众号：「UXD」
浙公网安备33011002017549号