iSVG

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

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

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

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

此篇为了保证樱花动画的清晰度，此处鼈臑使用了双层 GIF 模式，为高端和低端机型均提供了合适的 GIF 清晰度浏览效果。

4月，武汉重启。对此，党政机关也积极引入高级图文新媒体，将优秀的摄影作品与 SVG 充分结合，瞬间成为了朋友圈爆款。实际上该作的技术背景十分简单，135 编辑器中包含相应模板（id97481）可直接使用。由此可见，SVG 交互开发并非代码层面越复杂越好。如果视觉本身足够出彩，轻交互也足以形成大作品。如上图，景物的夜景色彩版取景专业且修图精细，黑白版降低了亮度、饱和度，调整了黑白渐变映射关系，所以使得这组黑白-彩色的变化绝不仅仅是色彩变化，而是多项图片参数的渐进变化。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「点击渐现」实现。

本作在 GL 操刀下有着出其不意的亮点——“iOS 长按震动反馈的触发时间，恰好和正确开锁的时间吻合，形成游戏中的交互反馈”，快去亲自体验一下吧！

本文是业内非常少见的 SVG 参数动画，并且鼈臑结合了近期流行的位图引入法，从此告别了的翻车问题，因而具有里程碑式的意义。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「图书翻页」实现。