iSVG

校园账号，往往逃不出发布校园美图的推送逻辑。所以怎么把美景以别样的排版方式创意呈现，就成了高校之间官方号高下立判的标准。山东大学发布了一期滑动图片后，会给照片局部着色的特殊排版，由鼈臑操刀交互技术。他所运用的是 CSS 混合模式思维，让原本静态的校园美景，需要同学们通过触发才能看见，极大提升了阅读时的用户注意力。

CSS 在图文 H5 的领域内也有各种应用，在 JZ 提出穿透触发原理后，配合传统的滑动模块，能形成类似背景移动的效果。

奥迪的这期图文 H5，技术核心是 GL 提出的《位图-位图切换》思想。当动态图之间互相配合时，这一看似简单的效果就体现出了高端、大气的排版效果。目前该效果可以在 SVG 黑科技编辑器（https://www.e2.cool/）中通过「GIF控制器」实现。

宝马已经是图文 H5 的老玩家了，基本每次服务号发布时都会携带一篇由 GL 负责开发的互动式 SVG 图文作品。本期推送中一套基于的路径描摹设计使得不少小编惊叹。

党政宣传也已经用上新锐的图文 H5 技术啦！珠海金湾区就扫黑除恶工作开发了手游，并通过 SVG 交互式图文 H5 进行推广，将抽奖密码隐藏在了图文长卷中。若正确点击到黑恶势力，一个牢笼就会从天而降，展昭将其抓捕。如果你能抓住全部黑恶势力，就能显示出完整抽奖密码——如此生动有趣的“扫黑除恶”工作阐述，赢得了当地读者的广泛认同和传播。赵阳同学在开发相关 SVG 代码时，当时也恰逢微信官方的调整期，后来通过路径优化成功发布。

“测试题”是 H5 营销中经久不衰的类型，而它可以依托 SVG 直接在图文内实现。谷歌发布的这套测试题图文 H5，帮助游戏开发者检验了自己对海外市场的用户行为认知，为游戏文化“走出去”提供了干货支持。荒村开发的这篇图文 H5 测试题展示方式并非答题卡式，而是逐题显示对错并提供答案，因此对用户来说答题的氛围相对轻松和友好。

伸长展开式图文已是品牌方的基本操作，而本作是第一套加入二次收缩的商业作品应用。利用不同的口令分别控制图文伸长和收缩的动画，由开发者科蚪最先提出，JZ 首次应用于冈本的年终总结图文。前期运用伸长动画展开失望账单，后期串联位移动画和收缩动画打造碎纸机粉碎账单的效果。

本作由孙悟喵和鼈臑共同开发，JZ 交付至局部气候调查组。推荐之处在于其恰到好处的动态设计，用简单而精致的交互技术加以点缀，用一片雪花的飘落串起文章的主线，最后巧妙的用父子赏雪动画作为结尾的点睛之笔。