《撕拉片SVG交互图文案例合集》
你是否想过，七夕的祝福可以不止于文字？
从停产到爆红，如今撕拉片一张难求。
真正的撕拉片不能人人都有，但品牌们在图文中通过SVG排版与撕拉片的热点结合，让人人都能感受撕拉的感觉。
今天为大家整理了8篇撕拉片相关的SVG交互图文案例，一起看看品牌们是怎么玩的。
8篇案例分别来自广汽本田、真果粒、坦克SUV、郎酒股份、绵柔酱香贵州贵酒、李宁YOUNG、阿维塔、Levis官方账号公众号。
01
广汽本田
《听说撕拉出片很火啊~快来试试》
▲GIF演示
「点击展开」的交互模拟带大家开撕，多个平级「点击切换」按顺序撕开每一张撕拉片，借此向大家介绍广汽本田汽车的优势。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击展开(有触发区)
编号：10051（组合）
组件：点击-切换图片(有触发区)
编号：10043（组件）
02
真果粒
《撕啦？撕了！》
▲GIF演示
「点击打印」的交互模拟撕拉片，带大家查看不同口味的真果粒酸奶，借此吸引大家互动。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：点击-打印图片(有触发区)
编号：10212（组件）
组合：点击播放GIF切换组合
编号：11773（组合）
组件：自动-轮播Banner(向左)
编号：10207（组件）
03
坦克SUV
《我也来撕拉一下》
▲GIF演示
「自动展开」打印出坦克 400汽车的美照，然后依次「点击切换」模拟撕拉后呈现出的汽车机能。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：自动展开
编号：10863（组合）
组件：点击-切换图片
编号：10005（组件）
04
郎酒股份
《撕拉一下，美好呈现！敬天台夏日“撕拉大片"来了》
▲GIF演示
「点击飘落切换图片」推出夏日 “撕拉片”，展现赤水河左岸立体生态的独特、星座酒的神秘与稀缺，传递美好生活与快乐、艺术蕴含于酒中的理念。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：点击-飘落切换图片(右)
编号：11366（组件）
05
绵柔酱香 贵州贵酒
《显影时光的撕拉片》
▲GIF演示
「点击切换GIF动图」以 “撕拉片” 为意象，关联酿酒人日复一日的坚守，表达每一坛贵酒都值得被记录，翻开时能品味到绵柔酱香、空杯留香的韵味。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：点击-GIF过渡切换
编号：11553（组件）
06
李宁YOUNG
《玩转球场穿搭，每一帧都是“移动海报”》
▲GIF演示
「点击飘落切换图片」围绕球场穿搭展示服饰单品，鼓励展现时尚，成焦点、显潮流，兼具舒适不闷湿不粘腻，引导探索更多可能，融合运动与个性。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：点击-飘落切换图片(右)
编号：11366（组件）
07
阿维塔
《阿维塔 012 艺术限时展登陆杭城》
▲GIF演示
「连续点击飘落切换多张图片」模拟撕拉片，借此展示阿维塔 012 艺术限时展的美照，邀请人们赴设计灵感与艺术之约。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：连续点击-撕纸切换(右)
编号：12118（组件）
08
Levis官方账号
《随手拍的撕拉片，美我一大跳！》
▲GIF演示
「点击切换GIF」模拟撕拉后查看照片，借此推荐出片穿搭和服饰单品，最后吸引更多客户购入。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：组件效果叠加(两个)
编号：11737（组合）
组件：点击-切换GIF动图(有触发区)
编号：10087（组件）
组件：小程序-图片(设置多个小程序)
编号：11135（组件）
如果以上案例还没有看够，可以到「品牌时光机」交互图文案例库（网址：brandtime.cn）在首页中搜索「撕拉片」查看更多相关案例。
目前案例库总案例数已达80W+，其中8W+案例支持一键还原，制作同款效果非常方便。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）