服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

公众号尾部矩阵设计 -

日期: 来源:E2平台收集编辑:小E





尾部落地矩阵

Lower Thirds Design



绝大多数品牌方公众号,出于必要的引流和分流目的,会在每篇图文结尾固定应用一套矩阵式的版块设计。它可能包括超链接、小程序、二维码等互动入口,前往微博、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」符号后浮现的二维码链接。






注意事项

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





更多海量模板,平均不足 1 元!

E2.COOL 秉持着让行业“人均 SVG”的生态理念,由多位黑科技排版设计的头部资深开发者共同打造,帮助更多品牌以可视化形式完成互动式图文创作。如有任何特效灵感和建议,也欢迎通过客服向我们提出,E2 将竭诚思考代码转化的可行性。




E2 平台官网

https://www.e2.cool/



会的比别人多一点







相关阅读

  • LOOK | 街头「大牌拍摄地」· 周末游玩指南

  • ①... 去看书吧 · 新「湖畔」图书馆②... 打卡 · 深圳街头时髦拍摄地③...「毛不易巡回演唱会」深圳站 · 明日开票 ④... 去看展吧 ·「乔治·莫兰迪」华南首展⑤... 去
  • LOOK | 去「海边公园」春游吧,看花丛里的摩天轮

  • /吹着初春的清风漫步沿海公园也将一路捕捉到的春色,分享给你坐标:前海演艺公园海边公园看「金鱼草地」。spring.二月接近尾声时我们于午后来到前海演艺公园在绚烂盛开的金鱼草
  • (可能是)外星人居住地图鉴

  • 第448次推送 | 长度523厘米 | 看完大概需要5分钟附件1:《关于水熊虫》或许你还记得,或许你已忘了,我们曾在微博上发起了小小调查,发现小读者们在“宇宙生物学”主题下提到最多
  • 《手持小动物指南 | 放手篇》

  • 第448次推送 | 长度290厘米 | 看完大概需要3分钟附件1:《大猫小猫喵喵喵》中国是猫科动物多样性最高的国家之一,共有13种,有“大猫”和“小猫”之分。“大猫”指豹亚科成员,包
  • 如何更快地将string转换成int/long

  • 「 关注“石杉的架构笔记”,大厂架构经验倾囊相授 」文章来源:【公众号:Kirito的技术分享】前言在很多追求性能的程序挑战赛中,经常会遇到一个操作:将 String 转换成 Integer/Lon

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 合集|2022年度SVG图文佳作|120篇

  • 自 2016 年 SVG 动画白名单技术文档由 JZCreative x 微信团队发布以来,基于 SVG、CSS 等的图文式 H5 经历了 8 年的发展,如今已经成为了一种比 H5 直达率更高,投放成本更低,互动
  • 公众号尾部矩阵设计 -

  • 尾部落地矩阵Lower Thirds Design绝大多数品牌方公众号,出于必要的引流和分流目的,会在每篇图文结尾固定应用一套矩阵式的版块设计。它可能包括超链接、小程序、二维码等互动
  • 10000㎡超大游乐园、80+种不同耍法,送你过周末!

  • 哈喽,带大家到处耍的刀上线~~安排过崇州、青城山等等各种周边游,今天咱宠幸一哈大成都,就近安排一波市内耍事,满足——①适配情侣/好友/全家带娃②不用舟车劳顿就能耍的尽兴③来
  • 澳门的土著玩法,路线我都规划好了!

  • 今年的旅游计划做了无数个,最先去的地方,是澳门!整整玩了一周,超级开心。为啥是澳门?因为它是一个绝佳的旅游目的地。论吃,这里和成都一样是「世界美食之都」,众多不同风格的好吃馆