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