iSVG

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

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

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

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

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

最强一图流条漫遇见 SVG 交互！王者荣耀团队在上个月通过 @局部气候调查组 发布了一条令人眼前一亮的黑科技条漫排版，将若干最简单的和类动画发挥到了极致。这一场景 JZ 认为最值得一提。一般来说，开发者会尽可能避免渐进式交互中的重影问题，让每个序列都尽可能保持清晰。但在以上场景中@局部气候调查组 的设计师反其道而行之，让重影成为了交互亮点，主动让用户超高频点击屏幕形成打斗效果，不愧是局气！

SVG 一直都是数据可视化中的常客，各类网页 Data Visualization 作品中，JS 混合 SVG 形成的作品占到 70% 以上。现在，JZ 将纯内联式 SVG 的数据可视化能力带入新领域，让公益项目数据更清晰更透明。真爱梦想公益基金会 4 月发布的这篇年报，数据详实，交互丰富。多种可视化图表结构在动态作用下呈现出了多而不杂的信息表达，该作也引起了公益圈中一股围观小高潮。

豪车新媒体标配 SVG，这一模式在宝马、奔驰、奥迪、玛莎拉蒂等品牌上屡见不鲜。4月中，法拉利为大家演绎了两篇 SVG 黑科技排版，其中的《快上车！一起去追风~》（GL 操刀）也是一则创造性的伸长式图文设计，图文的收缩过程与车辆行进方向一致，这与前文滴滴公众号不明所以的设定形成鲜明对比。永远不要为了交互而交互，而是要为内容而交互。