《夏҈日҈S҈V҈G҈交҈互҈图҈文҈案҈例҈合҈集҈》
夏天到啦！想要将海浪、冰淇淋、西瓜等夏日元素都搬进图文里，让设计充满夏日的活力和趣味吗？
今天整理了8篇夏日SVG图文案例，分别来自CoCo都可、雷克萨斯中国、巴拉巴拉官方服务号、雪中飞、Bananain蕉内、长安福特、Apple、深蓝汽车DEEPAL，一起来学习下，可以让我们的内容更加生动、有趣！
01
CoCo都可
《大大大桶出击！水果吨吨桶回归陪你夏日浪不停！》
▲GIF演示
「点击消失后展开并播放音频」展示水果吨吨桶回归的活动，依次介绍不同水果，借此宣传CoCo水果茶。
该交互需定制
02
雷克萨斯中国
《ᐅ 夏日播放中》
▲GIF演示
「点击展开」模拟开启专属夏日驾趣歌单，然后依次「点击播放音频」展示不同场景下开车听的音乐，借此宣传雷克萨斯汽车。
交互对应编辑器组件/组合
组合：点击展开(有触发区)
编号：10051（组合）
组件：音频-隐藏式音频(需上传素材,防误触)
编号：10103（组件）
03
巴拉巴拉官方服务号
《童「鞋」，你的夏日“足”够闪耀！》
▲GIF演示
巴拉巴拉品牌通过「点击展开」的交互展示夏日童鞋的流行趋势，鼓励孩子们穿上多彩、闪耀的鞋子，吸引更多客户购买。
交互对应编辑器组件/组合
组合：点击展开(有触发区)
编号：10051（组合）
组件：遮罩
编号：10829（组件）
04
雪中飞
《雪芙芙夏日限定色号》
▲GIF演示
「点击后自动层层展开」介绍雪芙芙夏日系列限定色号产品，强调其多彩和时尚的特点，借此宣传雪中飞服饰，吸引大家购买。
交互对应编辑器组件/组合
组合：点击+自动层层展开(最后一层可嵌套)
编号：11375（组合）
05
Bananain蕉内
《夏 天 ，该 换 了》
▲GIF演示
进入夏天后，蕉内通过「点击自定义」穿搭的方式模拟穿衣游戏，引导大家互动生成自己专属的穿搭小人并传播，「左滑」查看更多模特穿搭和购买链接，吸引大家入手同款。
交互对应编辑器组件/组合
组件：自定义海报(按钮在上,3排)
编号：11782（组件）
组件：双层滑动-前景左滑(自动对齐、小程序)
编号：10479（组件）
06
长安福特
《这个夏天，好有「派」头》
▲GIF演示
依次「点击翻转切换」介绍长安福特汽车的各个细节以及款式，借此宣传长安福特汽车，吸引大家购买。
交互对应编辑器组件/组合
组件：点击-左右翻转切换图片
编号：10197（组件）
组件：零高图片
编号：10224（组件）
07
Apple
《可是健身真的很好玩啊。》
▲GIF演示
「左滑」依次查看Apple智能手表的功能，用「序列帧」的交互方式展示动画，借此宣传Apple智能手表，吸引大家购买。
交互对应编辑器组件/组合
组合：左滑组合(自动对齐)
编号：10249（组合）
组件：点击-无限选择切换图片(带返回)
编号：11161（组件）
08
深蓝汽车DEEPALe
《夏日出游计划正在加载...》
▲GIF演示
深蓝汽车通过「三层上滑」模拟开车穿过城市，借此宣传深蓝汽车外观、功能和配置，吸引大家购买。
交互对应编辑器组件/组合
组件：三层滑动-上滑(多张）
编号：10803（组件）
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）