苹果都在用的创意排版，手把手教你代码实现！

没错，苹果官方也开始使用 SVG 高级交互式微信图文了。在秋季发布会后，苹果的一篇《 放完大招，再给你来几个 Apple 的独家彩蛋。 》中，关键的“彩蛋”通过 SVG AttributeName 中的 实现点击后才能展示 ▼

点击本文顶部的视频，就可以开始学习！ 听讲前建议准备好基本的行业知识和软件准备，可以回看《 SVG 通识 》和《 SVG 语法规则 》学习。 相关课程为 JZ 的知识付费视频，每期可通过支付 ¥9.9 的小额费用收看学习。

其实，在 16 年我们 JZ 帮助微信团队制定了《 微信下 SVG AttributeName 白名单 》后，17 年和 18 年交互式图文爆发，高阶定制的设计如雨后春笋般涌现（点击查看） ：

林肯 | 第一太平戴维斯 | 梅赛德斯奔驰 | 起亚 | 腾讯

分期乐 | vivo | 滴滴打车 | 20世纪福克斯 | 一加手机

苹果此次使用 的 虽然基础，但是用得好同样格调满满。同样的经典定制作品还包括杜蕾斯的案例《 杜蕾斯花式动画排版是如何实现的？ 》 （点击蓝字阅读） 和爱马仕的《 铺开生命最初的美好 》 （点击蓝字阅读） 等。

圈内独立设计师荒村（yiwebsite）曾设计过一款业界标杆作品《 小米6X，拍人更美 》 （点击蓝字阅读） ，昨天因 i排版编辑器抄袭而再度引发新媒体圈对这一设计的关注（详情查看《 关于i排版编辑器无耻抄袭和流氓评论的声明 》）。如需定制该样式，请与荒村 （yiwebsite）直接联系。

作为这类动画技术的白名单的开发者，我们真诚希望所有受益于此的商业机构能够尊重他人版权，提高自我修养。

想学习更多创意 H5 设计，点击下方小程序报名 我们的线下课程 ▼