iSVG

6月的各大特色案例，主要集中在 618 主题和端午节主题。其中 618 中 JZCreative 向 SKG 交付了 SVG 关节动画套件的首个重型巨幅长卷案例，丝滑的人物动态与渐进式交互装置结合，形成丰富的情景互动效果，赶紧点击链接体验这一由鼈臑操刀的黑科技排版效果吧！

本作是遮罩特效的重大创新应用，由计老师全栈完成（设计、校谱、开发）。点击第一小节，你就可以驱动琴谱进度，并同步听到琴谱的演奏特效。

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

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

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

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

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

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