《七夕SVG交互图文案例合集》

原创 收藏 评论
举报 2024-07-29





 

七夕即将到来,品牌们一般会趁机推出自己的七夕元素的产品,图文往往也少不了爱心????、玫瑰????、气球????等浪漫元素。


今天给大家整理了8篇七夕的SVG图文案例,分别来自上汽MG名爵汽车、粤浦科技、梅赛德斯-奔驰客户服务、Balenciaga、INTO YOU心慕与你、广汽传祺、欧诗漫美如珍珠、泸州老窖,来感受一下浓浓的甜意????吧。



01

上汽MG名爵汽车

《以爱之名》

▲GIF演示

点此查看原文

「视差上滑」查看关于爱的介绍,然后「点击弹窗」展示上汽MG名爵汽车各个款式和细节,吸引大家购买。

该交互需定制



02

粤浦科技

《关于七夕分配对象的通知》

▲GIF演示

点此查看原文

「点击切换」查看粤浦科技火热招商的地产,吸引大家点叉或点赞分别向左或向右飞出切换,借此揭秘最后的彩蛋并宣传八大硬科技赛道。

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

组合:连续点击-左右飞出切换图片+点击展开(带封面)

编号:11623(组合)

03

梅赛德斯-奔驰客户服务

《不止七夕,更在朝夕》

▲GIF演示

点此查看原文

「点击伸缩式抖动展开」奔驰的七夕告白信,「上滑」查看更多表白话语和互动福利,借此宣传梅赛德斯-奔驰客户服务。

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

组合:点击伸缩式展开(有触发区)

编号:10470(组合))
组件:双层滑动-背景上滑(支持多张)

编号:10145(组件)

04

Balenciaga

《爱意识别中》

▲GIF演示

点此查看原文

「点击消失展开」模拟扫码识别爱意,然后「点击切换」和「左滑」查看每个帖子,借此介绍Balenciaga各个款式,吸引大家前往小程序购买。

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



05

INTO YOU心慕与你

《爱 是》

▲GIF演示

点此查看原文

「左右层层滑开后点击展开」模拟打开日历,依次介绍爱的定义,「点击切换并播放音频」展示甜蜜轻氧礼盒,「左滑」展示色号,吸引更多客户购买。

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

组合:层层滑开(左右交错,首层向左)+点击展开

编号:10551(组合)
组件:点击播放音频同时切换GIF动图(需上传素材,防误触)

编号:10105(组件)

06

广汽传祺

《老牌王者 x 新晋顶流,这对钢铁CP我磕到了》

▲GIF演示

点此查看原文

七夕将至,通过「点击左右往返滑动切换」查看广汽汽车各个细节,借此宣传老牌王者×新晋顶流的汽车CP,吸引读者前往试驾。

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

组件:Apple同款-点击-左右往返滑动切换

编号:11581(组件)

07

欧诗漫美如珍珠

《七夕|你还可以为 Ta 做哪些事?》

▲GIF演示

点此查看原文

「视差左滑」查看爱情故事的漫画,借此宣传欧诗漫护肤品套装,吸引大家购买作为七夕礼物。

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

组件:视差滑动-左滑(五组)-Apple同款

编号:11416(组件)

08

泸州老窖

《跟紧红线,让爱到来》

▲GIF演示

点此查看原文

七夕佳节,沿着红线依次「点击向上擦除切换」模拟牵线,借此宣传泸州老窖50周年纪念日并祝大家七夕节快乐。

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

组件:点击-向上擦除切换(多张图)

编号:11416(组件)

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)