将伸长结构反向嵌入滑动,结合错层的优先级布局实现奇妙的场景转化,主角也从连枝荔枝切换到荔枝单果,短短三四篇幅就将《长安的荔枝》中额转运技法生动演绎,是 E2 编辑器布局的绝佳范例作品。
以高考祈福为切入的木鱼式互动,主要通过 GIF 控制+音频触控的双层触发,实现更立体感官的敲木鱼体验,展开图文后罗列关联的直播间活动预告,自然而合理的广告转化设计。
雨滴滴落地动效与麦子引出小满节气,图文自动伸长进入正文,人物使用了侧边滑入与抖动的动效,下面的两组元素使用了同样的动效,保持了风格的统一性,结尾使用了元素浮动的动效,多个动效的组合使用让图文变得活泼有趣。
SVG 在线挤痘痘!本期科普图文一方面生动具象普及了痘痘的医学知识,在阅读体验层面以点击切换引导用户亲自操作,更以一组快感十足的长按交互模拟了按到底才能挤出「成果」的恶心感,将 SVG 的交互趣味推向巅峰。