雨滴滴落地动效与麦子引出小满节气,图文自动伸长进入正文,人物使用了侧边滑入与抖动的动效,下面的两组元素使用了同样的动效,保持了风格的统一性,结尾使用了元素浮动的动效,多个动效的组合使用让图文变得活泼有趣。
SVG 在线挤痘痘!本期科普图文一方面生动具象普及了痘痘的医学知识,在阅读体验层面以点击切换引导用户亲自操作,更以一组快感十足的长按交互模拟了按到底才能挤出「成果」的恶心感,将 SVG 的交互趣味推向巅峰。
可爱温暖的姆明来啦!奈雪本期联名推广,采用视差 3D 和伸长图文复合,开场以单屏开启阅读,进入姆明的立体多彩世界,故事感十足。在场景的结尾继续点击,也可以切换进入完整的商详长图了解产品和周边信息,行文逻辑一气呵成,视觉沉浸感极佳。
本作中呈现的「消消乐」小游戏,连续点击两个相同的答案即可消除,巧妙融合了品牌元素与趣味玩法。目前该效果可以通过 E2.COOL 黑科技编辑器(https://www.e2.cool/)的UGC组件「消消乐」实现。
局部气候又一脑洞大开的作品,以「猫猫上色工厂」为主题科普猫的花色原理。本作混搭了多款精妙的交互小组件,如「连续GIF控制器」呈现多次喷色效果,「幸运抽签-长按式」实现自定义调色,宛如神来之笔,寓教于乐,乐趣十足。