寶馬、奔馳等品牌號的底部簽名區，一次教會你！
圖文簽名區，媒體矩陣，底部引導關注……
這些名稱其實說的都是一回事，就是圖文底部展示品牌在不同社交媒體平臺上的賬號的一塊區域，為不同平臺的賬號引流。這塊區域一般與正文無關，在每篇圖文中都會放置。
為了方便教學，本文中就統一叫簽名區吧。簽名區看著復雜，其實制作起來真的非常非常簡單！
拿兩個經典案例看下。
寶馬的：
奔馳的：
更多案例見：《公眾號圖文底部簽名區樣式大全》
可以看出來，這些簽名區大同小異，在設計上通常以宮格劃分，每個宮格中以超鏈接圖片、小程序圖片等形式展示不同平臺賬號。
只不過有的是兩宮格，有的是三宮格、四宮格，一行只展示一個平臺賬號的我們也可以看作是一宮格。
制作方法簡單到可以用一句話概括：
在 iPaiban Pro 編輯器選擇需要的「多列布局」組合，然后在布局的每個宮格中拖入嵌套需要的效果組件，最后上傳素材調整參數就可以了。
如果不明白，這里以寶馬為例，也為大家準備了詳細的文字教程：詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組件：零高圖片（編號：10224）
組件：公眾號-圖片（編號：10214）
組合：三列布局（編號：10150）
組件：小程序-圖片(無角標)（編號：10015）
組件：全能無縫圖（編號：10028）
組件：點擊彈出-彈出圖片（編號：10068）
拆解一下，寶馬簽名區主要由3部分組成：
我們一部分一部分地來制作。
第1部分：點擊跳轉寶馬公眾號
在「組件」中搜索選擇「公眾號-圖片」組件，上傳圖片素材，填入公眾號卡片ID。公眾號卡片ID使用小助手插件來獲取，詳細教程：《iPaiban Pro小助手安裝和使用教程》
第2部分：寶馬微博、抖音、小紅書
其中微博和小紅書可點擊跳轉相應的賬號小程序，抖音不可點擊。
在「組合」中搜索選擇「三列布局」組合，點擊「編輯組合」進入。
在三個宮格中分別拖入「小程序-圖片(無角標)」組件、「全能無縫圖」組件、「小程序-圖片(無角標)」組件。
接著分別編輯每個組件，上傳圖片，填寫參數。3個組件的3張圖片尺寸需保持一致。
編輯完成后退出組合。
第3部分：寶馬B站、視頻號、App
其中B站可點擊跳轉相應的賬號小程序，視頻號和App點擊彈出二維碼，掃碼進入相應鏈接。
與第2部分的方法一樣，選擇「三列布局」組合，在三個宮格中分別拖入「小程序-圖片(無角標)」組件、「點擊彈出-彈出圖片」組件、「點擊彈出-彈出圖片」組件，然后編輯組件即可。
這樣其實就算完成了，為了防止宮格和宮格、組合和組合的連續處出現不可控的縫隙，我們可以在最前面，也就是「公眾號-圖片」組件之前添加一個「零高圖片」組件，上傳一張完整簽名區圖片用作整個簽名區的背景：
*零高圖片在排版中顯示的高度為零，可用作后邊組件的背景。舉個例子，如果我們使用「零高圖片」組件上傳了一張高度1000px的圖片，那么后面的樣式凡是在1000px高度內的，它們的背景就是這張零高圖片。
按照同樣的思路，大家嘗試設計制作自己的簽名區吧！
教程《文章底部簽名區（媒體矩陣），教你3種快速復用的方法！》或許你也需要。
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業標準版會員體驗權，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）