iSVG

将丰子恺漫画巧妙拼接，该作的设计初衷与效果堪称一绝。但对于这篇作品我们既要入选本期十佳，也要指出其严重的翻车问题——标签在大量机型内无效——你可以简单的认为，有很多用户其实根本看不见这篇 SVG 图文的互动内容！至于其严重翻车问题我们会在下一篇推送中详解，但撇开技术硬伤，它所呈现的阿里巴巴对近年来中国经济社会变迁的巨大贡献，是充满创意且诚意满满的。

你方唱罢我登场。为了让人大代表履职信息发布更为出彩，人民网也同样采用了最新三代伸长的 SVG 技术，将横版的 infographic 卷轴徐徐拉开。

央媒已经全面进入 SVG 时代了，在《这种花式排版技术，人民日报、人民网、新华网、央视新闻都在用》一文中我们就能看到国家队的当前火力。而这一期央视新闻的伸长式互动图文，是完全依照视频课《微信高级交互-伸长式动画（简洁版）》的教程制作的。这种特效将巨量信息逐步释放到受众面前，极大削弱了用户阅读时的心理障碍。

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

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

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

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

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