《财富》世界500强,交互图文有多强?

原创 收藏 评论
举报 2023-03-02

如果你想找一些交互图文做得好的品牌,直接去《财富》500强里找是一个比较方便快捷的方法。如果你想更方便快捷,那就来i排版公众号

前段时间给大家整理过《财富》中国500强品牌与i排版合作的一些交互图文,这几天《财富》世界500强品牌也出来了(详情见文末「阅读原文」)。

在去掉重复的中国品牌后,老沙今天又为大家带来了8个世界500强品牌的交互图文案例,分别来自大众汽车奔驰戴尔雀巢罗氏诊断LG电子3M星巴克

这些案例要么使用 iPaiban Pro 黑科技编辑器制作,要么由i排版团队定制,想实现同款效果,在编辑器搜索案例下附有的组件编号或联系玉兔微信(ID:playhudong15)沟通即可。

扫码添加下方微信,回复「500强素材免费获取所有500强案例的图片素材。

▲长按扫码识别

1

大众汽车

1677741742229.gif点此查看原文

大众汽车用优雅的「扑克牌切换」的效果,从多个角度展示产品,图片使用的是动图,给人一种动感与优雅兼具的感觉。

该交互对应编辑器模板:

组件:自动-扑克牌切换,向左

编号:10576(组件)

2

梅赛德斯-奔驰客户服务

1677741782818.gif

点此查看原文

同一张图片,长按不同位置显现不同内容。奔驰用这种效果,展现生活中的多个内卷场景,最后引出自己的原厂快速钣喷服务。

该交互对应编辑器模板:

组件:长按-选择切换图片

编号:11159(组件)

3

戴尔

1677741809897.gif

点此查看原文

先是产品高清大图,点击指定位置后抽出一张卡片,卡片上是产品的详细介绍。戴尔将本来可以设置抽出多个卡片的「抽屉式切换图片」只使用了一个,效果新颖。

该交互对应编辑器模板:

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

编号:10057(组合)

组件:点击-抽屉切换图片(无限次往返,有触发区,上)

编号:11085(组件)

4

雀巢咖啡中国

▲GIF演示

点此查看原文

整体是嵌套式的点击展开效果,展开中还有使用局部滑动、局部视频和点击切换图片等效果,内容虽然,却没有阅读的压力感。

该效果需定制。

5

罗氏诊断


▲GIF演示点此查看原文

点击图片 ,用户仿佛进入三维空间,倾斜的图片可以向各个方向进行拖动。新颖的交互让用户面对严肃的文案也可以看得津津有味。

该效果需定制。

6

LG电子中国

1677741901285.gif

点此查看原文

点击展开后,可以自动对齐的视差滑动,与普通的图片滑动相比,能看出图片间的层级关系,具有出色的视觉体验,多了几分高级感。

该交互对应编辑器模板:

组合:点击展开 

编号:10307(组合)

组件:视差滑动-左滑(自动对齐、四组)

编号:10815(组件)

7

3M官方全屋净化


点此查看原文

每个产品对应一个展开效果,配合撕纸的GIF和文艺的文案,吸引大家购买3M产品。

该交互对应编辑器模板:

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

编号:10075(组合)

8

星巴克中国

1677741954104.gif

点此查看原文

星巴克这篇使用了多个中间不动上下两层滑动的「三层滑动」效果,让整篇图文显得具有一定的空间感。

该交互对应编辑器模板:

组件:三层滑动-左滑

编号:10054(组件)

组件:三层滑动-上滑

编号:10072(组件)

组件:点击-切换GIF动图

编号:10086(组件)


详细的2022年《财富》世界500强排行榜单大家可以点击文末「阅读原文」查看,如果你的公司也在榜单之中,可以添加下方微信,回复「500强免费领取品牌时光机SVG案例库一年的会员。

▲长按扫码识别

所有用户添加上方微信,回复「500强素材免费获取本文及《〈财富〉中国500强的品牌是如何制作交互图文的?》文中所有案例的图片素材。

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


制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。




● SVG 黑科技交互排版????????·

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)