今天三兒準備了兩篇來自不同公眾號的文章內容，分別是醫(yī)療行業(yè)以及珠寶行業(yè)，他們在推文的排版中都用到了翻書SVG效果。他們僅用一個SVG效果就將整篇內容進行呈現，突破了以往推文的展現形式，在面對長篇圖文展示時大家不妨可以嘗試這款效果。

gif圖展示

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

點擊藍色文字跳轉閱讀

這是一篇來自醫(yī)療行業(yè)的推文。這篇推文將牙齦出血的科普文章內容做成了多張圖文，讓用戶在瀏覽的過程中通過點擊圖片獲得新的內容，體驗翻閱書籍的感受。在視覺設計上，圖片中加入了手繪元素和簡短的文字介紹，顯得俏皮可愛。因為有了圖片內容的巧妙設計+SVG效果的應用，讓原本枯燥的科普文章也變得趣味十足。

gif圖展示

《不懂就問》

點擊藍色文字跳轉閱讀

這是一篇珠寶行業(yè)的推文內容，這篇文章主要介紹了自己品牌的新品珠寶。它將珠寶產品圖與扁平動畫設計相結合做成多張珠寶海報展示圖，并突破以往滑動、輪播的形式，通過翻書SVG效果來呈現。讓原本長篇圖文內容濃縮為一屏展示，并以文案串聯(lián)起每張海報的邏輯，讓用戶隨著文案內容的指引下，以閱讀故事的方式看完整篇內容。

從這兩篇公眾號案例我們可以學習到以下排版思路：

① 在遇到長篇圖文內容時，可以嘗試突破以往的排版方式，利用翻書SVG效果，將文章內容做成圖片形式，并按照一定的邏輯串聯(lián)在一起，從而增加整篇推文的趣味性和可讀性。在圖片設計上要往書籍、報紙、日歷等視覺效果上靠攏，才能更符合翻書效果的動畫特效。

② 除了應用在科普類文章外，品牌宣傳推廣產品，公司年終回顧，政策發(fā)布等場景都可以使用。

這兩篇案例用到的SVG效果為斜切式翻書效果，ID：238，三兒為大家講解此款效果具體的制作方法。