《清明节SVG交互图文案例合集》
清明时节雨纷纷，祭祖踏青正当时。
再过两周就到清明节了，清明节图文如何有创意又得体？我们精心挑选了8篇清明节SVG图文案例送给大家，它们美观大气，更融合了互动元素。
8篇案例分别来自一汽奥迪二手车、三元极致牛奶、Uleo游帝都、陕西好猫、国窖1573、新华社、比亚迪汽车、轩尼诗寻味山海。
01
一汽奥迪二手车
《清明丨身未动，心已远》
▲GIF演示
「连续点击切换GIF」模拟探索清明踏青的美景，最后「点击展开」清明节海报，借此吸引更多客户购买一汽奥迪二手车并出门踏青。
交互对应编辑器组件/组合
组合：连续点击切换GIF动图+点击展开(有触发区)
编号：10162（组合）
02
三元极致牛奶
《“极致版”清明上河图，究竟藏了多少彩蛋？》
▲GIF演示
「点击展开」进入和小致一起春游踏青的旅程，依次「点击查看」荡秋千、蹴鞠、踏青、放纸鸢等清明习俗，吸引大家互动和传播。
交互对应编辑器组件/组合
组合：点击展开(有触发区)
编号：10051（组合）
组件：点击-切换GIF动图(有触发区)
编号：10087（组件）
03
Uleo游帝都
《真讲究！瞧瞧老北京的清明美食排面儿》
▲GIF演示
「点击展开」逐一介绍老北京清明节的讲究和吃“寒食十三绝”的食俗，吸引大家互动和传播。
交互对应编辑器组件/组合
组合：点击切换图片+展开(有触发区)
编号：10057（组合）
04
陕西好猫
《清明只放1天假？但在这里你的福利已经……》
▲GIF演示
「点击左移扩大切换图片」引出什么是清明的问题，接着「长按切换」查看清明时节的诗句，松手又会淡出图片，整体视觉效果比较吸睛，吸引大家进入长安福利局本期头条参与留言互动。
交互对应编辑器组件/组合
组件：Apple同款-点击左移扩大切换图片,点击返回(有触发区)
编号：11540（组件）
组件：长按-长按淡入,松手淡出
编号：10026（组件）
05
国窖1573
《北宋“清明”打工人，竟然比996还卷？》
▲GIF演示
国窖1573通过「连续点击切换多张GIF」的交互形式模拟查看清明上河图中人们的心声，借此吸引窖友们互动。
交互对应编辑器组件/组合
组件：连续点击-切换多张图片(有触发区)
编号：10044（组件）
06
新华社
《敦煌壁画里的清明，不止雨纷纷作，配方表全公开》
「点击切换」一起来查看敦煌壁画里的清明，依次「点击查看」清明习俗，吸引大家互动。
交互对应编辑器组件/组合
组件：点击-切换图片(有触发区)
编号：10043（组件）
组件：点击-中心缩小切入图片
编号：11056（组件）
组件：Apple-双层滑动-前景左滑
编号：10376（组件）
07
比亚迪汽车
《清明节，解好签。》
清明节时，比亚迪推出了一系列签文，吸引大家以「点击切换」的SVG交互模拟解签的方式查看签语，从而宣传比亚迪汽车，吸引大家购买。
交互对应编辑器组件/组合
组件：点击-切换图片(有触发区)
编号：10043（组件）
08
轩尼诗寻味山海
《万物清明 食事焕新》
▲GIF演示
在清明时节，「左滑查看」轩尼诗酒搭配的山珍海味，从而宣传轩尼诗小酒，吸引大家购买。
交互对应编辑器组件/组合
组件：双层滑动-前景左滑(自动对齐)
编号：10270（组件）
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）