公众号尾部矩阵设计

您所在的位置:网站首页 香奈儿vi设计手册 公众号尾部矩阵设计

公众号尾部矩阵设计

2023-06-10 16:33| 来源: 网络整理| 查看: 265

尾部落地矩阵

绝大多数品牌方公众号,出于必要的引流和分流目的,会在每篇图文结尾固定应用一套矩阵式的版块设计。它可能包括超链接、小程序、二维码等互动入口,前往微博、B 站、小红书或官店、视频号等落地页。

这种设计范式看似为公众号体系独有,但实际上在 Social Media 范畴下它也是经典 Lower Thirds Collection 设计的衍生。它最先诞生于视频媒体,概念源自新闻视频下方并列播报滚动条中的主标题、副标题和滚动信息而由此得名。

经过不断演化,它在视频媒体中已经代表了结尾处丰富的可交互 Subscribe 矩阵(以 YouTube 最为典型),那么基于相同的设计目的考量,公众号内我们的落地页矩阵便与之同源同根。

而在设计层面,它本身没有绝对标准可言,毕竟不同品牌对该模块的实际转化诉求各不相同。所以应当从品牌自身 VI 出发,结合当下阶段的落地页转化目标不断长期迭代。

基础形式——以 E2 平台落地矩阵为例

已经被很多读者反复询问本公众号富文本排版的方法了,本期先以结尾的落地页矩阵为例进行阐述。我们的 Lower Thirds 非常简单,主要包含 1)核心产品信息,包括组件数、价格、地址等并绑定官网超链接 2)B 站、小红书、知乎、视频号的媒体矩阵说明,并对前三者绑定超链接▼

可见它的结构并不复杂,只需要使用 E2.COOL 黑科技 SVG 编辑器中的「单图多热区超链接」即可。该组件的筛选器可以调整超链接具体数量,自主划定响应的位置,并且你可以根据实际情况组合应用。

图片

含码设计——以星巴克落地矩阵为例

如果公众号的结尾需要亮相二维码,那就涉及到长按识别方面的问题了。以星巴克中国为例,它包含 1)推送接收提醒 2)微博、小红书、抖音、视频号的媒体矩阵说明,并对前两者绑定超链接,最后视频号设置二维码展示▼

它的结构同样也不复杂,这里不妨使用分栏布局,以四等份的切片部署画面下方的微博、小红书、抖音和视频号二维码,注意其中最后一个分栏应当使用「高阶二维码/小程序码」以确保可长按识别。

图片

    

高密度跳转——以麦当劳落地矩阵为例

也有部分快消品牌希望将几乎所有媒体渠道陈列出来,这样的梭哈操作就需要更频繁地应用分栏思路,并加入各色不同的链接能力组件▼

运营萌新容易被这个动态背景效果困住,其实这仅仅需要一个「零高图片」即可完成。也就是把这个画面理解为1)背景——汉堡动画 2)前景——LOGO、矩阵和底部纹理。所以先以「零高图片」传入背景,接下去正常顺序放入顶部的 LOGO 图、中间三个「三分栏」(或直接使用九宫格)和底部的纹理图即可。

图片图片

公众号直达——以 Tiffany 落地矩阵为例

蒂芙尼公众号的尾部矩阵设计同样基于 E2.COOL 黑科技 SVG 编辑器完成,其中有一项比较特殊的应用在于公众号卡片美化后嵌入分栏的效果▼

若要变化为 Tiffany 尾部矩阵左上角的设计,则需通过「公众号跳转美化」进行改造,具体教程可参考阅读《黑科技编辑器|公众号/地图卡片跳转美化教程》。关于卡片代码的获取,如果你不擅长阅读代码,请参考阅读《真香|一键获取图文音频/视频/卡片组件代码》,通过由@归零心态工作室 开发的 Z0 插件高效提取代码。

图片

更多可用套件

应部分会员和品牌方要求,平台内有现成可用尾部矩阵设计套件,如香奈儿、特斯拉、积家等▼

它们的具体效果请参考组件鼠标悬停右侧「i」符号后浮现的二维码链接。

注意事项

对于外部链接(非图文链接的地址均为外链)的使用,应确保公众号自身具备外链资格。一般来说是已打通微信支付,与商户号挂钩的服务号才可以外链。另有部分政府、媒体主体账号,以及非常早期注册的部分品牌号也具备外链资格。如果你的公众号实际无权外链,那么编辑器导出的代码导入后外链会被自动抹除!

这里是黑科技编辑器(e2.cool),会的比别人多一点

官网链接:www.e2.cool



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3