餐飲行業(yè)公眾號怎么排版？
這里我為大家找了一篇塔斯汀公眾號的推文內(nèi)容來進(jìn)行案例拆解。在推文中他們的長圖設(shè)計都與SVG效果巧妙的結(jié)合起來，將領(lǐng)優(yōu)惠券與產(chǎn)品宣傳做成游戲的形式，讓用戶在帶著好奇心瀏覽完全文。
近幾年
一個標(biāo)榜中國漢堡的品牌塔斯汀
異軍突起
憑借著做中國手搟漢堡的理念
逐漸贏得越來越多的消費者喜歡
三兒去瀏覽了一圈他們的公眾號
不禁感嘆
人家出圈不是沒有理由的
品牌宣傳做得相當(dāng)nice
就從公眾號排版來說
精致的排版設(shè)計、獨特的風(fēng)格
一下就把我吸引住了
所以我忍不住要分享給寶子們
話不多說，趕緊來看看
這里我為大家找了一篇塔斯汀公眾號的推文內(nèi)容來進(jìn)行案例拆解。在推文中他們的長圖設(shè)計都與SVG效果巧妙的結(jié)合起來，將領(lǐng)優(yōu)惠券與產(chǎn)品宣傳做成游戲的形式，讓用戶在帶著好奇心瀏覽完全文。
點擊圖片跳轉(zhuǎn)閱讀
這篇推文中用到多種SVG效果進(jìn)行組合，再配上卡通的版面設(shè)計，可愛十足。首先進(jìn)入到推文后映入眼簾的就是連續(xù)翻頁再展開SVG效果，ID：152：在整體設(shè)計上，首圖和翻頁圖以卡通風(fēng)格為主，視覺效果上模擬了游戲界面的樣式，比如游戲進(jìn)度條、gif圖，與正文的闖關(guān)設(shè)置相呼應(yīng)，讓原本直白普通的領(lǐng)券過程變得很有意思。
正文內(nèi)容部分，通過3個版塊串連在一起，做成了闖關(guān)的形式，前兩個部分都用到了多區(qū)域彈出海報自動收回SVG效果，ID：195，通過該效果分別介紹了周二會員日的詳情，以及漢堡系列產(chǎn)品，而在第三部分則是利用多區(qū)域觸發(fā)引導(dǎo)跳轉(zhuǎn)SVG，ID：233，引導(dǎo)用戶跳轉(zhuǎn)小程序領(lǐng)優(yōu)惠券。
整體上看這篇文章并沒有用到特別酷炫的SVG效果，都是一些我們常見的SVG組件，但是他們卻能巧妙地將SVG與領(lǐng)券嘗鮮的主題相結(jié)合，讓每個SVG組件都能恰到好處發(fā)揮其價值。從中我們也可以看出，一篇優(yōu)秀的推文內(nèi)容，不是光靠厲害的SVG組件來堆砌，而是要將SVG組件與主題、版面設(shè)計相結(jié)合來完成的，畢竟我們的推文最終目的還是在于向用戶傳遞實質(zhì)性的價值。
在創(chuàng)意設(shè)計上來看，明確主題后，可以將推文內(nèi)容分版塊以SVG來呈現(xiàn)，比如像上述文章圍繞領(lǐng)券嘗鮮主題，以闖關(guān)形式呈現(xiàn)，做了多組不同的游戲內(nèi)容設(shè)計，或者是圍繞時下流行話題，比如：MBTI、年輕人奇葩的購物習(xí)慣等展開話題，通過對比方式，運用滑動、點擊換圖等SVG，做相應(yīng)的版塊設(shè)計。正文內(nèi)容要始終圍繞主題而展開，這樣才能形成一篇完整的推文。
在SVG頁面的【互動效果】的搜索框輸入195或者是“多區(qū)域彈出”關(guān)鍵詞，放入到編輯頁面。
① 首先放入一張前景圖片，選擇【添加圖片】即可。
② 再依次放入彈出圖片，這里可以放多張彈出圖片，選擇【添加圖片】。每插入一張圖片就需要為該圖片在前景圖上設(shè)置點擊彈出的熱區(qū)，拖拽紅色虛線即可調(diào)整控制區(qū)域。
③ 編輯完成后，選擇右上方的【導(dǎo)出】或者【同步】到微信后臺即可。
以上就是三兒分享的全部內(nèi)容啦
還有什么想看想問的
都可以在評論區(qū)留言哦
如果覺得還不錯
記得點贊+在看
*所有素材案例僅供學(xué)習(xí)參考，侵聯(lián)刪
立即登錄
