2022年快手春节活动设计背后的思考

又是一年，夏天都来了，才抽空把春节总结文章写完的节奏，哈哈。

春节活动，是快手延续多年与用户的大型互动仪式。如何做到“传承的基础上持续创新”，“助力业务的同时确保体验满意度”是我们需要解决的课题。

接下来，增长设计团队从 风格定调、交互链路、动效氛围 三个维度，分享本次春节活动设计背后的思考。

风格定调：

以“春”为始，开启春节篇章

春节是百节之首，大地回春，意味着新一年的开启。在定义春节活动设计基调时，也希望将这一感受传递给用户，带来焕然一新的视觉观感。

我们通过色彩、纹样对虎年春节活动的调性进行定义。

a.色彩：春之秀色 万物皆生

在色彩选用上，我们选取了中国传统色彩体系中象征新年伊始“春”的色谱。一方面增加用色的丰富度，同时在社会责任感层面，也是对中国传统文化的传承。

从色谱中提取三种色彩：黄栗留、长春、碧落，分别构成春节活动期间的预热会场、除夕会场、冬奥会场的色彩体系。

“黄栗留” ，色彩缓和，适合在“预热”期间让用户逐渐感受春节的气息；

“长春”，热烈温暖，传递年味，适合用在“除夕”期间氛围刚好契合；

“碧落”，具有凛冽感，更适合在年后“冬奥”期间承载冰雪运动及相关资讯。

考虑到手机显色兼容性，色彩在具体场景应用时进行降明、纯度调节。

同时，对文字对比度也进行了调优，确保阅读的舒适感。

以下是在各会场中一些核心界面展示。

b.纹样：海棠花纹 繁花似锦

在纹样设计时，我们借鉴了寓意富贵吉祥的“海棠纹”，符合在疫情下人们对美好生活的期许，示意着“新年迎旧年，万事尽可期”。

我们对“海棠纹”进行提取、拆解、重构，形成点、线、面三种形式，将其应用于全会场界面设计中。

以“点”为衬底，作为装饰，提升活动趣味性；

以“线”为分割，区隔信息层级，提升浏览效率；

以“面” 为背景，烘托春节氛围，增加活动沉浸感。

交互链路：

以“简”化繁，会玩、爱玩、一直玩

由于春节活动周期长、体量大的特性，使得交互链路庞大复杂，这便会给用户带来一定的理解、使用成本。

因此，“如何让用户快速理解并参与其中” 是交互链路的设计挑战。

我们通过“框架分层、链路指引、多维度牵引”这三种手法对全局链路进行设计，在解决理解和易用的基础上让用户持续保持参与热情，从而达成让用户“会玩、爱玩、一直玩”的目的。

a.会玩：分层的框架容器

主会场作为链路中的核心枢纽，承载着流量的聚集和分发，是用户建立全局认知的首个触点。因此，主会场的设计直接影响到用户是否“会玩”。

我们借鉴建筑空间序列划分的思路，通过标题区的利益点、场景展示区的操作进度和操作区的主操作行为的“路标”，帮助用户辨别方向。同时通过空间展示的差异化，进行分会场分流。

b.爱玩：清晰的链路指引

清晰的指引可以通过引导帮助用户发现体验玩法中的趣味点，找到“爱玩”的理由。

c.一直玩：多维度持续牵引

人性是行为的驱动力，也是让用户“一直玩”下去的动力。在游戏化活动中，“奖励”、“损失” 、“博弈” 、“社交”、“成就”构成了影响驱动力的雷达图，通过组合各维度因素可达到持续驱动的目的。

比如：在守卫压岁钱会场中，“奖励”+“损失心理”的行为驱动。

比如：在跳一跳会场中，“奖励”+“社交成就感”的行为驱动；。

比如：在摇一摇会场中， “奖励”+“博弈心理”的行为驱动。

动效氛围：

以“动”带静，烘托活动氛围

在以“游戏”为主的快手春节活动中，动音效作为多维感官提升沉浸感的手段显得格外重要。

本次的动效设计围绕着三个目标进行：

a.动态叙事，交代逻辑

为了让用户了解“会场与会场”，“页面与页面”之间的逻辑关系，动效按照“叙事”顺序进行演示，指导用户一步步进行。

比如：在集卡页面获得碎片奖励时的引导。

比如：一级卡与二级卡的关系交代。

b. 质感打磨 ，提升沉浸体验

为了打造体验的沉浸感，让用户身临其境地感受到游戏氛围，我们通过环境细节微动效、人物趣味化动作，再结合氛围音乐来引导用户情绪。

比如：在“预热”主会场，长街中的各场景的使用mask路径、置换像素等技术手段打造富有年味的动态效果。

比如：长街中的“水立方”，采用Fractal Noise分型演化模拟真实水流波动效果。

以及鸟巢结构添加金属质感扫光。

星辰大海场景中运用了向上演化光线粒子和快节奏的加速减速穿梭飞行器凸显5G科技感；潜水艇位移旋转的浮动和探头光的扫描体现蛟龙入海的真实感。

比如：在“预热”主会场中，虎娃的欢迎动效，及被“戳一戳”后与用户的互动效果。

c.调节速率，增强利益点

用户参与活动的绝大多数理由是来拿红包，如何使会场的“钱显得更多”，让用户有持续参与的动力，也是我们需要在动效设计时考虑的。

通过采用“强调型缓动曲线”，强调金币红包掉落的分量感。

比如：除夕的“红包雨”环节，通过cubic bezier曲线处理动态效果，强化情绪感观，提升奖励感受。

再比如：除夕“摇一摇”会场中应用“强调型曲线”，模拟真实世界中摇出大红包的动感，放大奖励信息感知。

结语

以上就是本次春节活动的一些设计相关思考，也是各个团队一起协同努力的结果。

​整体以“春”为始，定义风格调性；以“简”化繁，打磨交互容器及链路；以“动”带静，烘托活动氛围；结合着丰富的活动玩法在预热期、传播期、当晚爆发期三个阶段玩法的时间线进行传递。

回头来看，每次临近春节我们都会讨论如何与用户一起过年，如何通过设计手段传递给用户更多新鲜体验和满满的祝福。

也希望接下来的每一年，大家都能在快手“玩的开心、收获多多”。

声明：本作品知识产权属快手所有，未经许可不得转载