iSVG

国企紧跟新媒体潮流，也加入了 SVG 黑科技排版的阵营。中国航空发动机集团有限公司针对校园秋招推出了本篇长卷 SVG 互动文章。且交互细腻，极少误触空间，实为佳作。

穿越火线在十一周年之际，设计了这样一个让斯沃特于不同场景中瞬间切换的创意，背后的技术也不一般。本图文的互动区域由我们 JZ 操刀，绝不是一般的前景滑动模块，而是前景固定不动，背景产生滑动。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「底层滑动」实现。

每当普通的运营人认为某种排版模式已经无法再创新时，总有一些品牌能玩出新花样。已经被广为应用的滑动，被切换至纵向后结合「温度计」概念，诞生了这篇脑洞清奇的互动排版，赶紧来体验一下。此外，该文中温度指针还结合了 SVG 模块防错设计，优化了滑动到底部时的页面效果。虽然体验还不够完满，但不得不说是近期滑动排版中，比较亮眼的作品。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「底层滑动」、「纵向滑动」等实现。

一篇 SVG 互动 + CSS 滑动的混合排版，将目前最流行的互动黑科技融合展现，尤其值得一提的是滑动前景图边缘细腻，没有任何毛刺和白边产生。顶部 SVG 互动区由我们 JZ 提供技术支持。GQ 无论内容还是形式，一直是媒体属性微信公众号中的弄潮儿。其实远不止这篇，他们总会在“一图流-交互-一图流-交互”的高难度排版中游刃有余。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「顶层滑动」实现。

苹果微信公众号的运营团队，擅长以最简单的交互技术结合最顶尖的平面设计能力，给用户带来拍案叫绝的交互体验。本文通过 GIF 结合 SVG，又引起了很多运营人的羡慕嫉妒恨。不过若是仔细分析，其中包含的 SVG 仅仅是淡入动画而已，真正的难点在于——把代码高亮排版技法运用到图文排版中。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「GIF控制器」实现。

本月的长卷式和科技交互排版中，荒村主持开发的平安集团作品也值得一提。图文中一辆监测车缓缓开动，在一气呵成的卡通背景上将原本枯燥的“功勋墙”变成了有趣的漫画故事。

一个酝酿已久的灵感，终于在本月实现——交互式多格漫画排版。本文是我们 JZCreative 为线下课程微信顶尖排版术推广而设计的黑科技排版，前所未有的新创意设计引起了全行业的围观。漫画+交互的一图流，瞬间将两种新媒体行业最硬核的排版技术结合。

药企入场黑科技排版领域！该作将人体结构与三维弹球的游戏逻辑结合，设计与交互结合度上佳，触发类型和动画类型也极其多样，属于长卷复杂剧情交互的典型作品。而这类作品在制作过程中，背景位图和 SVG 交互前景矢量图结合已经成为了黑科技排版的共识性操作。