《资生堂SVG交互图文精选案例合集》
资生堂作为百年美妆巨头，是如何用创意让“美”变的可感、可触？
今天就为大家整理了8篇资生堂中国SVG交互图文案例，一起来看看吧。
它们来自资生堂中国公众号。
相关作品的著作权归资生堂中国品牌方所有
01
资生堂中国
《今日份状态：_____》
▲GIF演示
「点击展开」通过 点击解锁状态形式，推广资生堂旗下 CPB、资生堂、娜斯 NARS 品牌产品，吸引读者前往购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击展开(有触发区)
编号：10051（组合）
02
资生堂中国
《资生堂艺术地图》
▲GIF演示
「点击镜头推进聚焦放大式弹窗」点击地标查看资生堂艺术地图的故事，借此宣传资生堂品牌，吸引读者前往购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：点击-镜头推进+聚焦放大式弹窗
编号：11913（组件）
03
资生堂中国
《日落之前》
▲GIF演示
「点击切换后连续点击顺时针切换多张图片」借黄金时刻引出资家好物，吸引读者前往购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击切换组合
编号：10871（组合）
组件：连续点击-图片顺时针旋转切换同时切换背景(下)
编号：11715（组件）
04
资生堂中国
《资生堂 美“透”了》
▲GIF演示
「连续点击撕纸切换」介绍资生堂从环节、测试到细节层层把控，以产品塑造信任，借此宣传资生堂品牌。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：连续点击-撕纸切换(右)
编号：12118（组件）
05
资生堂中国
《糟糕，被硬控了》
▲GIF演示
「点击展开」资生堂推出艾杜纱睫毛打底膏，借此宣传资生堂，吸引读者前往购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合：点击展开(可嵌套)
编号：10875（组合）
组合：连续点击切换图片+消失展开(有触发区)
编号：10469（组合）
06
资生堂中国
《2024 多“点”祝福 开启新旅》
▲GIF演示
「点击切换GIF动图」资生堂推出红腰子、CPB 金致乳霜、安热沙防晒精华、怡丽丝尔净斑笔、欧珀莱黑精灵精华等星品，邀用户前往旗舰店购买，借此宣传资生堂系列护肤品。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：点击-切换GIF动图
编号：10086（组件）
07
资生堂中国
《妈为何这样》
▲GIF演示
「点击弹出弹出图片」通过多个片段，展现妈妈 19 岁深山支教、考驾照一把过、口是心非爱晒礼物等多面形象，最后提及一位高中生辣妈钟爱资生堂 20 余年。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：点击弹出-弹出图片(设置多个触发区)
编号：10100（组件）
08
资生堂中国
《一支就GO》
▲GIF演示
「无限选择切换图片」资生堂推出防晒护肤品，介绍其优点，借此宣传资生堂防晒护肤品，吸引读者前往购买。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件：Apple同款-无限选择切换图片(四组)
编号：11276（组件）
如果以上案例还没有看够，可以到「品牌时光机」交互图文案例库（网址：brandtime.cn）在节日分类中选择「资生堂中国」查看更多相关案例。
目前案例库总案例数已达80W+，其中8W+案例支持一键还原，制作同款效果非常方便。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）