iSVG

12月 OPPO 的新款手机盛大发布，我们 JZ 的开发者鼈臑大神也有幸亲临现场，协同完成了发布会主题的互动推送。在该推送中，设置了手机换色、滚动视频、无 ICON 超链接等一系列高阶开发。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「渐进效果」、「等分容器滑动」、「无图标超链接」等实现。

本篇技术部分的视觉设计与交互开发由我们 JZ 完成，呈现出了包括动态镜头控制播放、触摸屏幕文字碎裂等视觉效果。

若要评选一篇年度最佳的滑动式排版，非 Apple 的本文莫属。该作发布后，不少运营人对其原理丈二和尚摸不着头脑。实际上，苹果利用的是透明 PNG 上双色隐藏方法，白色前景内容在白色背景区域时不可见，在黑色背景区域时可见，而黑色前景内容则正相反。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「等分容器滑动」实现。

CSS 滑动+SVG 触发，Vogue 本期的一图流融合了最顶尖的两种黑科技互动技术，无缝绘制了一条上海滩潮人众生相。本文 SVG 交互技术由我们 JZ 支持。

SVG 其实在前端领域中，常被用于数据可视化项目，但在新媒体领域尤其图文范畴内，鲜有得力大作。本月，我们 JZ 的赵阳主导了一篇 InfoGraphic 的互动式图文技术，将数据报告通过 SVG 交互动画可视化展现。

谷粒多在十一月通过一则典型的互动长卷发布新品奶昔，前期由 GL 测算了互动代码量，荒村完成开发工作，讲述了一只社畜奔忙上班的历程。

网易正在努力进入 SVG 交互图文领域。虽然目前技术、设计都还略显稚嫩，但本月的互图文依然有所进步。本作掷骰子的互动游戏十分出彩，尽管通篇主要牵涉的是动画，但骰子游戏的执行逻辑让图文变得妙趣横生。

长按-松开对应可见性的作品许久未见，而极客公园就采用了该互动模型，制作了一组前沿思考论坛的预热海报，交互部分由振铭操刀。