腾讯 x JZCreativeStudio｜创意SVG共振数字生态

JZCreative

上海/平面设计师/164天前/21浏览

版权

JZCreative

01.

《一颗WCG的子弹，穿越19年来到19年》

Collect

作品亮点：轨迹运动视觉张力

本作是一篇剧情式排版交互长卷，且采用高阶的全矢量 SVG 布局。作品集群组动画、复合触发、序列帧动画等各类 SVG 交互尖端技术为一体，JZCreative 共交付了 2.8 万行，累计 2.4MB 代码。作品中的每个场景 SVG 动画都无限丝滑，与子弹飞行精确呼应，体现了全矢量级 SVG 无可超越的高性能交互表现。

_ JZ Creative Studio x 腾讯

02.

《当腾讯的产品都戴上小红花》

Collect

作品亮点：裸眼 3D 小红花视差长廊

99公益日，计育韬老师操刀了腾讯系小红花头像活动的重点视差 SVG 作品发布，生成了一方裸眼 3D 的花丛空间。其中每一朵小花都支持弹出海报，可以查看到腾讯系不同产品的公益故事，长按识别二维码了解详情，趣味中不乏温情。

_ JZ Creative Studio x 腾讯

03.

《首次程序员段位测试，召唤你的专属英雄整顿职场！》

Collect

作品亮点：编程英雄段位测试

以 “程序员职场生存” 为主题，JZ Creative Studio 打造多段伸长式互动页面。用户每下滑一段，解锁不同战斗力维度，如找 BUG、向上管理等，搭配趣味英雄角色动态呈现。互动中穿插 “锁死周三” 等创意动画特效，配合音效带来视听双重沉浸体验，完成测试还可生成专属战力海报。

_ JZ Creative Studio x 腾讯

04.

《不赢不算玩！穿越火线手游五周年庆典回顾》

Collect

作品亮点：点击触发五周年沉浸式活动流程

本作采用「点击-播放动效-伸长」结合「点击渐现」的交互设计，构建沉浸式五周年活动体验。点击页面，周年庆主题 GIF 动态呈现，播放完毕后页面自动纵向伸长，展示活动流程。

_ JZ Creative Studio x 腾讯

05.

《活动|CFer们，一起来姑苏八点半穿越东方谜城！》

Collect

作品亮点：横版长卷式东方谜城互动探险

以「姑苏八点半」为背景构建横版动态长卷，画卷中隐藏灯笼、评弹琵琶等特色元素，点击触发专属特效 —— 如重直织宋锦、点亮苏灯、浅尝苏味等，将数字插画赋予了鲜活的动态表现。

_ JZ Creative Studio x 腾讯

06.

《终于，终于，终于，要去复工了……》

Collect

作品亮点：SVG 二代小瓶子交互升级图鉴

本作是经典的「小瓶子」交互。每次点击瓶子，其中的物品数量便会逐步增多，由每个用户生成属于自己的小瓶子快乐源泉。

_ JZ Creative Studio x 腾讯

07.

《升职？加薪？什么时候轮到你，来测一测吧！》

Collect

作品亮点：职场晋升智能测评系统

本作由 JZ Creative Studio 提供高品质 SVG 交互与数字插画支持，以「档案袋 - 法则手册」动态切换为视觉主线，构建沉浸式答题解析体验。点击之后，出现正确答案并解析，档案袋切换为职场晋升法则。

_ JZ Creative Studio x 腾讯

08.

《这篇文章太“甜”，无法显示标题》

Collect

作品亮点：元宵灯谜卡牌翻转

本作由 JZ Creative Studio 提供高品质 SVG 交互与数字插画支持，基于传统元宵灯谜为灵感打造 3D 卡牌翻转效果，每张卡牌正面灯谜文字，点击触发立体翻转特效：背面呈现答案。

_ JZ Creative Studio x 腾讯

09.

《2021打工人的含泪年终总结!（文末送福利）》

Collect

作品亮点：复合型动态交互

本作由 JZ Creative Studio 提供高品质 SVG 交互与数字插画支持，以微信交互美学重构年终叙事，并用年度关键词如「年终」、「抗压能力」、「没朋友」等场景的心理活动化作「消息气泡」的弹跳动画来激活枯燥总结。

_ JZ Creative Studio x 腾讯

10.

《2022春节正确打开指南》

Collect

作品亮点：南北春节双路线交互抉择

你一般会选择什么方式过年呢？本文给出了两个 SVG 选项，不同选项对应不同的条漫内容展开，其中都加入了多个点击切换交互，令读者在互动之下沉浸其中，结尾还加入了抽签交互，为读者送上新年祝福。作品同样由 JZ Creative Studio 提供高品质 SVG 交互与数字插画支持。

_ JZ Creative Studio x 腾讯

JZ Creative Studio 是创立于复旦的交互设计与 AIGC 厂牌，中国首个 SVG 业态标准起草单位之一，为全球各超一线品牌和央媒单位提供旗舰级 SVG/H5 交互设计，出版学术专著《硬核运营：技术流新媒体养成》、《PREZI完全解读：从入门到精通》等。欢迎广大企事业单位和政务机关与我们接洽合作，共创融媒体先锋之作，传世之作。

技术咨询（Wechat）：Zhuoya_Work

Report

声明

原创Works UI 交互/UE 黑科技编辑器腾讯 svg排版