《公众号图文底部签名区样式大全》
一个公众号每次推送的图文中,有一处内容通常会保持不变,是什么内容?
答案是「底部签名区」。
「底部签名区」指的是图文末尾放置引导关注和底部二维码的区域,可以起到补充文章内容和引导用户关注品牌官方账号的作用,所以不少公众号都会精心设计专属的签名区。
今天给大家整理了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条)