今天三儿准备了两篇来自不同公众号的文章内容，分别是医疗行业以及珠宝行业，他们在推文的排版中都用到了翻书SVG效果。他们仅用一个SVG效果就将整篇内容进行呈现，突破了以往推文的展现形式，在面对长篇图文展示时大家不妨可以尝试这款效果。

gif图展示

《唰——唰——唰——！》

点击蓝色文字跳转阅读

这是一篇来自医疗行业的推文。这篇推文将牙龈出血的科普文章内容做成了多张图文，让用户在浏览的过程中通过点击图片获得新的内容，体验翻阅书籍的感受。在视觉设计上，图片中加入了手绘元素和简短的文字介绍，显得俏皮可爱。因为有了图片内容的巧妙设计+SVG效果的应用，让原本枯燥的科普文章也变得趣味十足。

gif图展示

《不懂就问》

点击蓝色文字跳转阅读

这是一篇珠宝行业的推文内容，这篇文章主要介绍了自己品牌的新品珠宝。它将珠宝产品图与扁平动画设计相结合做成多张珠宝海报展示图，并突破以往滑动、轮播的形式，通过翻书SVG效果来呈现。让原本长篇图文内容浓缩为一屏展示，并以文案串联起每张海报的逻辑，让用户随着文案内容的指引下，以阅读故事的方式看完整篇内容。

从这两篇公众号案例我们可以学习到以下排版思路：

① 在遇到长篇图文内容时，可以尝试突破以往的排版方式，利用翻书SVG效果，将文章内容做成图片形式，并按照一定的逻辑串联在一起，从而增加整篇推文的趣味性和可读性。在图片设计上要往书籍、报纸、日历等视觉效果上靠拢，才能更符合翻书效果的动画特效。

② 除了应用在科普类文章外，品牌宣传推广产品，公司年终回顾，政策发布等场景都可以使用。

这两篇案例用到的SVG效果为斜切式翻书效果，ID：238，三儿为大家讲解此款效果具体的制作方法。