浙江传媒学院的新闻记者协会招新发布,较为罕见的纯代码 SVG 快闪型图文设计,以极大的工作量和校对时间堪称开发者噩梦式作品。而本文文案内容真挚有力,直击人心,不愧为专业学院领域内的大学社团活动推广设计。
2023 中秋主题脑洞最大的 SVG 交互图文,或许要算这篇从标题就引人深思的作品了。图文开场的月亮表情动画,从弹性落地到左右张望,最后张大嘴吐出 emoji 符号竟然全部通过纯 SVG 代码运行实现,并应用到了极端罕见的补间式 animation 属性以形成面部五官的丝滑变化。而在动画结束后,则出现了可输入文本的猜字谜游戏,同样示范了 read-write 属性字段的互动妙用,激起了读者们的广泛参与。
戳泡泡游戏长盛不衰,得益于其随机感带来的不确定性体验。这篇 WYN 可爱的戳泡泡游戏,通过 E2.COOL 黑科技 SVG 编辑器为架构生成,利用了音频美化组件和「多热区无限浮现-关闭」,给不同泡泡赋予了信息展示窗口,展示收集到的用户征集内容,可爱而暖心的小交互游戏穿插在长文案中,既增加了图文阅读体验的丰富性又更生动呈现了图文的主旨。
中秋主题公众号图文,通过综合化的 SVG 交互组件应用,南方周末基于 E2.COOL 黑科技 SVG 编辑器阐述了中秋的来源、诗词、月相、风俗、美食等节日传统。
中秋皓月图集如何展示?通过序列播放、视差相册等结构的穿插,小红书将「我和我的月亮搭子」活动通过公众号 SVG 交互巧妙展示,将冗长的信息有效通过交互时间重新分配。
音乐响起,主人公随着点击开始骑马前行穿梭,后下马徒步于亚运场馆之间,最后泛舟而去。全文视觉设计古色古香,将现代化的建筑设施毫无违和感地融合进山水画内,而在开发层仅通过一次触发,就复合了多种位移、缩放以及人物切换动画,形成了景深感极强的交互动画体验。
GQ探照灯的变体模式,不仅形成了探照灯-海报-探照灯-海报的交替效果,更增加了双层触发能力,使得探照灯点击同时下层元素同步缩放,显著提升了交互反馈。