瑞幸咖啡的公眾號排版技巧:提升閱讀量的秘訣
探索咖啡界巨頭瑞幸咖啡如何通過創新的SVG輪播效果、點擊切換GIF圖展開和視頻號SVG等技巧,優化其公眾號的排版設計,從而顯著提升用戶閱讀量和互動性。本文深入分析瑞幸咖啡的排版策略,提供實用的排版技巧,幫助您掌握如何通過精致的視覺呈現和互動設計,吸引并留住讀者,讓您的公眾號內容脫穎而出。立即學習如何運用這些高效的排版技巧,讓您的公眾號排版更具吸引力,提高用戶粘性與參與度。
嗨嘍,寶子們,今天又是一期我們的品牌案例拆解內容,前兩期三兒為大家講解了奶茶行業——奈雪的茶以及珠寶行業——CC卡美珠寶的排版拆解(點擊藍色文字跳轉閱讀),大家反響都很不錯,所以三兒后面會從各個行業出發,挖掘該行業的優質案例帶大家分析學習。那今天三兒要為大家帶來的優質案例是瑞幸咖啡,作為咖啡界的頭號品牌,他們又有哪些值得我們學習的排版技巧呢?今天我們就來揭秘!
三兒在分析了瑞幸咖啡的多篇推文內容中發現,他們在排版中用到的最多的SVG效果就是各種樣式的輪播效果,主要是用于展示咖啡新品圖片以及客戶們的評價截圖。
他們的整體排版風格簡約大氣,通常排版內容是以飲品圖以及實景背景元素結合,圍繞該咖啡飲品所用到的材料或者搭配少量用戶評價、門店情況來展開敘述。重點在于突出當季新品,讓用戶一目了然了解到飲品的實際情況。
這里我為大家舉三個案例,以GIF圖來呈現:
SVG效果ID:252
點擊上方黃色文字跳轉
SVG效果ID:92
SVG效果ID:69
2&3效果都來自同一篇內容
點擊上方黃色文字即可跳轉
這3個SVG效果均來自瑞幸咖啡近期的推文內容,雖然效果上會有一定差異,但都屬于輪播SVG的范疇。
① 在推文中瑞幸利用這類輪播效果來介紹系列新品,比如上面列舉的天堂咖啡dirty系列,利用多圖放大式輪播SVG來展示,比常用的普通滑動在視覺上更有沖擊力。因為推文多以靜態長圖來介紹,用戶在閱讀過程中可能會產生疲憊感,但加上輪播的SVG效果,形成動態、靜態圖片對比,能讓用戶的注意力停留在動態的產品圖片,加深用戶印象。
② 用圖片輪播橫向單方向SVG來展示用戶評價,這是在我們之前介紹的推文之中沒有遇到過的形式,該篇內容將用戶評價截圖做成統一的圖片格式,依次從左緩慢進入視線。由于圖片截圖較多,通過這種形式既能優化排版內容,讓截圖全部在一屏展示,又能吸引用戶花更多時間停留觀看,了解其他顧客的優質評價,從而對新品產生認可。
輪播SVG效果很適合大家放在產品宣傳推廣的文章之中使用,在之前介紹的奈雪的茶優質案例中也有提及,在輪播SVG組件中展示產品圖片,能讓用戶知曉文章重點突出的內容。
今天從瑞幸咖啡中我們還能學到的技巧就在于,偶爾可以在文章文末或者中間部分的位置上加入顧客的評價截圖的輪播SVG,通過顧客的好評來背書,其實會比產品的各種介紹來的更有效,讓用戶對新品產生良好印象,從而促進購買。
在135編輯器首頁,選擇左側菜單欄【SVG編輯器】進入。
進入網頁后,選擇【互動效果】—素材,依次找到上述效果。
1.多圖放大式輪播
2.多圖彈動輪播
3.圖片輪播橫向切換
案例一??

點擊上方黃色文字跳轉
案例二??
點擊上方黃色文字跳轉
上述舉例的兩個效果都用到了點擊切換SVG來展示飲品,第一個案例是以新年為主題,做成了拆紅包的形式,第二個案例則是以圣誕季為主題,做成拆禮物的形式,讓產品宣傳推廣的方式與文章主題密切結合。該SVG效果能增加推文內容的神秘感,讓用戶懷著好奇心理,點擊指定地方,獲取下拉圖片的“秘密”,互動性大大提高。
瑞幸咖啡的這兩個案例都用到的是點擊切換GIF圖展開,很多寶子可能在用這款效果時,會單獨使用,這樣會顯得內容稍微單薄,像上述兩個案例雖然只用了這一個組件,但他利用多個該效果組成了一個完整的內容,比如新年主題拆紅包的案例中,這個完整的部分是由多個紅包部分構成,“新、年、瑞、幸”,每個文字對應一個點擊切換GIF圖展開的SVG,拆盲盒的效果同理。
在宣傳推廣產品時,除了利用輪播效果外,點擊切換GIF圖展開也是不錯的選擇。除了運用在產品圖片展示外,像各類主題活動推文也可以使用該效果,圍繞特定主題,比如逛展覽、拆盲盒等,制作類似的點擊元素(例如紅包、盲盒等),組合在一起,在展開的部分中放入活動圖片。
在135編輯器首頁,選擇左側菜單欄【SVG編輯器】進入。
進入網頁后,選擇【互動效果】—組合—展開—點擊切換GIF圖展開,ID:128。
點擊黃色文字跳轉閱讀
現在視頻號內容被廣泛應用到推文之中,然而通常視頻號的封面圖都是靜態且展示形式也很單一,插入在文章中,影響推文整體效果,因此很多大牌賬號變著花樣來設計視頻號封面圖樣式。在這篇文章中,視頻號封面展示換成了動態效果,與整體內容相互協調,美觀度也隨之提升,更能吸引用戶點擊查看視頻內容。
該文章利用了視頻號SVG,在該效果上我們可以自定義視頻號封面圖,比如這篇文章中設計的飲品gif圖封面,會比靜態的圖片效果好很多,大家要圍繞推文的排版風格和主題來設計視頻號封面圖。
在135編輯器首頁,選擇左側菜單欄【SVG編輯器】進入。
進入網頁后,選擇【互動效果】—素材—視頻—視頻號,ID:76。
以上就是三兒分享的全部內容啦
眼睛會了還不行
記得下來多練習哦
如果覺得還不錯
記得點贊+在看
你的鼓勵是三兒前進的動力

135編輯器(網站:m.vrlw.com.cn)是一款在線圖文排版美化工具。平臺已有超過15萬+樣式素材、3000+款模板素材、200+款svg互動效果素材,更有秒刷、一鍵排版、多公眾號管理、云端草稿等46項在線功能。
為了更好地服務企業用戶,135編輯器目前面向企業會員同時開放135編輯器會員、比格圖片設計企業會員、svg編輯器會員三大權益。更專業的功能和服務,讓企業會員享受最佳的會員體驗。
立即登錄



