《秋冬SVG交互图文案例合集》
天气渐凉，各种秋冬新品也陆续发布，当然也要好好宣传一下。
结合天气和产品，公众号里的图文逐渐变色，除了秋冬配色外，还有这些交互的用法值得学习和借鉴。
小品哥整理了GQ实验室、德国BEBA3、书亦烧仙草、卡姿兰Carslan、纪梵希美妆、欧莱雅PRO发型师专属、PerfectDiary完美日记、BALLY巴利的8篇秋冬SVG交互图文，一起来看看吧。
02
德国BEBA3
《Gucci 秋冬大秀公关稿（初稿直发）》
▲GIF演示
「左右滑动」模拟拨开人群，就像线下看热闹的情景一样，「点击展开」古驰2023秋冬男装系列的介绍和4位看秀嘉宾的“观后感”。
该交互需定制
02
德国BEBA3
《秋冬穿衣也有讲究，来科学“贴贴”！》
▲GIF演示
「点击展开」查看秋冬季节给宝宝穿衣的真相，「点击切换」正确掌握秋冬季节宝宝穿衣规律，吸引更多用户购买德国BEBA至尊3奶粉激发宝宝天生保护力。
交互对应编辑器组件/组合
组合：连续点击切换GIF动图+点击展开(有触发区)
编号：10162（组合）
组合：点击-切换图片(有触发区)
编号：10043（组件）
03
书亦烧仙草
《新品预告 | 沈月学姐强烈安利的重磅秋冬热饮！》
▲GIF演示
秋冬热饮季，书亦烧仙草通过引导「点击伸缩式展开」新品热饮的介绍，搭配弹幕的设计和温暖的配色吸引大家购买。
交互对应编辑器组件/组合
组合：点击伸缩式展开(无抖动)
编号：11224（组合）
04
卡姿兰Carslan
《这个秋冬，陷入其「棕」》
▲GIF演示
「点击展开」秋冬限定美妆的介绍，「左滑」查看更多妆容搭配，吸引大家购入同款产品。
交互对应编辑器组件/组合
组合：点击切换GIF动图+展开(可嵌套展开,有触发区,固宽)
编号：10935（组合）
组合：点击展开(有触发区)
编号：10051（组合）
组件：单层滑动-左滑
编号：10020（组件）
组件：自动-Apple式交替切换
编号：10211（组件）
05
纪梵希美妆
《纪梵希唇妆家族 集结秋冬高定绝色》
▲GIF演示
「点击放大切换展开」秋冬唇膏的介绍，「点击返回」查看其他颜色的唇膏，吸引大家选择秋冬本命色。
交互对应编辑器组件/组合
组合：点击弹性选择展开组合(无限次、三组)
编号：11176（组合）
06
欧莱雅PRO发型师专属
《1支染膏搞定N个秋冬高业绩提案》
▲GIF演示
「点击展开」模拟接受隔空投送的内容，借此宣传欧莱雅的挑染配方和必囤色号，吸引大家「长按」查看模特发色图并购买同款。
交互对应编辑器组件/组合
组合：点击消失+展开(设置触发区域)
编号：11186（组合）
组件：长按-长按淡入,松手淡出
编号：10026（组件）
07
PerfectDiary完美日记
《好“棕”意啊！来领秋冬第一波唇釉！》
▲GIF演示
完美日记独具创意的将赏4款秋冬显白红棕唇色并列放置，加上「下滑」的交互进行展示，更具神秘感，感兴趣的用户还可以「左滑」或者「右滑」了解不同唇釉色号，吸引大家购买。
交互对应编辑器组件/组合
组合：双层滑动-前景下滑(可调整大小及位置)
编号：10213（组件）
组件：遮罩
编号：10829（组件）
组件：自动-Apple式交替切换
编号：10211（组件）
组件：单层滑动-左滑
编号：10020（组件）
组件：单层滑动-右滑
编号：10094（组件）
08
BALLY巴利
《Bally拍了拍你：请翻阅秋冬新杂志》
▲GIF演示
巴利通过「连续点击切换」的交互模拟翻阅秋冬新杂志，「左滑」可以查看选购更多单品，版面简洁内容丰富。
交互对应编辑器组件/组合
组合：连续点击-切换多张图片
编号：10055（组件）
组件：双层滑动-前景左滑(小程序)）
编号：10099（组件）
如果以上案例还没有看够，可以到「品牌时光机」交互图文案例库（网址：brandtime.cn）中搜索「秋冬」查看更多相关案例。
目前案例库总案例数已达40w+，其中4W+案例支持一键还原，制作同款效果非常方便。
现在扫码体验案例库
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）