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