节庆与专题 SVG 推荐

新春佳节 - 爆竹声中一岁除,春风送暖入屠苏

祝福导向交互设计

GE - 贺卡插画

点击了解

将海报信息隐藏在插画中,通过无限伸缩器效果将海报逐步展示。

迪士尼 - 新春盲盒

点击了解

套用了当下时兴的盲盒概念,让用户在图文消息中玩得尽兴。

华为终端 - 神兽动画

点击了解

采用中国传统神话中的狴犴、白虎、驺吾等虎兽形象,由远及近的走位路线结合升格镜头,将运动虎的矫健身姿展现的淋漓尽致。

科大讯飞 - 年夜饭转桌

点击了解

将年菜作为新年签的载体,点击后弹出具体签文。

营销导向交互设计

蒂芙尼 - 虎爪动画

点击了解

利用滑屏操作引发虎爪交互路径,指向新品广告图。

Snapchat - 轨迹飞行

点击了解

通过飞机的轨迹运动介绍全球营销指南。

蕉内 - 密码解锁

点击了解

融合了密码锁与层层滑动展开,搭配带有国风神话色彩的虎年主题设计,极大提升营销场景的沉浸感。

淘宝 - 集市地图

点击了解

以三层滑动结构通过中间层图标的镂空设计,透出了色块形成如进度反馈式的阅读体验。

游戏导向交互设计

网易数帆 - 打地鼠游戏

点击了解

木槌的连续路径运动在恰到好处的时间配合箱体的位移,敲走不开心。紧接着复合抽签、放大和翻牌等一系列动画,让读者抽取好运牌。

人民网 - 新年福袋

点击了解

将抽签结合画面的连续位移,形成了具备递进结构的多轮互动效果,是对传统抽签 SVG 比较大的创造性迭代设计。

NBA - 新年红包

点击了解

轨迹动画为主体的伸长式图文融合了大量的微动效设计,让领红包的过程充满乐趣。

伊利牛奶 - 弹幕生成

点击了解

全屏视频结合视频遮罩以及弹幕弹出,这一组合让视频的展示更为出彩,极大提升了短片发布的互动趣味性。

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

沪ICP备2022011523号