2023优质交互图文案例合集

青春，是什么？

人民网

2023-05-04

100001

1523

538

「自动播放」青春是什么的文字动效，给人以强烈的视觉冲击，吸引大家点击查看多彩青年并祝大家五四青年节快乐。

技能便利店 Vol.7｜关于你的日常生活，iOS 17 的回答亮了。

Apple

2023-11-03

100001

772

181

「点击展开」ios 17系统的新技能，吸引大家「点击切换」查看各个功能的详细介绍，查看完还可以返回重新查看，互动更加灵活。

请入座，赏巴蜀之声

捷豹路虎中国

2023-08-28

3322

9

5

「点击选择切换」2023捷豹路虎车展的共鸣之声、辽阔之声、酷飒之声、挑战之声，吸引大家前往展馆。

拼手速？鹅要闹元宵！

全心全意小天鹅

2023-02-05

26811

117

80

小天鹅通过长按的交互形式模拟夹元宵，通过有趣的互动祝福大家元宵快乐。

2023 年 ColorOS 全国统一卷

ColorOS

2023-06-07

15110

693

455

依次「点击切换图片」进行答题，借此宣传ColorOS 13的相关知识和设计理念，吸引大家了解并互动。

杭州→宁波→温州→湖州→绍兴→金华

新华社

2023-09-22

100001

1137

350

「上滑」查看亚“韵”Citywalk指南，点击查看杭州、宁波、温州、绍兴、金华等城市的介绍，吸引大家关注亚运会。

七夕特辑|测测你的IM爱慕基因

Isabel Marant

2023-08-04

7385

21

9

临近七夕情人节，通过「点击切换」的交互方式进入爱慕派对，引导大家点击「答题」测测IM爱慕基因，借此互动和传播。

前方热成像，请戴好眼镜

泸州老窖

2023-08-17

2320

33

18

泸州老窖采用了一种新的呈现方式，巧用「背景上滑」的交互形式模拟眼镜下的视角，依次展示冰白酒夜宴图、冰白酒后的舞蹈等展览作品，借此宣传8-12℃白酒冰饮美学。

专星送PK三伏天｜冰咖的每一度，我们都很在意

星巴克中国

2023-08-07

17206

39

12

「点击答题」了解星巴克APP专星送的服务，「点击展开」星巴克APP/小程序实时配送温度的功能介绍，吸引大家点杯冰咖。

迈出你的一步

Jordan中国

2023-08-03

34583

142

52

「点击展开」迈出你的第一步，「下滑」查看更多Beyond故事，点击小程序可直接购买Nike，吸引更多用户购买Nike。

祝你五一省钱快乐！

民生信用卡

2023-04-27

42298

25

13

点击仙鹤，伴随仙鹤的移动轨迹查看民生银行聚惠民生日的满减活动介绍，吸引大家点击了解活动详情。

上新 ｜ 百分茶，这次很不错“椰”！送开学周边

BeFineCha 百分茶

2023-09-01

25665

59

17

伴随「SVG轨迹动画」讲述各种口味生椰奶茶，吸引大家购买饮品及参加9月1日开启的活动。

上班越久，衣服越丑

GQ实验室

2023-11-20

100001

681

186

「点击切换」模拟参观当代绅士的一天，依次查看社交学、恋爱学、财富学等漫画，最后点击切换到自由学的场景中，借此宣传MINI CLUBMAN FINAL EDITTION汽车。

伊妍仕美学LAB | 三维六度，解码东方轮廓美韵「线」索

ELLANSE伊妍仕

2023-08-14

2224

9

5

伴随「SVG轨迹动画」查看伊妍仕美学实验室的三维六度美学理论，借此宣传伊妍仕的美学理念。

藏在画中的这杯新品，终于能喝到了

茶理宜世

2023-04-06

37569

179

60

「滑动」跟随人物开启一场神游，穿越春天、茶园等漫画场景，最后推出茶理宜世的春日限定新品，吸引更多顾客购买。

测测你有多懂我

奥迪

2023-06-25

9231

52

11

「点击展开」奥迪与勒芒的百年故事，点击查看奥迪相关测试题的答案，借此庆祝勒芒24小时耐力赛100周年。

鸟瞰前海 | 领略前海生机勃勃画卷

深圳前海

2023-09-08

1846

30

17

伴随「SVG轨迹动画」讲述《全面深化前海深港现代服务业合作区改革开放方案》发布2周年，一起纵览海风潮。

真的不打算出街？别宅了！

起亚Kia

2023-03-24

9651

18

4

点击起亚汽车模拟汽车行进，借此宣传起亚新K3汽车和春日好礼，吸引更多客户预约试驾。

什么“lǜ”？

雷克萨斯中国

2023-09-13

46110

192

78

「长按上移切换」查看养眼的绿色事物，引起大家的好奇心，「左滑」查看更多绿色事物，最后借此宣传绿色出行搭子原生纯电中型豪华SUV全新RZ汽车。

德国马牌轮胎万圣节主题乐园上线！你能通关吗？

Continental德国马牌轮胎

2023-10-30

1607

21

10

「点击移动扩大切换图片」各个鬼怪的友情提醒，依次讲述开车遇到的各种“糟心事”，吸引大家去挑选品质更好的轮胎，从而宣传Continental德国马牌轮胎。

麦瑞通医疗：一起探索创新路

麦动介入

2023-01-05

960

13

3

点击开始游戏，点击卡通人物开始探索营地、借此宣传麦瑞通产品并吸引大家预约观看2022CCI直播。

沉浸式体验 vivo X Flip 魔镜大外屏

OriginOS

2023-04-27

20984

78

18

「点击选择切换」vivo X Flip的魔晶大外屏和心水配色，吸引大家即刻预定新品。

霸王茶姬 x 小红书 | 5000+份开学礼包大放送！

霸王茶姬CHAGEE

2023-09-01

100001

780

200

「点击展开」霸王茶姬 x 小红书送出的开学礼的介绍，吸引大家积极参与小红书参与“开学第一杯活动”。

艾瑞泽8高能版丨定制你的国庆出游大片

奇瑞汽车

2023-10-05

10599

72

8

「点击选择切换」查看奇瑞汽车艾瑞泽8高能版打造的定制化的国庆出游大片，让假期出游更精彩。

跟随“线”索，破译编织密码

李宁运动生活

2023-08-02

5646

13

4

「点击展开」李宁中国文化系列全新产品的介绍，伴随「SVG轨迹移动」吸引大家的关注和了解设计灵感来源。

古茗×天官赐福动画，联名活动明日开启！

古茗茶饮

2023-10-12

100001

89478

42583

「点击展开」古茗茶饮和天官赐福动画的联名活动介绍，「上滑」模拟穿越，让版面更具美感，从而宣传新的饮品和周边。

晚上好，DREAME不夜城

追觅科技

2023-07-13

15099

72

35

追觅科技通过「点击上移展开」DREAME美食不夜城的介绍，伴随手指上滑查看漫画，点击选择弹窗中的选项以此来控制DI智能美食机器人，用故事性的场景宣传追觅智能送餐机器人，吸引大家购买。

有奖互动｜这一天，我们选择相信爱情

珠江纯生啤酒

2023-08-22

12183

32

34

「点击展开」推荐甜蜜CP打卡的17件小事，吸引大家点击打卡并生成打卡蜜度。

海尔2024校园招聘全面启动！

海尔招聘

2023-08-28

32262

97

25

「点击展开」海尔2024校园招聘的介绍，通过「点击选择切换」的交互模拟选择角色，有一种闯关游戏的趣味性，吸引人才投递简历。

下次遇到这种情况，知道怎么发emoji了吧

钉钉

2023-06-01

4416

61

27

「点击emoij」播放相应动画，「展开」emoij和相应文案海报，吸引大家抽取相应签图，借此宣传钉钉EMOJI和公众号。

穿了？又好像没穿？

Babycare

2023-08-14

5696

65

60

「点击展开」Babycare皇室Pro系列裸感纸尿裤的介绍，主打穿了像没穿的卖点，吸引大家闭眼下单。

我们进行了一场惊喜连线…

拜耳中国

2023-03-13

2009

34

6

伴随线条延伸展开两会相关内容，借此憧憬未来并宣传拜耳的高质量发展和可持续发展理念。

Noritake的极简之喜

HEYTEA喜茶

2023-11-17

100001

3940

2090

「连续点击切换后展开」三款限定纸杯奶茶的介绍，「左滑」查看更多门店，吸引大家前往购买。

别眨眼！灵感即刻起飞

可口可乐

2023-04-06

27445

250

126

点击开启魔力之旅，优秀的视觉搭配「视差左滑」SVG交互显更加炫酷，全文用140张素材，带你沉浸式穿越梵高等5位画家的不同的名画，体验无限的创意！

蕉 内 即 将 着 陆 月 球

Bananain蕉内

2023-07-20

26716

116

44

「点击左移切换」模拟登月时刻，「点击弹出」各个城市的门店介绍，借此宣传蕉内的开店计划，吸引大家入店选购。

࿐云上逛老北京庙会࿐

Uleo游帝都

2023-01-22

842

14

4

点击跟随Uleo开启厂甸庙会创越之旅，最后点击拍照打卡，轮播展示八大新春祈福庙会。

已经忍不住要回家了

小米之家

2023-09-26

39489

86

21

小米通过「点击展开」和「左右滑动」的交互模拟小米智能化后的家，吸引大家购买同款。

与你的每次相遇，都是我的精心设计

真果粒

2023-04-07

17233

137

66

真果粒通过「前景左滑」和「点击选择元素」的交互相结合模拟设计真果粒包装，吸引大家互动赢周边。

小米送你兔年限定红包封面！

小米手机

2023-01-17

100001

2014

388

伴随线条移动出现小米手机的新年祝福和限定红包封面，吸引大家参与小米手机年货节。

怎么个柿er？

滴滴

2023-11-06

100001

224

92

「点击切换GIF后展开」好省柿er的介绍，创新使用了「缩放式弹窗」效果揭秘每一个省事答案，吸引大家下载使用滴滴出行APP。

纯属虚构：时间的秩序，崩塌在北大。

全元光滑

2023-04-28

17074

250

45

「视差上滑」查看古怪现状，借时间秩序崩塌的话题和大家互动，炫酷的交互搭配光怪陆离的画面和文案，给人以奇幻的视觉享受。

倒计时100天！罗振宇2024“时间的朋友”跨年演讲主题发布

得到

2023-09-23

35273

1585

1050

「拖动光圈」滑动探索跨年演讲主题，吸引大家在评论区分享「发光故事」，有机会获得「2024时间的朋友演讲」门票。

热爱可平山海跌宕：再见2022，你好2023

FOTILE方太

2023-01-05

12950

27

5

「视差上滑」查看方太回望2022的视频介绍，借此宣传方太产品和理念，吸引更多客户。

这细节 很加分

宝马中国

2023-06-15

60712

50

12

「万向滑动」查看宝马工艺和细节，吸引大家了解并购买。

这个夏天，来点新的

华为终端

2023-05-18

29787

91

25

「视差左滑」查看华为夏季全场景新品及价格，吸引更多客户了解并购买。

你丑到我了！

淘宝

2023-02-23

10937

52

10

左右上下任意滑动查看2023年度淘宝丑东西大赛40强和淘宝丑东西颁奖盛典，吸引大家关注并讨论。

去冒险，开启你的 2023 好运 TU 签！

石头科技roborock

2023-01-16

28414

645

198

点击开启寻签环游记，「滑动」控制兔子移动，点击扫走烦恼获得TU签碎片，借此吸引大家下载TU签同款表情包。

最美妙的旅行

Marshall马歇尔

2023-08-03

7214

40

24

「视差上滑」模拟穿越时空，「点击播放音乐」更具沉浸感，体验60年来的文化声浪，吸引大家点击进入Marshall Headphones 官方商城小程序。

用游戏科技，点亮「敦煌藏经洞」

腾讯

2023-04-18

14736

313

63

拖动光圈模拟探索莫高窟，点击查看背后的故事，借此宣传“云游敦煌”的小程序，将科技和传统文化很好的结合起来。

分享一个好消息：《永乐大典》“湖”字册修复完成

字节范儿

2023-05-17

3910

50

11

「点击展开」《永乐大典》中有关“湖”字的介绍，「上滑」查看漫画故事，用图文结合的方式向大家科普，借此宣传字节跳动古籍保护专项基金。

还没准备情人节礼物的人慌了🤯

新华三智能终端

2023-02-13

3075

15

3

临近情人节，新华三通过引导大家点击抓娃娃机抽取礼物，借此宣传产品。

大疆发布禅思 L2 机载高精度激光雷达

大疆

2023-10-10

100001

496

136

「自动伸缩式展开」大疆发布禅思L2无人机的介绍，吸引大家通过三大关键词了解大疆无人机。

2023，马上来宝马上班！

华晨宝马招聘

2023-01-18

25091

43

7

新年之际，华晨宝马招聘通过「点击展开」的交互形式模拟放烟花，借此送出新年祝福和新年限定红包封面。

找到你了！六边形真朋友

东风本田

2023-08-11

3698

9

1

「点击切换」查看e；NS1汽车的六边形全能介绍，吸引大家分享讨论该汽车。

测一测 ⏩你的MBTI人格专属色

PerfectDiary完美日记

2023-06-27

45357

223

114

点击选择不同人格，查看相应的口号色系推荐，有趣的交互搭配热门的人格测试吸引大家互动。

解码520密语

GRAFF格拉夫

2022-05-13

7764

38

19

「自动切换」查看520格拉夫惊喜之礼，上滑查看格拉夫情侣对戒介绍，吸引大家购买爱的心意。

关于大学生活的30条真诚建议

厦门大学

2023-10-12

39226

1826

375

「自动层层展开 」厦门大学有关大学生活的30条真诚建议，从而宣传厦门大学，吸引大家报名。

20年里，是什么照亮了我们？

网易哒哒

2023-11-06

100001

575

454

「拖动光圈」模拟找到2003的时代之光，「上滑」查看20年来互联网的发展历程，震撼人心的同时庆祝中国人寿上市20周年。

Hi YOU｜京东方2024全球校园招聘正式启动！

BOE招聘

2023-09-07

45060

43

12

「自动展开」京东方2024全球校园招聘的介绍，依次展示各个岗位和工作城市，已经面试安排的时间地点，吸引人才投递简历。

欢迎搭乘“钟表与奇迹”小火车，开启日内瓦时光之旅

iWeekly周末画报

2023-03-29

11147

41

15

「左滑」跟随小火车进入表展现场，借此宣传2023年日内瓦“钟表与奇迹”高级钟表展。

QQ浏览器上线「摘抄」工具，网页分屏，信息一拖即存

QQ浏览器

2023-06-08

11477

34

16

「点击切换」查看笔记标签，依次查看QQ浏览器PC版摘抄工具的介绍，吸引大家使用。

最强性能版本 718 敞篷跑车

保时捷中国

2023-06-26

35213

206

39

「长按淡入，松手淡出」查看汽车的行驶过程，吸引大家的注意力，「左滑」介绍汽车系统和组件，吸引大家购买全新718 Spyder RS。

宜昌，动动动动动动动动动动动动……

宜昌发布

2023-04-14

19907

73

44

在湖北省第十六届运动会开幕之际，宜昌发布通过引导大家「点击切换展开」运动日历对应的运动介绍，吸引大家来宜昌。

每次去都很「哇塞」的地方是____

央视新闻

2023-05-18

100001

3789

1086

国际博物馆日「点击播放音频」伴随音乐依次点击查看中国文物的介绍，吸引大家互动留言和博物馆的故事。

荣耀轮转，执笔传承

路特斯汽车

2023-09-21

8714

137

4

「点击展开」八辆车的精髓和75周年纪念钢笔的介绍，「左滑」查看更多钢笔细节，吸引大家去预约试驾领取钢笔。

政府工作报告，治好了我的“聊天焦虑”

福建发布

2023-03-06

6270

52

21

「点击切换图片」查看不同漫画场景下聊天焦虑的解决方法，借此科普2023政府工作报告相关内容。

哪款王牌，能让你buff全开？

戴尔

2023-11-24

16059

43

16

「长按切换」模拟感受游匣G15电脑的全能向上BUFF，然后展开不同款电脑和设备的介绍，吸引大家入手。

连公主都来给TA庆生？

benefit贝玲妃

2023-05-09

12462

44

21

「自动展开」贝玲妃蒲公英腮红20岁生日派对，跟随蒲公英的轨迹一次展示产品的更新迭代，吸引大家领取贝玲妃腮红和海马体共同送出的海马体30元优惠券。

新年第一顿9.9元！堡小食甜品选二！

汉堡王中国

2023-01-04

100001

78

24

2023年伊始，点击餐桌上的食物弹出汉堡王食品介绍，吸引大家领取国王日专属福利和跨年季福利。

声入人心，SYSU年度歌单来啦！

中山大学

2023-01-02

13128

183

44

「点击展开」中山大学的年度歌单，借此回顾2022，一起展望2023年。

Gucci Cosmos《寰宇古驰》典藏展盛大启幕

GUCCI

2023-04-28

88615

1082

292

「点击切换GIF动图展开」Gucci Cosmos《寰宇古驰》典藏展的不同房间进行线上观展，「点击收回」该房间的介绍，查看其他房间，借此吸引大家预约观展。

1188KM打开世界计划 | 开启新学期

长安福特

2023-08-31

5887

28

6

「连续点击翻页」带大家体验在收获满满的暑假和福特锐界L一起游历世界、全家冰镇式露营的感受，吸引大家购买福特锐界L汽车一起迎接新的假期。

这里有属于我们的青春回忆

芒果TV

2023-03-14

1027

17

7

芒果TV通过「点击切换GIF动图+展开」的交互形式模拟拉开回忆的抽屉，吸引大家观看《声生不息·宝岛季》节目。

点击开盒，你的宝藏座驾来啦！

东风雪铁龙

2023-04-12

2551

40

5

「连续点击切换GIF动图+点击展开」宝藏座驾的介绍，借此宣传东风雪铁龙2023款C6纪念版，吸引更多顾客购买。

[你有一份魔都探险指南待接收]

MCM中国

2023-06-26

11503

6

2

「点击展开,点击收回」MCM Maxi Monogram主题限时店的介绍，吸引大家进店选购并领取Maxi限量红包封面。

挺巧的

绝对MINI

2023-02-23

22343

123

29

「夹层左滑」查看MINI汽车和热爱的海报，吸引更多客户购买。

百度

2025-09-20

0

0

0

百度 「连续点击切换GIF动图+点击展开」的交互形式模拟文心一言的聊天框，借此宣传百度智能云新品发布会，吸引大家关注文心一言云服务。

咖啡机在想什么？

Nespresso奈斯派索

2023-03-28

2373

11

4

「背景万向滑动」查看Vertuo馥旋系列咖啡机，「点击弹出」三大黑科技，吸引更多客户购买。

欢迎登陆戴尔消博会云上展馆

戴尔中国

2023-04-12

918

3

1

「视差上滑」查看戴尔消博会云上展馆和展品介绍，吸引大家互动体验并前来观展。

好想好想好想好想好想好想出去玩啊~

郑州发布

2023-06-21

77497

160

48

「追光灯+点击伸缩式展开」营造神秘感，邀请大家一起探索夏日美景，「自动向左切出图片」展示郑州发布的风景祝福海报吸引大家互动。

官宣|孙坚邀你进入他的朋友圈

黛优佳DRENERGY

2023-10-30

499

27

19

「拖动光圈」模拟找到最新品牌代言人，点击进入孙坚的朋友圈，借此宣传黛优佳DRENERGY系列产品。

新作钜献 | 传奇，始于创新

百达翡丽Patek Philippe

2023-04-07

12133

64

32

「自动轮播」展示Calatrava系列表盘，「左滑」查看设计理念和故事，吸引大家购买Calatrava腕表。

Jackie 1961如何续写传奇？

嘉人

2023-02-20

100001

624

536

「自动展开」Jackie系列的服饰介绍，「点击弹窗」查看详细介绍，方便用户了解并加强互动感。

多巴胺夏天啥模样？万达宝贝王和350万孩子，告诉你

万达集团

2023-08-29

5061

12

6

万达集团以多巴胺为题「连续伸缩展开」第二届海底小纵队全球粉丝节的介绍，吸引大家参与。

高↗高↗高↗

广州日报

2023-03-09

29236

161

45

「自动层层展开」21曲“高”歌，借此宣传广东各地高质量发展的最强音。

“四个一”告诉你什么是Hi4

长城汽车

2023-04-14

25320

95

18

「自动层层展开」长城汽车的技术、性能和外观介绍，吸引大家购买长城智能新能源汽车。