尾部落地矩陣

絕大多數(shù)品牌方公眾號，出于必要的引流和分流目的，會在每篇圖文結(jié)尾固定應(yīng)用一套矩陣式的版塊設(shè)計。它可能包括超鏈接、小程序、二維碼等互動入口，前往微博、B 站、小紅書或官店、視頻號等落地頁。

這種設(shè)計范式看似為公眾號體系獨有，但實際上在 Social Media 范疇下它也是經(jīng)典?Lower Thirds Collection?設(shè)計的衍生。它最先誕生于視頻媒體，概念源自新聞視頻下方并列播報滾動條中的主標(biāo)題、副標(biāo)題和滾動信息而由此得名。

經(jīng)過不斷演化，它在視頻媒體中已經(jīng)代表了結(jié)尾處豐富的可交互 Subscribe 矩陣（以 YouTube 最為典型），那么基于相同的設(shè)計目的考量，公眾號內(nèi)我們的落地頁矩陣便與之同源同根。

而在設(shè)計層面，它本身沒有絕對標(biāo)準(zhǔn)可言，畢竟不同品牌對該模塊的實際轉(zhuǎn)化訴求各不相同。所以應(yīng)當(dāng)從品牌自身 VI 出發(fā)，結(jié)合當(dāng)下階段的落地頁轉(zhuǎn)化目標(biāo)不斷長期迭代。

基礎(chǔ)形式——以 E2 平臺落地矩陣為例

已經(jīng)被很多讀者反復(fù)詢問本公眾號富文本排版的方法了，本期先以結(jié)尾的落地頁矩陣為例進(jìn)行闡述。我們的 Lower Thirds 非常簡單，主要包含 1）核心產(chǎn)品信息，包括組件數(shù)、價格、地址等并綁定官網(wǎng)超鏈接 2）B 站、小紅書、知乎、視頻號的媒體矩陣說明，并對前三者綁定超鏈接▼

可見它的結(jié)構(gòu)并不復(fù)雜，只需要使用?E2.COOL?黑科技 SVG 編輯器中的「單圖多熱區(qū)超鏈接」即可。該組件的篩選器可以調(diào)整超鏈接具體數(shù)量，自主劃定響應(yīng)的位置，并且你可以根據(jù)實際情況組合應(yīng)用。

含碼設(shè)計——以星巴克落地矩陣為例

如果公眾號的結(jié)尾需要亮相二維碼，那就涉及到長按識別方面的問題了。以星巴克中國為例，它包含 1）推送接收提醒 2）微博、小紅書、抖音、視頻號的媒體矩陣說明，并對前兩者綁定超鏈接，最后視頻號設(shè)置二維碼展示▼

它的結(jié)構(gòu)同樣也不復(fù)雜，這里不妨使用分欄布局，以四等份的切片部署畫面下方的微博、小紅書、抖音和視頻號二維碼，注意其中最后一個分欄應(yīng)當(dāng)使用「高階二維碼/小程序碼」以確保可長按識別。

? ??

高密度跳轉(zhuǎn)——以麥當(dāng)勞落地矩陣為例

也有部分快消品牌希望將幾乎所有媒體渠道陳列出來，這樣的梭哈操作就需要更頻繁地應(yīng)用分欄思路，并加入各色不同的鏈接能力組件▼

運營萌新容易被這個動態(tài)背景效果困住，其實這僅僅需要一個「零高圖片」即可完成。也就是把這個畫面理解為1）背景——漢堡動畫 2）前景——LOGO、矩陣和底部紋理。所以先以「零高圖片」傳入背景，接下去正常順序放入頂部的 LOGO 圖、中間三個「三分欄」（或直接使用九宮格）和底部的紋理圖即可。

公眾號直達(dá)——以 Tiffany 落地矩陣為例

蒂芙尼公眾號的尾部矩陣設(shè)計同樣基于?E2.COOL?黑科技 SVG 編輯器完成，其中有一項比較特殊的應(yīng)用在于公眾號卡片美化后嵌入分欄的效果▼

若要變化為 Tiffany 尾部矩陣左上角的設(shè)計，則需通過「公眾號跳轉(zhuǎn)美化」進(jìn)行改造，具體教程可參考閱讀《黑科技編輯器｜公眾號/地圖卡片跳轉(zhuǎn)美化教程》。關(guān)于卡片代碼的獲取，如果你不擅長閱讀代碼，請參考閱讀《真香｜一鍵獲取圖文音頻/視頻/卡片組件代碼》，通過由@歸零心態(tài)工作室?開發(fā)的?Z0?插件高效提取代碼。

更多可用套件

應(yīng)部分會員和品牌方要求，平臺內(nèi)有現(xiàn)成可用尾部矩陣設(shè)計套件，如香奈兒、特斯拉、積家等▼

它們的具體效果請參考組件鼠標(biāo)懸停右側(cè)「i」符號后浮現(xiàn)的二維碼鏈接。

注意事項

對于外部鏈接（非圖文鏈接的地址均為外鏈）的使用，應(yīng)確保公眾號自身具備外鏈資格。一般來說是已打通微信支付，與商戶號掛鉤的服務(wù)號才可以外鏈。另有部分政府、媒體主體賬號，以及非常早期注冊的部分品牌號也具備外鏈資格。如果你的公眾號實際無權(quán)外鏈，那么編輯器導(dǎo)出的代碼導(dǎo)入后外鏈會被自動抹除！

這里是黑科技編輯器（e2.cool），會的比別人多一點