点击展开的手绘风漫画长卷,搭配点击后分段游走的光粒,并支持在每个节点出弹出海报,是在传统长图文设计基础上通过 SVG 带来了显著互动感提升的佳作。
欢迎来到 Jordan 专柜!琳琅满目的球鞋置于鞋架上,均可点击并出现大图卡片,卡片包好了三合一功能——无限开关,长按存图和跳转购买,并在页面如此复杂的情况下保证了优雅而丝滑的阅读体验。
对于伸长SVG运营人往往定势思维于通过点击触发,实际上将所有内容自动执行,既节省了交互操作的时间又避免了用户因误触或错过触发提示而不能完整阅读的问题。本作从开场动画到图文展开以及内部的时间轴动画,均以自动动画序列安排,由此发布会的信息得以一字不落地传递给读者。
圆周率日,意符文化携手微信派发布了 π 主题的自动连续伸长 SVG 图文。无论是开场的对话创意,还是背景的 π 值浮动,都是既简单又有趣的动画表现效果,图文最后点出清华大学的直播预约,引导用户关注菲尔兹奖得主的视频公开课。