5
0近期，微信侧对公众号图文的部分功能进行了重要的迭代，其中点赞的快捷操作之于 SVG 交互设计而言至关重要——双击屏幕，即可产生一个红色的点赞动画，并产生对图文的点赞。
而交互，是 SVG 黑科技排版的核心，它与当下公众号点赞的场景不谋而合。经 iSVG 的观察，市面上已经出现了不少巧妙利用该机制，大量提升图文点赞的排版策略，本期我们就来分享几种典型的 SVG 互动排版策略吧！
高频流——引导用户快速连续点击，进而在过程中获取赞
SVG 木鱼模型是由著名交互设计工作室 JZ Creative Studio 开发的一种双层触发互动架构，其与阿里钉钉的合作项目《🥁 电 子 木 鱼 . e x e》在业内具有极高知名度。而随着微信点赞功能的变化，近期他们又推出了《（荔 枝）转 运 木 鱼 . e x e》案例，不仅在交互代码架构上有所升级，当手速足够快时可以获取「大展鸿图」书法动画，还在同时能产生直接的点赞触发，显著提升了点赞/阅读比。
那么可以想象，只要但凡与「重复」、「手速」有关的 SVG 互动均能在交互同时顺带产生点赞。小编梳理了 JZ Creative Studio 的既往发布，认为还有包括以下图文在如今可以产生效果：
以上仅供广大用户参考交互创意思路，如有其他形式的创意也欢迎提交至 iSVG 官网上线精品案例。
双击/拍一拍流——引导用户快速双击行为
如果没有用户连续点击的交互策略，也可以简单通过双击/拍一拍行为产生同步的点赞互动。所以在设计层面，我们可以直接写入「拍一拍」、「双击」等文字信息对用户进行提示，并且一般确保在单击情况下不提供交互反馈。
而理论上，大多数 SVG 交互（click）事件其实都可以转化为双击模型。著名 SVG 交互设计工具 E2 编辑器就有一款「拍一拍转换器」基于此技术特性开发而成，能够将大量 E2 编辑器中的原生 SVG 模板转化为拍一拍执行逻辑。
而在其平台的案例《大 展 鸿 图 .SVG ▶️ 游 戏 启 动！》，结尾的书法就采用了「拍一拍转换器」，巧妙完成了结尾的点赞逻辑，流程体验十分自然。
当然对于使用 E2 编辑器的用户，还可以直接采用其他平台中的拍一拍组件：
由此通过上述两种 SVG 交互设计策略，我们就能实质性地提升公众号图文点赞量。即便是富文本形式的图文混排，你也可以植入一个局部的 SVG 效果进行组合。
如果你尚未掌握 E2 SVG 编辑器和其他传统富文本编辑器的混排方法，也可以点击阅读《E2黑科技编辑器&秀米&135如何混合使用SVG？（教程）》进行学习。
