这是由全栈级工作室池灵文化带来的赛博朋克数字美学风一图流 SVG 交互设计,成熟的平面与 GIF 制作结合精巧的复合伸长结构,并在各个细节处有微动效加持,使得整个作品浑然一体沉浸感十足。
由 YUTU 设计的开场的 ZOOM IN 镜头感官震撼,着重表达了标题「小有成就」的产品观,伸长页包含大量横向滑动的视差效果,高级感十足的同时将产品特性娓娓道来。
颜值爆表的产品,搭配设计逆天的动态交互排版。喜茶本文是通过 SVG 编辑器 E2.COOL 完成的,应用了「点击-播放GIF-伸长」、「顶层滑动」等组件,体验相当丝滑。
自动伸长 SVG 结构,结合经过时序管理的文案淡入动画,结合逐帧 GIF,让百年画卷缓缓展开。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「自动伸长」、「自动出现」等实现。
CoolSITE360 提供 UI/UX 支持 Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」