宝马、奔驰等品牌号的底部签名区，一次教会你！
图文签名区，媒体矩阵，底部引导关注……
这些名称其实说的都是一回事，就是图文底部展示品牌在不同社交媒体平台上的账号的一块区域，为不同平台的账号引流。这块区域一般与正文无关，在每篇图文中都会放置。
为了方便教学，本文中就统一叫签名区吧。签名区看着复杂，其实制作起来真的非常非常简单！
拿两个经典案例看下。
宝马的：
奔驰的：
更多案例见：《公众号图文底部签名区样式大全》
可以看出来，这些签名区大同小异，在设计上通常以宫格划分，每个宫格中以超链接图片、小程序图片等形式展示不同平台账号。
只不过有的是两宫格，有的是三宫格、四宫格，一行只展示一个平台账号的我们也可以看作是一宫格。
制作方法简单到可以用一句话概括：
在 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条）