《七夕SVG交互图文案例合集》第2弹
七夕的脚步越来越近，想让你的图文自带节日仪式感，在浪漫氛围里脱颖而出？
一起来看看这8篇七夕SVG交互图文是怎么做的吧！
8篇案例来自钉钉、Tiffany蒂芙尼、NIKE、赫莲娜HelenaRubinstein、ORIBE、CoCo都可、尔木萄AMORTALS 2014、MARVIS公众号。
01
钉钉
《完蛋！我被这些助理包围了？？？》
▲GIF演示
以答题的模式「点击模拟动漫对话」进入游戏，营造出一种沉浸式的场景氛围，借此宣传钉钉AI助理。
该交互需定制
02
Tiffany蒂芙尼
《七夕单选题》
▲GIF演示
「点击弹性选择展开」围绕 “爱” 设置多个选择题，同时提及七夕限定礼遇，以节日限定款包装的蓝盒承载浪漫心意，传达对 TA 的真挚爱意。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击弹性选择展开组合(无限次)
编号：11157（组合）
组件：自动-轮播Banner
编号：10207（组件）
03
NIKE
《七夕｜这样的瞬间，让人不想单身了》
▲GIF演示
NIKE通过多个「点击切换」男生女生不同视角的排版创意，传递 “心自有引力” 的理念，展现心动遇见的场景，借此宣传七夕遇见系列服饰。
该交互需定制
04
赫莲娜HelenaRubinstein
《心动加速中__/\_/\/\_》
▲GIF演示
打开图文，伴随轨迹自动向下延伸，图文同时自动向下展开，点击按钮还会播放心动音效，以此生动展现了赫莲娜情人节限定礼盒，其中礼盒采用独特波纹设计，传递 “以心跳示爱” 的浪漫。
该交互需定制
05
ORIBE
《心动加速中__/\_/\/\_》
▲GIF演示
「点击展开」ORIBE 推出 520 黄金修护奢享礼盒，通过「镜头推进式弹窗」介绍其里面包含黄金修护洗发水、护发素及重塑发膜，吸引读者购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击展开
编号：10307（组合）
组件：点击-镜头推进+聚焦放大式弹窗
编号：11913（组件）
06
CoCo都可
《20000份甜蜜福利浪漫来袭!七夕周边限时上市!》
▲GIF演示
「长按切换序列帧点击展开」CoCo 都可在七夕推出相关活动，传递甜蜜爱意，邀请大家和 CoCo 一起被粉色甜蜜包围，感受满满的爱意。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：长按切换序列帧+点击展开
编号：11816（组合）
07
尔木萄AMORTALS 2014
《【取号提醒】听说在这领七夕礼物》
▲GIF演示
连续「点击消失展开」推出 “花花便利店” 联名眼部礼盒，介绍里面包含的内容，吸引读者前往购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击消失+展开(可嵌套展开,有触发区)
编号：11848（组合）
08
MARVIS
《MARVIS CINEMA 七夕特辑让爱上映》
▲GIF演示
「无限选择切换图片」以 “浪漫剧情上演” 为主题，提及牛郎织女观影选片场景，引导用户点击查看片单、为爱选座购票，营造七夕浪漫氛围。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：Apple同款-无限选择切换图片(三组)
编号：11275（组件）
组件：连续点击-切换多张GIF动图(小程序无角标)
编号：10157（组件）
如果以上案例还没有看够，可以到「品牌时光机」交互图文案例库（网址：brandtime.cn）在节日分类中选择「七夕」查看更多相关案例。
目前案例库总案例数已达80W+，其中8W+案例支持一键还原，制作同款效果非常方便。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）