《中秋节SVG交互图文案例合集》
中秋是一个大节,距离中秋还有两个月,不少小伙伴已经开始准备相关图文了
中秋的仪式感,不止于赏月吃饼。中秋的意义,是藏在细节里的团圆。
SVG交互图文让这些瞬间被无限放大,既然大家需要,所以今天为大家整理了8篇中秋SVG交互案例,一起看看吧。小心看了想家。
8篇图文分别来人民网、中国记协、六桂福珠宝、国窖1573、奔驰汽车金融、HelloKittyFamily、奥迪、保时捷中国公众号。
01
人民网
《中秋快乐!》

▲GIF演示
「前景上滑」列举北京中轴线申遗、奥运健儿闪耀、航天探月等美好事件,祝大家花好月圆人团圆。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:三层上滑组合
编号:11761(组合)
组件:点击-切换GIF动图
编号:10086(组件)
02
中国记协
《月亮,我再等你一会儿》

▲GIF演示
「连续点击切换触发SVG轨迹移动」一一查看中秋相关联想,如假期、名句、月饼、花灯、家人牵挂等,送上万事胜意、平安团圆的祝福。
该交互需定制
03
六桂福珠宝
《月圆圆圆圆圆圆圆圆圆圆》

▲GIF演示
在中秋节,六桂福珠宝通过「上滑」和「遮罩」的交互,在图文中展示了一幅唯美的《桂香万里图》,融合传统习俗与 “福韵” 文创黄金产品,传递东方福韵与中秋祝福。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:上滑组合
编号:11400(组合)
组件:视频号-图片
编号:10228(组件)
组件:遮罩
编号:10829(组件)
04
国窖1573
《月映中国》

▲GIF演示
「连续点击放大切换图片后展开」的交互为大家展示国窖1573×中国缂丝织造技艺匠造福桂江阳艺术作品,借此宣传中秋佳节。
该交互需定制
05
奔驰汽车金融
《出发!沉浸式中秋寻礼之旅》

▲GIF演示
「点击切换后展开伴随SVG轨迹移动」带大家查看 “预选通” 贷款额度预估服务,提供扫码测额度、试算购车方案及关注视频号领福利的指引,借此宣传奔驰汽车金融。
该交互需定制
06
HelloKittyFamily
《揭秘!月圆夜的大明星朋友圈》

▲GIF演示
多个平级「点击切换后展开」模拟朋友圈的模式点赞并评论,带大家一起来看月圆夜小可爱们如何度过。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击切换图片+展开(有触发区)
编号:10057(组合)
07
奥迪
《但「圆」人长久》

▲GIF演示
「左滑」查看汽车壁纸,「长按」即可保存精美壁纸,借此向大家传递品牌陪伴团圆、护航出行的祝福。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:左滑组合(自动对齐)
编号:10249(组合)
组件:长按-保存隐藏图片
编号:11149(组件)
08
保时捷中国
《【赏月验证码】:917》

▲GIF演示
「点击翻转」的交互带大家拼图拼出4款917祝福,呈现出不同颜色的保时捷汽车和相应的中秋祝福。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件:连续点击-左右翻转切换图片
编号:11133(组件)
如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)在节日分类中选择「中秋节」查看更多相关案例。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。




评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)