iSVG

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

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

尽管我们一再强调，位图标签作为互动元素，会在不少机型上翻车——如过低版本安卓、刷机苹果等。但依然有不少定制互动图文的品牌主宁可放弃这类用户，强制使用位图进行互动。本作便是荒村苦口婆心劝阻甲方无效，而以位图方式实现的随机娃娃机交互。如果不考虑适配性问题，可以说位图在视觉呈现上确实比矢量图更精致，但我们依然不建议品牌在近阶段尝试位图互动。而如果确实有其必要，则一般会在背景图参数中预置一张 GIF，让无法看见前景互动的用户直接观看背景图的动态变化。

本作由 GL 操刀交互技术的具体实现，主要通过描摹动画，将一场科技大会的日常安排，以最黑科技的排版呈现了出来。

奔驰旗下各公众号的高级互动图文一般由 GL 或荒村负责开发执行，而这些作品往往讨巧在 Agency 提供的视觉设计质量出众，于是可将简单的代码动效展现出最佳的互动张力。本作是简单的 SVG 画布整体值变化，但结合下端的透明黑幕设计和高品质背景图，豪华感不言而喻。

沛纳海融合意大利设计与瑞士技术，是经典的奢侈品牌手表。十一月，沛纳海与 GQ 合作，通过 GQ 实验室账号发布了一篇刷爆朋友圈的密室寻宝游戏，该图文的交互技术由我们 JZ 的鼈臑提供支持。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「连续切换」实现。

本月我们 JZ 还通过 SVG 技术支持了安慕希品牌的联名产品活动。该作中的足球包含自转行为和轨迹动画，再加文案动画和防误触，代码复合难度极大。

荒村本月在药企品牌中也应用了「双开门」，并结合更多动画形式形成了一图流设计，将枯燥乏味的医学信息结合轻巧的动画创意，支持了药企的产品新闻发布。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「GIF控制器」、「开门特效」等实现。