01010101010101……10个互联网品牌案例加载成功!

原创 收藏 评论
举报 2022-08-25

互联网企业通常都想突出自己的技术优势,打造高级专业的企业形象,其SVG交互图文也多以科技感、强互动感为主,极具学习意义!

今天推荐给大家互联网品牌的10个优秀图文案例,分别来自QQ浏览器360安全卫士腾讯、华为终端客户服务戴尔戴尔中国华米科技(2个)王者荣耀微软科技
后7个案例使用iPaiban Pro 黑科技编辑器即可制作同款喔,一起往下看吧!

1

QQ浏览器

1661407646472.gif

▲GIF演示点此查看原文
连续点击 「遥控器」会切换电视中的动画片,然后点击了解中国百年动画展开QQ浏览器联合上海美术电影制片厂推出的 「中国动画百年长卷」的介绍,吸引更多用户下载并打开QQ浏览器进行搜索查看。
该效果需定制。

2

360安全卫士服务号

1661407704535.gif

▲GIF演示点此查看原文

从程序员起床开始,到夜晚准备入睡结束。用复杂轨迹移动+多关卡通关游戏模拟了程序员的真实一天,最后为可爱的程序员送去祝福。

该效果需定制。

3

腾讯

▲GIF演示点此查看原文

腾讯这篇推文的标题是《test 测试链接》,看着就像是发生了推送事故,引起用户极强的好奇心。打开后手指轻触屏幕,画面展开,才知道这是一个美好的祝福。从“事故”到温情,来了个180度的画风转变,触动人心。

该交互对应编辑器模板:

组合:点击串联GIF动图+展开(设置触发区)编号:10860(组合)

4

华为终端客户服务

1661407836003.gif

    ▲GIF演示

点此查看原文

「点击展开」HUAWEI PixLab X1激光多功能打印机的介绍,「左滑」删除大家的打印难题并推荐适合的产品,吸引大家点击小程序进入华为商城购买。

该交互对应编辑器模板:

组合:点击展开(有触发区)编号:10051(组合)组件:双层滑动-前景左滑编号:10018(组件)

5

戴尔

1661407858363.gif

▲GIF演示

点此查看原文

「自动切换GIF动图+展开」灵越5320、成就5320等产品的介绍,「前景左滑」展示更多内容,同时「自动轮播」重磅福利,吸引客户购买。

该交互对应编辑器模板:

组合:自动切换GIF动图+展开编号:10059(组合)组件:双层滑动-前景左滑(超链接,默认角标)编号:10795(组件)组件:自动-轮播Banner(小程序)编号:10210(组件)

6

戴尔中国

1661407889057.gif

▲GIF演示点此查看原文

华米科技通过「点击切换GIF+展开」的交互形式,模拟帮女神砍碎同龄人焦虑、身材焦虑等,借此推出#告白女神#活动,吸引大家参与。

该交互对应编辑器模板:

组合:点击切换GIF动图+展开(有触发区) 编号:10075(组合)组件:小程序-图片(无角标)编号:10015(组件)组件:超链接-图片(无角标)编号:10033(组件)组件:视频号直播-图片编号:10855(组件)

7华米科技

1661407913133.gif


▲GIF演示点此查看原文

华米科技通过「点击切换GIF+展开」的交互形式,模拟帮女神砍碎同龄人焦虑、身材焦虑等,借此推出#告白女神#活动,吸引大家参与。


该交互对应编辑器模板:组合:点击切换GIF动图+展开(有触发区) 编号:10075(组合)组件:小程序-图片(无角标)编号:10015(组件)组件:超链接-图片(无角标)编号:10033(组件)组件:视频号直播-图片编号:10855(组件)

8

华米科技

1661407942689.gif

▲GIF演示

点此查看原文

王者荣耀通过「点击串联GIF动图+展开」的交互形式,模拟礼物盒被打开,推荐给大家情侣好物、国潮好物、种草好物等,吸引大家购买王者新品福利好物。

该交互对应编辑器模板:

组合:点击串联GIF动图+展开(设置触发区)编号:10860(组合) 组件:超链接-图片(无角标)编号:10033(组件)

9

王者荣耀

1661407971002.gif

王者荣耀通过「点击串联GIF动图+展开」的交互形式,模拟礼物盒被打开,推荐给大家情侣好物、国潮好物、种草好物等,吸引大家购买王者新品福利好物。

该交互对应编辑器模板:组合:点击串联GIF动图+展开(设置触发区)编号:10860(组合) 组件:超链接-图片(无角标)编号:10033(组件)

10

微软科技

1661408024733.gif

点此查看原文

微软科技巧用「点击弹出」的交互形式,模拟售货机,吸引大家点击啤酒查看背后的故事,宣布微软“IT赋能”嘉士伯。

该交互对应编辑器模板:

组件:点击弹出-弹出图片(设置多个触发区)编号:10100(组件) 组件:无缝图(可弹出)编号:10010(组件)


如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)选择「科技互联网」行业查看更多相关案例。


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



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



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

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)