iSVG

「点击-切换-伸长」的 SVG 模型虽然普通，但通过尾部的渐变浮层结构和巧妙的画面设计，形成了阅读沉浸感流畅的一图流互动。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「点击-切换-伸长」、「浮层」等实现。

这篇文章一经发布便在圈内引起了不少的关注，是为大型 3D 视差（Z+Y 轴）效果的首次尝试，由小杨操刀开发交付至 GQ 实验室。将线下展厅搬至线上，模拟出真实空间的三维效果，图片亦会根据视角的变化做出细节的调整。

用户做出多项选择，提交后得到一张对应海报——这样的互动能有效提升消费者归属感。该作由古古开发设计，为确保图像的可保存性，他将 img 引入 foreignObject，开发结构非常独特。

法拉利重磅发布全新车型，当然少不了重量级的交互效果辅以支撑。该作由荒村大佬开发，篇幅简短采用高级细腻的视差滑动效果，也是在车企品牌中首次应用此项技术。

这套自动伸长动画的细节非常丰富，各个物件通过缓动函数的视觉设定形成了有序的阻尼感体验，表现出丝般顺滑的阅读感官，是自动动画设计的上乘之作。

通过位移动画，五一节日主题的 ColorOS 图文推送模拟了移动 UI 经典的开关按钮设计，让简单的伸长动画瞬间增加了拟态的趣味性。本作由小杨执掌操刀开发，伸长套伸长的代码结构滴水不漏。

虎年开年，Tiffany 选用福虎为主题，利用触屏开启脚印渐现，引导用户进行图文阅读，将节日氛围感拉满。目前部分效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「滑屏入场」等实现。

抽签能玩出新花样吗？网易三三星球通过视觉错觉，同时抽取三张签，并额外增加了一步揭开结果的步骤，使得游戏体验的沉浸感骤然提升。可见，简单而传统的结构通过交互巧思一样能实现全新的趣味体验。