iSVG

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

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

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

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

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

华为云的本篇魔都游记系顶级的横版人物交互剧情长卷，由我们从设计到交互完成全部工作，鼈臑主导了代码开发。对人物的步态设计，我们依然采用了序列帧模式（5帧），不过近期我们正在推进基于关节组件的柔顺人物步态 SVG 套件开发，敬请期待。

4月，华为 · 荣耀系掀起了一股 SVG 快闪+暴力伸缩式的交互特效浪潮。本文的前序列快闪登峰造极，可以说是整个行业图文内纯代码动画的顶点标杆，而后序列的暴力伸缩效果富有极大的视觉张力。

由 JZ 的一位课程学员所开发的 GE 超声影像图文，采用复合方法结合描边动画、透明度动画和序列帧等技术，给本文增加了多元化的动画效果。平常对「黑科技图文」接触较少的工业医疗领域也逐渐开始对 SVG 技术有所关注和青睐。