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