《3​.8妇女节SVG交互图文案例合集》

举报 2025-02-20

3月8日国际妇女节即将到来,这是向所有女性致敬的时刻。

今天给大家整理了8个妇女节相关的优秀SVG图文案例,分别来自央视新闻、泰康人寿、丰田中国、OriginOS、长安汽车、局部气候调查组、网易哒哒、每日每加。


这些SVG交互案例带我们一同走进「她」的世界,一起来看看吧!

01

央视新闻

《送 她 一 颗 小 心 心 ????》

▲GIF演示

点此查看原文

「连续点击切换多张图片」模拟点击小红心,进入她们的生活,依次展示了不同优秀女性的故事,借此祝大家妇女节快乐。

该交互需定制



02

泰康人寿

《WoMen不设限 幸福Tai向前》

▲GIF演示

点此查看原文

「连续点击镜头式放大消失展开」宣传泰生活App,提及新人注册有礼,还介绍泰康保险集团为世界500强企业,邀请用户参与女神节活动。

交互对应编辑器组件/组合

组合:连续点击-镜头式放大消失+展开

编号:11842(组合)

03

丰田中国

《Just For Her 向着美好出发》

▲GIF演示

点此查看原文

在妇女节之际,丰田通过多个平级「点击切换后展开」TOYOTA bZ汽车的介绍,「左滑」查看更多视频介绍,更直观有趣,为女性推荐合适的汽车。

交互对应编辑器组件/组合

组合:点击切换图片+展开(有触发区)

编号:10057(组合)

04

OriginOS

《今天,涨一点「她知识」》

▲GIF演示

点此查看原文

在多个平级「点击展开」模拟用AI回答关于女性的问题,借此宣传蓝心小V的智慧功能并祝大家妇女节快乐。

交互对应编辑器组件/组合

组件:加载提示(定时消失遮罩)

编号:11327(组件)

组合:点击展开(有触发区)

编号:10051(组合)

05

长安汽车

《今日有『女子』事发生!》

▲GIF演示

点此查看原文

「点击展开」关于女性的故事,然后多个平级「点击展开」驾驶阿维塔汽车的精彩故事,借此宣传长安汽车。

交互对应编辑器组件/组合

组合:点击展开(可嵌套展开)

编号:10875(组合)

组件:点击-切换图片

编号:10005(组件)

06

局部气候调查组

《一份给全人类的妇女节To-Do List》

▲GIF演示

点此查看原文

局部气候调查组用「自动层层展开」的交互形式,逐个展示了近100个不一样的女性心声,让人感同身受。

交互对应编辑器组件/组合

组件:自动层层展开 | 《红了》

编号:11273(组件)

07

网易哒哒

《那些专属于女性的「选择陷阱」》

▲GIF演示

点此查看原文

「点击切换选择」查看A和B从0-60岁的人生轨迹中不同选择造成的不同结果,借此引起大家思考当不幸来袭,该将其归为偶然,还是背后藏着的系统性不公?

交互对应编辑器组件/组合

组件:点击-无限选择切换图片

编号:11765(组件)

08

每日每加

《今天,我们选择撕掉这些标签》

▲GIF演示

点此查看原文

「点击消除图片」模拟介绍“标签效应”,指出女性成长常被贴不合理标签,鼓励女性撕掉标签,最后推出红包封面,吸引读者互动领取。

交互对应编辑器组件/组合

组件:点击-消除图片

编号:10238(组件)

组合:二列布局 | 两列布局

编号:10144(组合)

组合:三列布局

编号:10150(组合)




如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)在节日分类中选择「妇女节」查看更多相关案例。


目前案例库总案例数已达70W+,其中8W+案例支持一键还原,制作同款效果非常方便。




本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
    从北京冬奥会到Clio克里奥全场大奖,熊超用东方美学征服世界舞台

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)