SVG案例库丨在该领域，JZ排行业第二
·
缘于近期一件轶事，我们特拟本期标题发一个正经广告。你可以留言猜猜看事由，第一位猜对的读者赠送我们 404 艺术馆的艺术品福袋一个（含第二版《硬核运营》）》
·
以下品牌图文均由 JZCreative 团队提供技术支持©，分类方法由荒村提出并经授权使用和优化，禁止任何形式搬运、抄袭代码或作为案例引用于商业推广场景中。我们已对代码增加原创标识，会对侵权行为固定证据，统一索赔。
近期交付品牌
·
科技：
华为（终端/云/机器视觉）、荣耀、三星、一加、OPPO、Bose、Qualcomm、腾讯（云/ME）、阿里云、大疆、 SKG、文思海辉、巴可、中化信息
·
汽车：
捷豹路虎、法拉利
·
奢侈：
爱马仕、卡地亚、蒂芙尼、迪奥、积家、雅诗兰黛、巴利、蒂普提克、百年灵、沛纳海
·
金融：
贝莱德、京东金融、泰康、华泰保险、平安集团、华安基金、雪松国际信托
·
教育：
EF 英孚教育、牛津大学出版社
·
服饰：
杰克琼斯、GORE-TEX 戈尔特斯、耐克、锐步
·
食品：
康师傅、喜茶、喜小茶、轩尼诗、脉动、伊利、安慕希、奥利奥、有时 WHISKY
·
医药：
东软医疗、西门子医疗
·
媒体：
新世相、Elle、GQ 实验室、嘉人、VOGUE、红秀
·
工业：
GE 中国、施耐德电气、惠生集团、中联重科
·
公益：
善贝善念、真爱梦想
·
政府：
央视军事、人民日报、上海团市委
·
电商：
京东、考拉海购
·
其他：
CF 穿越火线、欧舒丹、西安龙湖
·
案例库按照微信三大交互方式——点击、长按、滑动——划分图文类型。
·
其中，点击交互有几种常见的图文类型，在后面单独陈列并详细划分。
·
咨询、定制等需求请联系 JZ 管理员（微信:zhuoya_work ）定制交互图文。
1-2
横版/竖版长图
分段式触发
·
点击触发小人多次，跟随小人运动出现内容。可以分段式触发，也可以连贯触发，期间还可以出现内容弹窗。
·
·
SKG（ Case ）
·
UDM（ Case ）
·
杰克琼斯（ Case ）
·
雪松国际信托（ Case ）
一条线描边
·
点击开始线条描边，伴随描边查看/出现内容。
·
阿里云（ Case ）
·
SKG（ Case ）
·
GE中国（ Case ）
·
惠生集团（ Case ）
·
JZCreative（ Case ）
·
基于描边还可以实现创意性延展↓
·
嘉人（ Case ）
路径运动
·
点击元素沿着曲线路径运动，可伴随运动阅读或者伴随运动出现内容；常用元素包括船舶、车辆、小人等；往往用于活动赛事和企业周年等主题。
·
康师傅私房牛肉面（ Case ）
·
VOGUE（ Case ）
·
Elle（ Case ）
·
伊利牛奶（ Case ）
·
平安集团（ Case ）
·
华安基金（ Case ）
·
泰康（ Case ）
·
腾讯CF穿越火线（ Case ）
·
JZCreative（ Case ）
交互式条漫
·
插画+交互，公众号生态两大顶级制作内容的碰撞。插画的易读性和交互的趣味性能够将内容传达效率推向极致。当然，这类作品的开发往往需要巨大的成本投入，尤其带有高定插画的作品，更需要艺术家的专业支持。
·
华为（ Case ）
·
腾讯CF穿越火线（ Case ）
·
考拉海购（ Case ）
·
JZCreative（ Case ）
1-3
答题
简单答题
·
简单答题可以通过点击、滑动出现答案，操作相对简便。
·
GQ实验室（ Case ）
答题卡
·
点击作答，最后生成答题卡。
·
GQ情感研究所（ Case ）
·
中联重科（ Case ）
即时答题
·
答完题即时出对错和解析。
·
贝莱德（ Case ）
·
GQ实验室（ Case ）
分析答题
·
选择不同答案，生成不同的结果。
·
贝莱德（ Case ）
·
考拉海购（ Case ）
拉长式答题
·
可通过点击选项拉长图文，呈现该选项的对错和解析。
·
GQ实验室（ Case ）
1-4
音乐播放器
音乐播放器美化
·
通过设计和代码，让音乐播放器以任意样式呈现。
·
JZCreative（ Case ）
触发GIF+播放音乐
·
点击触发GIF动画，同时播放音乐。
·
积家（ Case ）
触发歌词/文字等+播放音乐
·
点击触发音乐，同步播放歌词、弹出对应文字；当然也可以添加其他动效和交互，匹配音乐节奏。
·
华为终端（ Case ）
·
GQ实验室（ Case ）
·
Bose（ Case ）
音乐播放器还可以有非常多的创意形式，比如捏泡泡、放鞭炮、微信语音，在元素自身发生变化的同时，都可以播放音乐。
1-5
视频播放器
全屏视频
·
视频全屏显示，分竖版全屏和横版全屏。
·
法拉利（ Case ）
·
三星（ Case ）
·
蒂普提克（ Case ）
·
遮罩视频
·
把视频嵌入电视、圆框，让视频以任意形状显示。
·
轩尼诗（ Case ）
·
腾讯（ Case ）
视频切换
·
点击切换视频，如果把视频嵌入电视，可实现换台效果。
·
蒂芙尼（ Case、Case ）1-6
随机图文
抽签
·
多张签循环滚动，点击开始抽签，再次点击停止；可用于抽书单、抽粽子、抽手机、抽卡牌、随机抽优惠券；目前可以位图制作，也可以长按抽签。
·
贝莱德（ Case )
·
华为（ Case )关注我们
·「JZCreative」
🌱 获取最新鲜的交互图文案例 🌿添加微信，定制图文