由 YUTU 设计的开场的 ZOOM IN 镜头感官震撼,着重表达了标题「小有成就」的产品观,伸长页包含大量横向滑动的视差效果,高级感十足的同时将产品特性娓娓道来。
颜值爆表的产品,搭配设计逆天的动态交互排版。喜茶本文是通过 SVG 编辑器 E2.COOL 完成的,应用了「点击-播放GIF-伸长」、「顶层滑动」等组件,体验相当丝滑。
自动伸长 SVG 结构,结合经过时序管理的文案淡入动画,结合逐帧 GIF,让百年画卷缓缓展开。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「自动伸长」、「自动出现」等实现。
「点击-切换-伸长」的 SVG 模型虽然普通,但通过尾部的渐变浮层结构和巧妙的画面设计,形成了阅读沉浸感流畅的一图流互动。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击-切换-伸长」、「浮层」等实现。