由 SVG 交互设计知名开发者计育韬老师主持的连续敲敲模型互动,本次作品结合了玩偶 IP 弹性形变的特性,以 scale 为核心构建了双层触发的玩偶反复挤压变形和文案连续打击弹出,打造了腾讯 1024 节技术范儿的创意宣传。
基于E2编辑器强大的视差卡片模板,以不同深度的水平元素和部分视效强烈的地平线元素穿插排列,将腾讯27年前的至今不为人知的一些「冷知识」娓娓道来,纵深空间感极好匹配了周年庆的创意主旨。同时,本文吸收了业内知名交互设计师计育韬的内容加载优化技术,极大提升了此类多图多画面的图文启动效率。
收缩伸长的一种 SVG 巧思布局方式,以 vw 设定宽与高,并以 max-height 限定极限高度,故实现绝对值模式的伸长互动,内部使用全局滑动、点击渐变、动态图控制播放等形式,简洁直观带来艺术节活动开幕信息。
点击下方 3D 打印机喷头,喷头迅速左右移动启动,透明耗材即刻挤出!打印造型一边纵向拉长,一边推进信息呈现:先是基础打印结构向上延伸,奖品清单率先浮现;紧接着打印造型继续纵向拉长,「1024 节专属活动」、「投稿至管理员」等信息逐行堆叠「打印」显现,活动关键信息始终清晰附着在不断拉长的打印结构上。
如何为动物园里的动物们调节心理状态?局部气候调查组以一期图文并茂的SVG交互为大家生动科普。其中不仅应用了E2编辑器的「点击渐现」,还通过「滑动解锁渐变」巧妙体现了为动物增加生活配置带来的直观效果。
毛泽东同志逝世 49 周年纪念日,创意选用有声海报的形式还原讲话现场,目前该效果可通过 E2 编辑器的「切换图片+播放音频」等组件搭建完成。