iSVG

较之绝大多数只能蝇营狗苟东施效颦的 Agency 或 Digital，圈内真正的大神永远走在浪潮之巅。本作标题正如开发者 GL，当大家都以为类动画已经被发掘了极限可能性时，他在 JEEP 公众号又全新登场，实现一套令人叹为观止的“着色”特效。

520 当日 SKG 的这篇 Apple 版伸长式交互技能点点满，鼈臑在主持开发过程中，不惜采用反向滑动、CSS 混合模式（提示符动态）、双 180° 反向布局大法等尖端技术，确保了图文的照片画质、深色适配等达到最优效果，比苹果的技术架构更为进阶。本文也代表了次世代品牌公众号设计的趋势为“一图流+轻交互”，即在传统无缝长卷设计的基础上，局部内容采用结构简洁的 SVG 互动装置呈现。无论是通过向与 JZ 这样的顶级 Digital 定制，还是通过编辑器调用模版，这种风潮正在席卷整个公众号生态。

拟态朋友圈、视频旋转、全屏樱花特效……你以为法拉利这篇 520 主题图文中技术点只有这些？其实还有开发者鼈臑的双 180° 反向布局大法！

5月，圈内又诞生了一篇重型顶级交互长卷，由计老师主持设计工作，鼈臑执行开发，就其交互的编组复杂性来讲也可能是业界难度最高的作品。不妨扫描二维码，体验一下这俄罗斯套娃般的交互结构吧。

图文内文本自定义还能怎么花式应用？来看这篇！链家&贝壳的 CSR 部门在 5 月向「善吟创益」定制了一份纯 CSS 互动图文，主题为 520 要做的 9 件事。

上个月我们向华为系交付了大量 SVG 互动图文作品，本文全场景发布会采用了“多重伸长”的创新结构，让信息量爆炸的超长图文张弛有度。

张裕葡萄酒是酒业中和泸州老窖一样，一直在尝试 SVG 黑科技排版研发的品牌之一。本期入榜的作品是一则画卷打开效果的伸长式图文，与当下泛滥成灾的苹果式伸长图文不同，它更回归这一交互模型早期的设计思维，精细构建出横版长卷。通过本作，我们也行告诉各位开发者跟风开发应当适度，寻找与众不同且匹配自己品牌调性的交互模型，让内容最得当地呈现，才是 SVG 开发思维的精髓。

医疗品牌内包括百时美施贵宝、强生、西门子医疗等都已经涉足过最顶级的长卷 SVG 推送，上个月 GL 则为费森尤斯卡比开发了一套长篇 SVG 设计，其中通过人物缩放模拟近大远小特性，是本作中非常值得各位开发者学习的亮点。