这是 Perspective 3D 视差滑动中「地平线模式」的又一精彩应用案例,其中以滤网作为水平结构,与滑动方向结合巧妙分隔了行文章节,气泡的要素打造出立体的微观世界,使得这条 SVG 的阅读沉静感极佳。
马歇尔品牌 60 周年,也可以认为是摇滚乐的 60 周年发展史。本作以 perspective 3D 为核心技术支撑,在拼贴式图像排版的基础上,通过裸眼 3D 视差滑动使得图片具备极强的纵深感,优雅而丰富的画面感官着实烘托出了各个世纪下摇滚的普适魅力。
裸眼 3D 排版,回顾 96 年的人民子弟兵峥嵘岁月,结合了包括音频嵌套、连续擦除、打印机伸长等交互结构,让传统的图片展示变得生动且整体性强。
来自蕉内的创意购物车滑动特效,采用 E2.COOL 黑科技 SVG 编辑器的「汉堡包滑动」组件实现,其中夹层「堡」是购物车的透明 GIF 图,前景与背景滑动的超市物品正是「汉」和「包」结构。本文视觉设计由当代艺术家赖犬先生操刀,丝滑的购物车动态和极具漫画趣味感的超市场景设计使得这一交互设计大放异彩。
这可能是足球题材下,开发效果最登峰造极的交互设计,它以背景位移替代传统的轨迹动画,结合足球的上下运动呈现出了曲线飞行的效果,文末通过一次收缩-伸长呈现了最终的落版文案,效果令人叹为观止。
JZCreative 和喜茶合作的此篇,通过缜密的开发结构实现了多叉树逻辑答题,由多个选项共同决定最终的测试结果,利用这款趣味性十足的小测试进而引出应季爆品信息,整体氛围轻松愉快。
人物「连续」位移进行情景互动的典型长卷 SVG 开发,采用精确的同位替换法实现画面的持续效果。人物主体采用步态序列帧,章节通过连续点击切换递进,让手绘漫画活灵活现更有效提升了信息承载能力。