《松弛感SVG交互图文案例合集》
两年前松弛感一词火爆网络，最近一段时间，关于松弛感的讨论因为巴黎奥运又火了起来。
到底松弛感是一种什么感？
今天给大家整理了8篇松弛感的SVG图文案例，分别来自宝马客户服务中心、小黄鸭B.Duck、捷尼赛思中国、Baccarat巴卡拉、CROCS卡骆驰、NERDY OFFICIAL、莫斯利安、博士伦 Bausch Lomb，一起感受下吧。
01
宝马客户服务中心
《这份松弛感，可不是谁都能拥有》
▲GIF演示
「左滑」一起观看一些用车的轻松时刻，借此宣传宝马客户服务中心的优质服务，吸引更多客户试驾并购买。
交互对应编辑器组件/组合
组合：长屏左滑组合(自动对齐)
编号：10868（组合）
组件：视频-无缝拼接(可调整大小及位置)
编号：10152（组件）
组件：遮罩
编号：10829（组件）
02
小黄鸭B.Duck
《如何度过有松弛感的Gap day？》
▲GIF演示
「点击伸缩式展开」模拟朋友圈的方式观看小黄鸭的各个动态，「点击弹出」查看大图，借此宣传小黄鸭B.Duck周边产品，吸引大家前往购买。
交互对应编辑器组件/组合
组合：点击伸缩式展开(无抖动)
编号：11224（组合）
组件：点击弹出-弹出图片(设置多个触发区)
编号：10100（组件）
03
捷尼赛思中国
《松弛感，不言而喻》
▲GIF演示
「点击切换」查看捷尼赛思G80的介绍，「左滑」查看更多内容，结合松弛感的热点宣传捷尼赛思G80。
交互对应编辑器组件/组合
组合：点击切换组合
编号：10871（组合）
组件：视频号-图片
编号：10228（组件）
04
Baccarat巴卡拉
《假日松弛感图鉴》
▲GIF演示
「左滑或者右滑后展开」不同的假日时光背后的精彩瞬间，「点击弹窗」查看相应的产品推荐，借此吸引更多客户购买。
交互对应编辑器组件/组合
组合：左滑展开
编号：11769（组合）
组合：右滑展开
编号：11771（组合）
05
CROCS卡骆驰
《>>>1s踏入松弛感夏日》
▲GIF演示
「点击播放序列帧动效」展示Crocs卡骆驰慕斯凉拖的介绍，「点击播放视频号」宣传品牌大使易梦玲，借此吸引更多客户购买。
交互对应编辑器组件/组合
组合：点击-切换序列帧+展开
编号：11485（组合）
组件：视频号-图片
编号：10228（组件）
06
NERDY OFFICIAL
《出去玩！开启松弛感假期》
▲GIF演示
「点击切换后展开」介绍NERDY OFFICIAL品牌新推出出去玩的新品服装，借此吸引更多客户购买。
交互对应编辑器组件/组合
组合：点击切换GIF动图+展开(可嵌套展开,有触发区,固宽)
编号：10935（组合）
组件：点击切换图片+展开(有触发区)
编号：10057（组合）
组件：夹层滑动-左滑
编号：10741（组件）
组件：夹层滑动-右滑
编号：10742（组件）
07
莫斯利安
《成人松弛指南》
▲GIF演示
「点击切换」查看长寿青年的女主介绍，「点击展开」不同场景下的松弛感表现，吸引读者前往购买。
交互对应编辑器组件/组合
组合：点击-切换图片(有触发区)
编号：10043（组件）
组件：点击展开(有触发区)
编号：10051（组合）
08
博士伦 Bausch Lomb
《准备好了吗？来一段「小透明」的松弛人生的City Love，City不City》
▲GIF演示
「前景上滑」查看博乐纯小透明日抛的介绍，借此吸引大家互动并领取福利。
交互对应编辑器组件/组合
组件：双层滑动-前景上滑(支持多张)
编号：10203（组件）
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）