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

拓展阅读

腾讯实战案例!QQ社交形象年度盘点的设计密码

设计目标

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

创意构思

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

风格设定

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

1. 色彩

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

2. 质感

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

视觉表现

1. 信息传达

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

2. 品牌透传

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

3. 动效编排

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

腾讯实战案例!QQ社交形象年度盘点的设计密码

腾讯实战案例!QQ社交形象年度盘点的设计密码

激发分享欲

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

1. 形象设定

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

腾讯实战案例!QQ社交形象年度盘点的设计密码

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

2. 构成规则

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

腾讯实战案例!QQ社交形象年度盘点的设计密码

3. 隐藏款埋入

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

腾讯实战案例!QQ社交形象年度盘点的设计密码

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

腾讯实战案例!QQ社交形象年度盘点的设计密码

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

腾讯实战案例!QQ社交形象年度盘点的设计密码

腾讯实战案例!QQ社交形象年度盘点的设计密码

形象展示

金属鹅 Metal Q

腾讯实战案例!QQ社交形象年度盘点的设计密码

玻璃鹅 Glass Q

腾讯实战案例!QQ社交形象年度盘点的设计密码

树脂鹅 Resin Q

腾讯实战案例!QQ社交形象年度盘点的设计密码

腾讯实战案例!QQ社交形象年度盘点的设计密码

腾讯实战案例!QQ社交形象年度盘点的设计密码

腾讯实战案例!QQ社交形象年度盘点的设计密码

形象延展应用

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

腾讯实战案例!QQ社交形象年度盘点的设计密码

结语

在当今社会强调本我的趋势下,活动千人千面的属性越发重要。将经典的 QQ 形象与用户社交特征相结合,传递具备独特性、品质感的品牌视觉表现,更能拉近 QQ 与用户的距离。我们相信在未来的年终盘点活动中,QQ 会带给大家更多的惊喜,敬请期待吧!

腾讯实战案例!QQ社交形象年度盘点的设计密码

欢迎关注作者微信公众号:「腾讯ISUX」

腾讯实战案例!QQ社交形象年度盘点的设计密码

收藏 44
点赞 37

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。