用户做出多项选择,提交后得到一张对应海报——这样的互动能有效提升消费者归属感。该作由古古开发设计,为确保图像的可保存性,他将 img 引入 foreignObject,开发结构非常独特。
法拉利重磅发布全新车型,当然少不了重量级的交互效果辅以支撑。该作由荒村大佬开发,篇幅简短采用高级细腻的视差滑动效果,也是在车企品牌中首次应用此项技术。
这套自动伸长动画的细节非常丰富,各个物件通过缓动函数的视觉设定形成了有序的阻尼感体验,表现出丝般顺滑的阅读感官,是自动动画设计的上乘之作。
通过位移动画,五一节日主题的 ColorOS 图文推送模拟了移动 UI 经典的开关按钮设计,让简单的伸长动画瞬间增加了拟态的趣味性。本作由小杨执掌操刀开发,伸长套伸长的代码结构滴水不漏。
虎年开年,Tiffany 选用福虎为主题,利用触屏开启脚印渐现,引导用户进行图文阅读,将节日氛围感拉满。目前部分效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「滑屏入场」等实现。
抽签能玩出新花样吗?网易三三星球通过视觉错觉,同时抽取三张签,并额外增加了一步揭开结果的步骤,使得游戏体验的沉浸感骤然提升。可见,简单而传统的结构通过交互巧思一样能实现全新的趣味体验。
渐进式的撕页效果生动地演绎出一场追踪大戏的剧本讲述,搭配伸长模型将谜底内容展开叙述,文章结构自然明快,此作由 JZ 的计老师开发。目前部分效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「连续撕纸」等实现。