节庆与专题 SVG 推荐

小游戏 - 3!2!1!GO!

读者互动设计

GQ 实验室 - 老虎机动画

点击了解

逆向画面伸长结合双层触发,实现了老虎机动画+打印内容的合并效果,趣味十足。

局部气候调查组 - 操场大逃杀

点击了解

以校园生存为主题,运用到了限时挑战、二选一切换,还有限时触发和双序列结构的组合运用等,体验刺激而流畅。

网易 - 捏泡泡游戏

点击了解

只要把一个局部互动重复地足够多,就有机会把看似无意义的东西变成创意——比如捏泡泡。

E2 平台 - 猜字谜

点击了解

图文开场的月亮表情动画,从弹性落地到左右张望,最后张大嘴吐出 emoji 符号全部通过纯 SVG 代码运行实现。题目环节则利用了可输入文本形成趣味互动,结合截图活动引导用户广泛参与。

品牌广告设计

科沃斯 - 足球射门

点击了解

科沃斯以机器人为选手,通过 SVG 纯代码的轨迹动画(位移、缩放等)开发,实现了多个画面的射门特效。

太二 - 在线蹦迪

点击了解

包含了层层滑动、序列控制等交互结构,搭配高品质的动态图 GIF 素材打造了复古像素风下的沉浸式舞厅,把线下门店的改造消息生动地向消费者进行了深入人心的广告。

喜茶 - 心理测试

点击了解

通过缜密的开发结构实现了多叉树逻辑答题,由多个选项共同决定最终的测试结果。

百时美施贵宝 - 三维弹球

点击了解

该作将人体结构与三维弹球的游戏逻辑结合,设计与交互结合度上佳,触发类型和动画类型也极其多样,属于长卷复杂剧情交互的典型作品。

寓教于乐设计

微信支付智慧生活 - 防骗游戏

点击了解

只有按正确的顺序关闭所有诈骗窗口,图文才能进一步展开,露出视频号直播预告等内层信息,巧妙地把反诈防骗主题以游戏呈现。

澎湃美数课 - 数据可视化选择器

点击了解

制作数据可视化前,如何选择合适的图表类型?由澎湃新闻出品的这个 SVG 选择器或许能帮你解决困扰。

ColorOS - 二选一卡片

点击了解

本文设计了一组武功宝典秘籍的创意,以展示系统的多种隐藏功能,通过生动的设计和交互传达给读者。

中联重科 - 防疫考卷

点击了解

在本作中开发者通过双层触发和巧妙的图层排列,让积分逻辑通过线性逻辑不可思议地融合入了答题系统。

CoolSITE360 提供 UI/UX 支持  Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」

沪ICP备2022011523号