iSVG

中秋节时，各大品牌都卯足劲筹备了特别的微信图文消息。而宝马依然由 GL 主持技术，推送了一篇令人叹为观止的 SVG 互动。而这篇与本月苹果的发布有异曲同工之妙，但控制权交给了用户。结合 Agency 优异的设计表现，把“快闪”的视觉逻辑转化成了“穿梭”的互动体验，一定要打开原文感受一下！而这种互动逻辑，其实最早源自包括手速挑战、新年鞭炮等行业早期作品。虽然代码的模式和细节在迭代，但相信“连续触发”式 SVG 互动，一定还有更多可能性。

大家都爱的“滑动”，总有品牌能实现新创意突破。本月，我们 JZ 就为杰克琼斯微信公众号设计了“滑动”的新应用场景。一方面是结合中秋，将月相的天文原理与滑动结合，形成了滑动月牙切换到圆月的设计。另一方面，我们 JZ 为杰克琼斯的服装图案定制活动设计了滑动预览模型，帮助用户更快了解图案的多样性和印制后的直观效果。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「顶层滑动」实现。

荒村大神本月联手泸州老窖把答题卡模式玩成了花，发布了这篇古风感十足的答题卡，让一个传统品牌和一个传统 SVG 交互焕然新生。答题卡本身因其互动性强，加之逻辑闭环严密，可以衍生出大量公众号与用户的互动模式，因此是黑科技排版领域的常青树交互模型。而本作第一是画风上形成了突破，另外结合用户的选择，最后还能翻卡查看自己的的历史角色，游戏感十足。

九月的科技圈头条，苹果必须有身影，而亮相新 iPhone 11 的微信图文，必然是苹果本月新媒体工作的重中之重。那么，苹果采用了什么形式发布这篇推送？正是 SVG 黑科技互动排版！并且形成了经典快闪效果！

JZ 在本作中，创新应用了一种反向图文缩进动画，并通过制作抖动效果，使得屏幕仿佛即将崩裂一般。

为了更好的教导驾驶员正确应对突发路况并保护轮胎，奔驰本月基于黑科技排版制作了这套教程。本作非常巧妙地应用了超级马里奥关卡设计风格，而且特别选取了难度较高的地下关卡模式，很好地烘托了主题氛围。

最简单的交互原理，配合有那么些故弄玄虚的文案或提示，就使得这篇文章仿佛黑科技满满。实际上，本文内的交互不具备任何人工智能特性，不过 who cares?

通过矢量设计、人物手绘、交互开发……我们 JZ 交付了这条典型的 SVG 互动长卷。原本枯燥干涩的游戏规则，通过视觉与交互生动呈现，这就是 SVG 黑科技排版的意义所在。