开屏用点击交互展示进园效果,随后采用多热区 SVG 弹层的交互展示关键词相关的场景,同时还有缩放过渡的转场动效,接着点击按钮伸长剩余图文,继续拼图游戏以及点亮蜡烛的游戏,用趣味的 SVG 交互和动效呈现了生日会主题。
每个行李箱都隐藏着不同的故事,点击传送带上动态运转的行李箱,即可弹出隐藏的故事内容,行李箱在传送带上循环运转,可无限次重复点击,拉满读者好奇心的同时,也能避免读者错过重要内容。
静态长图如何通过 SVG 锦上添花?山西文旅的「跟着悟空游山西」主题路线发布,结合轨迹动画、路径动画和位移动画,形成了孙悟空乘坐筋斗云在青云间穿梭,推开云雾看到山西古建的特效,既丰富了画面动态又进一步增加了用户的阅读停留时间。
本文为一篇有趣的科普文章,小卡片中放入了各种维生素的“种草”文案,用户点击后卡片翻转,出现正确的科普知识,帮助用户识破所谓的“健康小知识”,告诉大众“其实对于大多数无痛无病的人来说,补充维生素最好的方式就是:好好吃饭”“。
CoolSITE360 提供 UI/UX 支持 Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」