• 以指代步
社交账号登录
  • 首页
  • 博客
  • 模板
  • 源码
  • 壁纸
  • 视频
  • 软件
  • 文库
  • 学习
  • 创作中心
  • 关于我们
  • 招兵买马
  • 联系我们
  • 法律申明
  • 合作招商
  • 注册
  • 粉丝
  • 关注
  • 创作
  • 腾讯实战案例!QQ社交形象年度盘点的设计密码

  • 飞翔的企鹅 2022-07-20 01:30:10 收藏
  • 文章标签:暂时没有数据
  • 每年年底,QQ 都会迎来一年一度的年终盘点活动,帮助用户实现 QQ 社交记忆回溯。通过生成用户专属的社交形象,拉近用户和 QQ 之间的距离,体现品牌温度。

    拓展阅读

    大厂实战!2021 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社交形象年度盘点的设计密码

    本篇来源:优设网

    原文地址:https://www.uisdc.com/qq-social-image-design

    评论
    Artlist模板 广告