《下雪SVG交互图文案例合集》
天气骤冷,小雪节气将至,距离冬天的第一场雪不远了!
每逢下雪,有一款全文下雪的排版效果总是绕不过去,再普通的图文加上全文下雪,氛围感立马就有了,示例和教程看这里:下雪啦雪҈雪҈雪҈雪҈雪҈雪҈雪҈雪҈下雪啦

*ID为11343的「雪花飘落(有图案)」组件,支持自定义上传图案图片,也就是说飘落的不一定是雪花,可以是花瓣、星星、蝴蝶结等任何元素。
今天还为大家整理了8篇下雪相关的SVG交互图文,一起来感受雪的浪漫。
它们分别来自奥迪、特仑苏、Tiffany蒂芙尼、兰博基尼汽车中国、Burberry博柏利、VanCleefArpels梵克雅宝、UnderArmour、Jeep中国公众号。
往期下雪案例:
01
奥迪
《1977年的那场“雪”至今未停》

▲GIF演示
「点击移动元素后放大消失展开」雪花背后的汽车设计故事,「连续点击左右交叉飘落切换」推进故事发展,借此宣传奥迪quattro的传奇故事。
该交互需定制
02
特仑苏
《聆听乌兰布和沙漠冰雪之歌》

▲GIF演示
「点击切换GIF后消失展开同时伴随雪花飘落」以乌兰布和沙漠冰雪为亮点,凸显品牌纯净生态优势,推广冬季限量款并引导关注直播间解锁惊喜。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击切换GIF+消失展开
编号:11775(组合)
组件:雪花飘落(有图案)
编号:11343(组件)
03
Tiffany蒂芙尼
《让梦想成真》

▲GIF演示
阅读过程中图文内有着「雪花飘落」,氛围感十足,让人不禁沉浸其中,「自动轮播」介绍蒂芙尼新品手饰的各个细节,吸引大家前往购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件:雪花飘落
编号:11342(组件)
组件:自动-轮播Banner(小程序)
编号:10210(组件)
04
兰博基尼汽车中国
《有多久没好好“玩雪”了?》

▲GIF演示
「点击消失后展开」推广内蒙古牙克石冬季驾驶体验活动,多个平级「点击切换」查看风雪中的驾驶情况,强调Revuelto车型的动力、操控等冰雪驾驶优势。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击消失+展开(设置触发区域)
编号:11186(组合)
组合:点击播放GIF切换
编号:11773(组合)
组件:双层滑动-前景左滑
编号:10018(组件)
05
Burberry博柏利
《雪地里的那一行印记,是自由》

▲GIF演示
「滤色滤镜遮罩」结合「左滑」的交互展示单板滑雪运动员张义威的故事,诠释品牌探索、自由的精神,推广秋冬系列产品,吸引读者前往购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件:滤色滤镜遮罩
编号:11898(组件)
组件:双层滑动-背景左滑
编号:10139(组件)
06
VanCleefArpels梵克雅宝
《步入雪中绮境》

▲GIF演示
「点击循环切换」以“步入雪中绮境”为主题推出新品高级珠宝,介绍其中细节,借此宣传VanCleefArpels梵克雅宝。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击-循环切换(两组)
编号:11908(组合)
组件:双层滑动-前景左滑(自动对齐、小程序)
编号:10479(组件)
07
UnderArmour
《走出去,和风雪过招》

▲GIF演示
「视差左滑」介绍UnderArmour全新上市的风雪服细节,吸引读者前往购买。
交互对应编辑器组件/组合
组件:视差滑动-左滑(四组)-Apple同款
编号:11262(组件)
08
Jeep中国
《牧马人冬季低调创造》

▲GIF演示
「点击弹出」介绍雪天出行名场面背后的Jeep汽车的功能和性能,传递“想出门就出发”的自由理念,诚邀点击图片解锁专属壁纸,借此宣传Jeep汽车。
交互对应编辑器组件/组合
组件:点击弹出-弹出图片(设置多个触发区)
编号:10100(组件)
如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)在首页在搜索「雪」查看更多相关案例。

目前案例库总案例数已达80W+,其中8W+案例支持一键还原,制作同款效果非常方便。

转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。




评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)