QQ空间18周年｜一座18年建成的心房间
一、 项目背景
18年弹指一挥间。不知不觉，QQ空间成立18周年。
这里，存放着数亿用户18年的情绪记忆，QQ空间已俨然成为一座「私人数字博物馆」。
面对海量却个人化的信息，要怎样才能呈现出18周年的特有庆祝？
二、 项目策略
真实数据是最好的切入点。
我们发现，无论文字类还是图像类资产，都共有一个关键特征——「个人信息多样化」，存放着数亿用户心绪碎片的「说说」，青春文学般的「日志」，还有海量古早影像的「私人相册」……。
它们有的可以公开访问，让朋友们尽情出入；有的设为仅隐私可见，藏着不能言说的青春秘密。基于此，我们将策略定位于呈现出用户「私有藏品回顾」的概念，在整个体验过程中，完成自己的记忆闪回。
三、创意
最后以「从我的心房走过」为主题，「空间嵌套穿梭」为形式，让QQ空间不再只是一个空间，而是化身我们每个人的多重心房间。使用户完成一场「自己闯入自己的内心」的心房之旅。
四、执行
1、 风格设定
风格设定上，以“庆祝“为关键设定，色彩上选择多彩的，饱和度高的画面基调。笔触上，辅助以干脆利落的矢量绘画手法，二者结合完成整体的风格调性塑造。
moodboard
2、 场景设定
为了突出「从我的心房走过」主题，我们尝试每一个画面都有一个主色调，在主色调氛围下，将重点视觉内容以与主色调形成“对比色”的手法突出，并同时作为每个画面穿梭的“入口”，突出走过心房的概念。
画面设定上，希望场景可以是“非常态”、“梦幻”、“年轻感“的。所以我们会用到很多“不合常理”的元素搭建。
心房的开始，设计了一个奇幻入口，画面中出现会飞的鲸、绚丽的蘑菇、挥动翅膀的萤火虫等元素，共同围绕着一个“18”造型的湖面，点明18周年主题和埋下心房多样性伏笔。整体画面充满神秘感和探索欲，引导用户作为“我”点击按钮，开始探索在QQ空间的回顾探索。
首页设定
穿过心房首页，用户便来到一片“心房森林”，每个树枝上的小盒子都是一个用户的心房空间，或开放或私密，都由用户自行定义，上面刻着入住时间和时长，寓意所有“我”都能找到自己的心房。
初见心房
穿过心房盒子，进入了一片神秘海域。画面模糊了陆地、海洋、天空的界限，各种物种突破了原有的栖息地，一起肆意漫游。带出“我”自由的在 QQ空间发表过的说说、日志等资产。
心事海域
神秘海域过后，继而俯冲进入了一片密林。一片绿叶飘过，上面记载着上传和创建过的相册数量，一个星形的水溏仿佛一个更为神秘的入口。“我”的视角随着密林的雨滴，掉入密林水溏，开启H5中最为重头的相册之旅。
回忆森林
镜头无缝衔接，变为向上抬升，在云层间穿梭，飞过一张张相册高光片段，完成一场人生走马灯，帮我们不断回顾图片记录下的生活的点滴。
相册星空
镜头继续向上推进，我们进入了一个星球星形内核，来到了一片紫色的雾霭森林里，最亲密好友都藏在这里。被好友关心是一件温暖的事，亲密好友们如同点点星光的萤火虫朝着你汇集，点亮草地上静静的的“心星”，直至照亮整个空间。
聚光丛林
全部页面展示
3、 结果页
来到结果页，我们需要一个具像化的物品，来给整体动画一个不脱离用户数据，同时又维持调性的感性结尾。
所以，结果页设计为一个「主体」和一个「主题」。
主体物品是代表用户内心世界的实体化。根据用户真实高光数据，以QQ空间logo的黄星为贯穿线索，重新设计了24个“心房藏品”，并被包裹在星星造型的容器之中，整体来完成用户将心灵寄托保存在QQ空间这一概念的传达。
填充物建模线稿和完稿
星星外罩则均选为琥珀、水晶、琉璃、气泡等材质透明且多彩的质感来渲染输出，来保证物品的可见度和氛围梦幻度。
星星容器
主题上，延续「心房间」的概念，将用户的资产数据转化为不同“户型类型”，配合星星容器物品，二者合成呈现出“心房藏品”动感微动画，综合营造出差异化的结果页画面。
部分结果页展示
总结
回头看，QQ空间如心房般，为每个小心事都留好了房间，而每个小房间又共筑了QQ空间这个大心房，让自己和朋友无论身至何处，都能随时拜访。只要故事还在继续，QQ空间会一直陪大家走下去。
以下ISUX文章，你可能也感兴趣
▽
TDW设计周2023 | 第一波用户体验 & AIGC行业大咖揭秘
凝集腾讯设计优质内容
更多精彩分享请关注
▼
腾讯云开发者
