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