《1024程序员节SVG交互图文案例合集》
1024 程序员日快到啦！往年庆祝程序员日的这些图文真的太有意思了，不仅刷新了大家对程序员的印象，还能很好地宣传品牌和产品。
今天给大家整理了8篇1024程序员节SVG交互图文，分别来自美团、海尔集团、阿斯利康中国、上汽MG名爵汽车、ZStack云计算、科大讯飞、谷歌开发者、百度App，今年做图文前参考一下，肯定有收获。
01
美团Meituan
《美团出BUG了？？？？？》
▲GIF演示
打开图文开屏弹窗暴击，「连续点击消除图片」模拟依次关闭窗口后展开美团程序员写代码的场景，最后祝大家程序员节快乐。
该交互需定制
02
海尔集团
《1024 | 祝指尖造梦的程序员们，节日快乐！》
▲GIF演示
「连续点击切换」bug提示弹窗，最后点击展开用程序员的“语言”编辑的满满祝福，借此介绍海纳云平台并祝程序员们节日快乐！
交互对应编辑器组件/组合
组合：连续点击切换图片+消失展开(有触发区)
编号：10469（组合）
03
阿斯利康中国
《message=input("Please enter 1024")》
▲GIF演示
依次点击1024「输入密码」后图文展开，多个平级「点击展开」阿斯利康给出的答卷，借此宣传阿斯利康的数字化战略。
该交互需定制
04
上汽MG名爵汽车
《揭秘！程序员们的AB面》
▲GIF演示
在程序员日，「点击展开」MG5汽车观察到的程序员特点，「点击翻转」切换程序员的AB面，引起大家的共鸣并借此宣传上汽名爵汽车。
交互对应编辑器组件/组合
组合：点击展开(有触发区)
编号：10051（组合）
组件：点击-左右翻转切换图片
编号：10197（组件）
05
ZStack云计算
《输入1024，开启Z视界》
▲GIF演示
依次点击1024「输入密码」后开启Z世界，依次介绍ZStack产品，吸引读者前往体验。
交互对应编辑器组件/组合
组合：解锁展开(可设置点击动画&触发区域)
编号：10473（组合）
06
科大讯飞
《两天后的1024，有哪些“看点”？》
▲GIF演示
科大讯飞通过多个平级「点击展开」带大家一起来看看科大讯飞全球1024开发者节的“看点”，其中穿插着点击、拖拽、滑动等交互，更具科技感和趣味性，借此吸引读者预约逛展。
交互对应编辑器组件/组合
组合：点击展开(有触发区)
编号：10051（组合）
组件：连续点击-切换多张图片(有触发区)
编号：10044（组件）
组件：点击-切换图片(有触发区)
编号：10043（组件）
组件：双层滑动-背景万向滑动
编号：11415（组件）
组件：开门滑动-左右开门
编号：10019（组件）
07
谷歌开发者
《开发者们的节日，蕴含着成长的秘密 | 10.24 心语》
▲GIF演示
「连续点击切换图片」模拟浇水后大树长大，借此引起大家的好奇心并介绍“开发者心语”的活动规则，最后邀请大家一起让技术的大树更加茁壮。
交互对应编辑器组件/组合
组件：连续点击-切换多张GIF动图(有触发区)
编号：10088（组件）
08
百度App
《程序员，我要解码你》
▲GIF演示
在1024程序员节，百度通过「点击切换」的交互模拟答题后在答案解析里为程序员们撕掉标签，借此宣传百度APP，吸引读者下载体验。
交互对应编辑器组件/组合
组件：点击-切换图片(有触发区)
编号：10043（组件）
如果以上案例还没有看够，可以到「品牌时光机」交互图文案例库（网址：brandtime.cn）中搜索「1024」、「程序员」或「代码」查看更多相关案例。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）