《进博会SVG交互图文案例合集》

原创 收藏 评论
举报 2023-11-15


刚刚结束的上海进博会,又称中国国际进口博览局和国家会展中心(上海)承办的大型博览会,每年都会有引起很多关注,其中出现的优秀交互图文也可以作为很多展览图文的参考案例。

今天为大整理精选了最近几年的8篇进博会SVG交互图文,分别来自央视新闻、阿斯利康中国、爱尔康中国、GE中国、FedEx中国、欧莱雅中国、赛默飞中国、微软科技,一起来看看吧。


01

央视新闻

《“ 种 草 ” 时 间 到 ~》

▲GIF演示

点此查看原文

「点击切换图片」查看一年一度汇聚全球好物的进博展品,如一对一专属“虚拟化妆师”、让人“倒头就睡”的睡眠机、世界首个基础胰岛素周制剂等,吸引大家前来观展。

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

组件:点击-切换图片(有触发区)

编号:10043(组件)

02

阿斯利康中国

《连续相约第五年 | 阿斯利康与进博的「连锁反应」在继续……》


▲GIF演示

点此查看原文

通过「自动展开」和「SVG轨迹移动」相结合的交互形式讲述从2018年起5年来,阿斯利康在进博会相继展示的成果。

该交互需定制

03

爱尔康中国

《全体集结!解锁爱尔康的进博会探索之旅》

▲GIF演示

点此查看原文

「上滑」模拟飞船移动进行爱尔康的进博会探索之旅,吸引大家「点击切换」查看更多进博会展台介绍,吸引大家前来展台打卡。

该交互需定制

04

GE中国

《GE未来号进博专列明日发车!请抓紧时间检票!》

▲GIF演示

点此查看原文

「点击切换GIF后展开」模拟检票上车的场景,增加趣味性,吸引大家前往国家会展中心参展。

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

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

编号:10075(组合)

05

FedEx中国

《文末有礼 | 您有一份来自联邦快递进博会展台的惊喜!请查收!》

▲GIF演示

点此查看原文

「点击伸缩式展开」联邦快递在进博会的展台和前沿产品介绍,「右滑」查看更多,吸引大家前来参展。

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

组合:点击伸缩式展开(无抖动)

编号:11224(组合)
组件:单层滑动-右滑

编号:10094(组件)

06

欧莱雅中国

《进博会里排了3天队,我终于体验到了!》

▲GIF演示

点此查看原文

「点击切换后展开」兰蔻菁纯的美妆黑科技,借此宣传美容仪、香水、染发魔发棒等产品,吸引大家互动并观展。

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

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

编号:10057(组合)

07

赛默飞中国

《倒计时15天 | 今年赛默飞进博路透,抢先看!》

 1.gif

点此查看原文

「视差上滑」查看赛默飞在进博会上的精彩表现,吸引大家预约观看赛家进博直播间。

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

组件:视差滑动-上滑(自动对齐、只用于六组)

编号:11197(组件)

08

微软科技

《进博会路透丨来微软展区云串门》

 2.gif

点此查看原文

「点击弹窗」查看进博会漫画中的场景介绍,打造沉浸式看展体验,吸引大家一起云观展。

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

组件:点击-悬浮弹窗(无限次弹出,相同关闭位置)

编号:11114(组件)



如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)中搜索「进博会」查看更多相关案例。


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



现在扫码体验案例库

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)