《夏日SVG交互图文案例合集》

原创 收藏 评论
举报 2024-05-10


立夏已过,天气渐热,品牌们的夏日图文也该准备起来了。


以下8篇夏日SVG图文案例,分别来自万达集团、Nespresso奈斯派索、哈根达斯、泰康人寿、NewBalance中国、大众汽车、李宁、陕西好猫,能让人在图文中感受到夏日的无限魅力!

01

万达集团

《多巴胺夏天啥模样?》

▲GIF演示

点此查看原文

「自动跳舞展开」万达宝贝王和350万孩子进行多巴胺暑假的瞬间,从而吸引大家参与万达宝贝王运动会。

交互对应编辑器组件/组合

组合:自动-跳舞展开 (连续伸缩展开)

编号:11653(组合)

02

Nespresso奈斯派索

《无特调,不夏天!》

▲GIF演示

点此查看原文

Nespresso通过「点击左右滑动打开后展开」结合夏日的特调场景宣传产品和服务,吸引大家入手并提升夏日体验。

交互对应编辑器组件/组合

组合:点击左右滑动打开+展开(有触发区)

编号:10832(组合)

03

哈根达斯

《「赫」然心动,唤醒夏日多巴胺》

▲GIF演示

点此查看原文

「宫格式弹跳切换图片」展示哈根达斯冰激凌,吸引大家「点击展开」美团外卖神券节活动,吸引大家了解活动信息并参与。

交互对应编辑器组件/组合

组件:宫格式弹跳切换图片(向上、可调时间&间隔)

编号:10297(组件)

组合:点击展开

编号:10307(组合)

04

泰康人寿

《夏日乐游游,寻找满分目的地》

▲GIF演示

点此查看原文

「点击切换」模拟闯关游戏,「上滑」同时「点击切换」查看第五届大健康服务季的精彩旅程,借此宣传泰康人寿的产品和服务。

交互对应编辑器组件/组合

组合:点击切换组合

编号:10871(组合)

组合:三层上滑组合

编号:11761(组合)

组件:点击-切换图片(有触发区)

编号:10043(组件)

05

NewBalance中国

《向心生活服饰上新 | 聆听,夏日乐章》

▲GIF演示

点此查看原文

「点击切换选择」查看NewBalance中国在夏季期间推出的新品服饰,依次介绍新品服饰的外观设计、材质选择、功能特点等方面,吸引大家前往购买。

交互对应编辑器组件/组合

组合:无限选择切换内容(四组)

编号:11733(组合)

组件:夹层滑动-左滑

编号:10741(组件)

06

大众汽车

《夏日趣放送丨趣自然觅新鲜》

 6.gif

点此查看原文

「点击闪白切换」查看大众汽车夏日趣放送,依次介绍大众汽车各个款式颜色细节,从而吸引大家购买。

交互对应编辑器组件/组合

组件:点击-切换图片(先移出,再淡入)点此0元购

编号:10285(组件)

07

李宁

《夏日「新鞋」,放大看「细节」!》

7.gif

点此查看原文

「点击放大切换」介绍李宁夏日新品系列服装细节,效果更吸睛,吸引大家前往旗舰店购买。

交互对应编辑器组件/组合

组合:点击-中心放大切出图片

编号:11059(组件)

08

陕西好猫

《绝了!长安传统色,击中你的夏日多巴胺!》

8.gif

点此查看原文

「长按淡入然后松手淡出」夏季色彩的解读和建议,引起大家的共鸣,借此宣传陕西好猫的产品和服务。

交互对应编辑器组件/组合

组合:长按-长按淡入,松手淡出

编号:10026(组件)

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)