《公眾號圖文底部簽名區(qū)樣式大全》
一個公眾號每次推送的圖文中，有一處內(nèi)容通常會保持不變，是什么內(nèi)容？
答案是「底部簽名區(qū)」。
「底部簽名區(qū)」指的是圖文末尾放置引導(dǎo)關(guān)注和底部二維碼的區(qū)域，可以起到補(bǔ)充文章內(nèi)容和引導(dǎo)用戶關(guān)注品牌官方賬號的作用，所以不少公眾號都會精心設(shè)計專屬的簽名區(qū)。
今天給大家整理了6種常用的簽名區(qū)類型，包括普通宮格、自定義角標(biāo)宮格、動態(tài)背景宮格、普通列表、重點突出式列表和滾動式列表。
每種類型各有特點，搭配的案例都附有可以實現(xiàn)編輯器模板，一起看看吧。
1.普通宮格
來自「GUCCI」：
這是最常見的簽名區(qū)排版設(shè)計形式。但GUCCI的二維碼是動態(tài)的，產(chǎn)品圖/LOGO與關(guān)注二維碼不斷切換，引人注意的同時又能清晰地展示品牌元素。
需要點擊的超鏈接圖片去除了默認(rèn)角標(biāo)，視覺上顯得很干凈，并且點擊后無需確認(rèn)即可跳轉(zhuǎn)。
對應(yīng)編輯器模板：
組件：超鏈接-圖片(無角標(biāo))
編號：10033（組件）
組件：全能無縫圖
編號：10028（組件）
組合：二(兩)列布局
編號：10144（組合）
組合：三列布局
編號：10150（組合）
2.自定義角標(biāo)宮格
來自「奈雪的茶」：
注意，「奈雪的茶」這個案例有3個宮格右上角設(shè)計了特殊的角標(biāo)，這是品牌結(jié)合圖文內(nèi)容進(jìn)行的自定義裝飾，與正文更好地融合在一起。
對一個品牌來說，超鏈接圖片自定義角標(biāo)，專屬性更強(qiáng)，轉(zhuǎn)化率更高。
對應(yīng)編輯器模板：
組合：二(兩)列布局
編號：10144（組合）
組件：超鏈接-圖片(自定義角標(biāo)位置）
編號：10035（組件）
組件：無縫圖(可彈出)
編號：10010（組件）
3.動態(tài)背景宮格
來自「麥當(dāng)勞」：
動態(tài)背景與宮格式排版的組合，從視覺上突出了品牌的主打美食，非常吸睛。完美日記也曾使用這種：
很多小伙伴不知道這種效果是如何實現(xiàn)的，之前寫過詳細(xì)教程，查看戳：《麥當(dāng)勞的底部引導(dǎo)關(guān)注，怎么做的？》
對應(yīng)編輯器模板：
組件：零高圖片
編號：10224（組件）
組件：超鏈接-圖片(自定義角標(biāo)位置）
編號：10035
組件：無縫圖(可彈出)
編號：10010（組件）
組合：三列布局
編號：10150（組合）
如果不想要超鏈接角標(biāo)，可以將上方「超鏈接-圖片(自定義角標(biāo)位置）」組件更換為：
組件：超鏈接-圖片(無角標(biāo))
編號：10033（組件）
4.普通列表
來自「極米科技」：
「極米科技」的列表形式，清晰明了，方便用戶快速找到自己需要的信息，契合了品牌高端大氣的調(diào)性。
對應(yīng)編輯器模板：
組件：超鏈接-圖片(無角標(biāo))
編號：10033（組件）
組件：全能無縫圖
編號：10028（組件）
5.重點突出式列表
來自「NIKE」：
「NIKE」這種也算是列表形式，但它不是每一行平均分配，其中公眾號二維碼視覺上占用了更多面積，足見其引導(dǎo)側(cè)重點所在。
對應(yīng)編輯器模板：
組件：全能無縫圖
編號：10028（組件）
組件：超鏈接-圖片(無角標(biāo))
編號：10033（組件）
6.滾動式列表
來自「UGG官方」：
滾動條的設(shè)計很是吸引人的注意，非常適合一些時尚潮流的品牌。
如果已經(jīng)提示了用戶點擊，老沙建議去除超鏈接圖片上的角標(biāo)，視覺上更干凈美觀一些。當(dāng)然默認(rèn)角標(biāo)并不是一無是處，它本身也是一種強(qiáng)烈的可點擊提示，保留還是去除需要品牌仔細(xì)做出取舍。
對應(yīng)編輯器模板：
組件：無縫圖(可彈出)
編號：10010（組件）
組件：超鏈接-圖片(默認(rèn)角標(biāo))
編號：10034（組件）
前面推薦的簽名區(qū)都與引導(dǎo)關(guān)注平臺賬號有關(guān)，其實還有一種是引導(dǎo)拓展閱讀歷史文章的，品牌使用得較少，最后再簡單推薦3種。
1.列表式來自「Apple」：
超鏈接圖片上下排列，圖片無角標(biāo)，點擊無確認(rèn)彈窗可直接跳轉(zhuǎn)。
對應(yīng)編輯器模板：
組件：超鏈接-圖片(無角標(biāo))
編號：10033（組件）
2.左右滑動式
來自「PIAGET伯爵」：
超鏈接圖片左右滑動。
對應(yīng)編輯器模板：
組合：左滑組合
編號：10153（組合）
組件：超鏈接-圖片(默認(rèn)角標(biāo))
編號：10034（組件）
3.圖片輪播式
來自「i排版」：
超鏈接圖片自動輪播，可以放置更多文章，并且不占用過多區(qū)域。
對應(yīng)編輯器模板：
組件：自動-輪播Banner
編號：10209（組件）
以上列舉的例子并不是沒有缺點。
點擊比掃碼更方便，可以點擊觸達(dá)的平臺我們盡量不用二維碼而是引導(dǎo)點擊進(jìn)入，比如公眾號，使用卡片就比二維碼關(guān)注的步驟少一步。
另外最好統(tǒng)一適配深色模式，如果在一個簽名區(qū)內(nèi)有的圖片適配深色模式，有的圖片不適配，那在深色模式下就會顯得有些亂。
為了引起注意將簽名區(qū)域設(shè)置得太大也不好，容易喧賓奪主。
這些都是我們需要注意的地方。
制作SVG交互圖文認(rèn)準(zhǔn) iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com，復(fù)制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）