探秘｜QQ社交形象年度盘点设计密码

编辑导语：每年年底，QQ都会进行年终盘点活动，通过生成用户专属的社交形象，拉进用户与QQ之间的距离。那么，QQ的年度社交形象是怎么被设计出来的呢？一起来看一下吧。

每年年底，QQ都会迎来一年一度的年终盘点活动，帮助用户实现QQ社交记忆回溯。通过生成用户专属的社交形象，拉近用户和QQ之间的距离，体现品牌温度。

一、设计目标

年度盘点活动不同于主题运营活动，是对QQ用户年度高光时刻的总结。在活动设计目标的设立上，我们希望塑造QQ温暖品牌形象的同时清晰展示QQ用户年度的社交记忆点，通过创造用户记忆点，激发用户分享。

二、创意构思

我们从QQ用户熟知的社交行为、场景出发，进行视觉元素延展。将用户的浏览过程喻作QQ社交记忆的探索历程。通过QQ元素等场景映射，唤醒用户的社交记忆，最终形成用户专属的社交形象。

三、风格设定

基于活动的目标我们衍生出以下设计关键词（见下图），简洁有品质是本次活动视觉风格的核心传达目标。

1. 色彩

为凸显回忆感知以及透传QQ品牌。在色彩的选择上我们使柔和的蓝黄渐变色系，背景色系就像天空会跟随活动节奏、故事内容而动态变化，利用色彩变化传达时光回溯的氛围感知。

2. 质感

考虑到整体的风格设定偏洁净明快的感受，我们多以玻璃、半透明3s，哑光三类材质为主。选择透光性强与色彩融合度高的材质搭配使用，让画面更具轻盈、简约的品质感。

四、视觉表现

1. 信息传达

年终盘点活动与主题运营活动不同，繁冗的氛围传达并不等同清晰的信息传达，在活动的设计上，我们希望一页只讲述一件事，弱化装饰，突出主体内容。

2. 品牌透传

场景内我们融合了QQ品牌调性的元素，如聊天aio、消息气泡，QQ空间等，加强用户代入感。

3. 动效编排

我们根据页面场景的展示内容类型，进行动画节奏上的编排。保持信息传递的效率，并在需要氛围强化的环节增强动画吸引力。营造灵动的内容浏览体验，提升动画张力。

在动画的运动样式上，我们提炼出映射QQ社交场景的动态设计语言。通过模拟聊天气泡出现、新消息通知弹出、空间访客踩一踩等社交场景中的动画形式，透传QQ品牌调性，增强动画表现力。

五、激发分享欲

从设计层面，如何激发用户的分享欲？在本次活动分享中用户的专属社交形象扮演着重要的角色，接下来我们将介绍影响社交形象品质的三大设计因素。

1. 形象设定

我们选用QQ作为社交形象主体，根据用户不同的社交属性去赋予其色彩、材质的变化。在初步的生成方案上，我们尝试挖掘更多的组合可能性，从QQ围巾、嘴巴等部件进行材质变化。但三维的部件设计、审核成本高且组合起来多种情况形象差异性小。

为此我们降本提效精简了生成逻辑，在鹅身上视觉强感知的场域进行差异化设计。

2. 构成规则

我们将社交关键词分为三大阶级并衍生出社交形象构成的梯度规则。从社交小白到社交天花板，不同强弱的社交属性决定着鹅身的变化。例如低阶的材质表现使用的是石膏、木纹，形容人们在社交上木讷、寡言少语，而高阶的鹅身质感、色彩，图案表现更加丰富。

3. 隐藏款埋入

在QQ形象设计上，我们根据不同的社交关键词进行了不一样的设计，包括样式、材质、颜色等，这些不一样的设计在隐藏款上尤为突出。

例如针对社交关键词 “一呼百应KOL” ，此社交关键词形容的是人气高，是众人的焦点，为了体现这种超高人气，QQ形象通体采用透明材质，并在内部放置了很多不同的体现开心的黄脸表情。

在隐藏款 “自带光环的主角” 的设计上，我们希望传递出受人瞩目的光感，结合我们的生活，光线经过玻璃后，通过不断折射反射，能很好的传递出多彩和绚丽感觉，所以这款QQ形象通体采用了玻璃材质，强化和传递出受人瞩目的主角光环。

隐藏款之外，其他更多QQ形象我们也会根据社交关键词进行不一样的设计。

六、形象展示

1. 金属鹅 Metal Q

2. 玻璃鹅 Glass Q

3. 树脂鹅 Resin Q

七、形象延展应用

除此之外，我们在春节贺卡活动中还复用了部分鹅身形象，并为虎年设计了专属的虎纹迷彩鹅。期待后续在运营活动中尝试更多的个性化QQ形象，刷新IP，升华品牌。

八、结语

在当今社会强调本我的趋势下，活动千人千面的属性越发重要。将经典的QQ形象与用户社交特征相结合，传递具备独特性、品质感的品牌视觉表现，更能拉近QQ与用户的距离。

我们相信在未来的年终盘点活动中，QQ会带给大家更多的惊喜，敬请期待吧！

 

来源公众号： 腾讯ISUX（ID：tencent_isux），腾讯ISUX用户体验与设计部

本文由人人都是产品经理合作媒体@腾讯ISUX 授权发布于人人都是产品经理，未经许可，禁止转载。

题图来自 Unsplash，基于CC0协议。