iSVG

针对需要撰写严谨理工科研内容进行图文内公式编辑的用户需求，JZ 的一位课程学员倪豪独立开发了一套微信公众号编辑器插件。其中大量数据公式均通过插件在编辑器内直接生成 SVG 格式，可以说是业内对公式展示效果最佳的一篇图文排版，所采用的背景技术和黑科技互动技术一致。

同样是防疫主题，微软科技在二月模仿了 GQ 一作《硬汉的家里都藏着哪些宝贝？》，形成密室解谜式互动游戏。而这类互动的开发办法，我们在《教程｜让华为、微软争相效仿的创意排版》中已做了详细介绍，不妨点击此教程学习。

本篇较为少见的全英文一图流，通过 SVG 互动模式让易读性提升了不少。GL 为本作设计了典型的情景式长卷互动，横屏后西文的排版因而比竖屏要自由得多。所以，本作也可以视为西文排版的一图流典范。

医疗概念在当下必然成为全民关注的焦点，医疗品牌在此时顺势宣传，自然也可以通过 SVG 互动式黑科技排版赢得用户的更多信任。荒村主持的平安医保一作，互动形式主要依托最基本的透明度动画。但得益于巧妙的构图，能形成“前后景共同淡入”的错觉，因而是一篇互动与设计两相宜的佳作。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「点击渐现」实现。

scale、rotate、opacity，仅仅基于三个基本字段动画，能形成什么效果？本作就是我们 JZ Creative 交付的一篇关于服饰品牌图案定制的趣味互动。图案会被事先融合在场景中，只有点击时才会通过缩放体现其上身效果，让广告从故事中来，自然过渡不生硬。

官方图文音频播放器改版后，旧的音频改造排版方法已经失效。这篇作品是基于新的播放器 JS 模型设计，由我们 JZ Creative 执行开发工作（GL 大神操刀），示范了新版音频播放器前提下的标准改造形式。

我们推荐本作并非其背后有焕然一新的创造性技术，而是它通过优秀的动态设计，把一个最基本的互动模型效果发挥到了极致。非常建议点开原文体验每一个画幅的动态效果。通过与交互结合，动画师的创作在新媒体内可以像本案例一样给人带来更多惊喜。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「GIF控制器」实现。

GL 通过基于穿透触发的“点 A 见 B”特效，为本文民生银行信用卡提升了一图流的互动趣味性。爱不会被隔离。二月情人节的多篇交互中，都会见到疫情的背景渲染。而通过黑科技互动，让这个料峭的春天在这一天变得有爱！