SVG微信交互图文｜如何用点击切换优化图文排版设计？

交互在微信图文推送中已经司空见惯，据前面文章也为大家介绍了不少，有简单的点击切换、高度展开等效果，也有相对复杂的沉浸式图文和拟物装置，如果单纯为了图文趣味一昧追求技术难度不一定成就优秀的作品，而发挥交互效能真正服务内容传递信息，进一步优化用户的阅读体验才最重要。下面介绍一些比较简单的交互，但在微信推送里承载丰富信息、增强互动的作用，下面以「小编备用」交付宝马中国的交互图文——《想为你扫清冬日寒冷》为例，不妨通过例子了解一下。

从推送效果中可以看出，全篇是基于点击切换效果，使用了标签的透明度属性的技术原理，触发控制图片出现和消失实现同一层级不同内容之间的切换。在交互展示上界面信息聚合，让用户在一屏中获取更多的信息，从而提高获取信息效率。技术不复杂，也不是最有趣的内容，但是交互在此实现的是优化结构的图文效果。除此之外，文末巧妙的通过生成海报让用户自行输出信息，用户可以截图转发朋友圈引起深层次信息传递。

总的来说，案例所示点击切换的模型，优化内容自上而下的阅读方式，节省了排版设计的空间，同时提高用户获取信息的效率。在这里简单的交互实现最大效能，优化界面信息传递路径，也为信息传递过程提供了新思路。

图文最终回归于内容的发挥，交互的作用也不可小觑。简单的交互联动，实现具有信息承载样丰富、容量大、互动性强的推文，也增强了图文中信息传递优势，成就图文排版设计的有效解决方式。