No1.微信小程序分享封面图设计指南

前言

最近大部分时间都在和小程序的项目打交道。面对小程序设计的种种躺过雷踩过坑，也算小有心德。小程序的规范大家都不陌生，有什么不懂，Baidu一搜一大把。但是对于小程序分享封面的介绍却很少，因为项目需要，所以对小程序分享封面图的设计做了些研究，下面就是我在设计过程中会遇到一些问题的总结。

分享的重要性

为什么会有小程序分享这件事呢？愉悦的体验将更容易触发用户去分享，进而触达更多用户，提升用户粘性，产生的口碑则是最有效的营销，如此良性循环，这是一个成功产品生产周期中重要的环节。当你开始对分享封面进行创意也就意味小程序的设计已经接近尾声，下一步就要接入商业运营，分享这个事件便起到了承上启下的作用，所以我们非常看重分享这件事。

分享场景

在实际设计中，小程序的分享根据我们分析，主要在两种场景下完成：一种是用户出于对小程序的兴趣主动发起，另一种则是被周围环境影响被动发起。无论主动发起还是被动发起，接收到转发信息的用户才是决定这次运营成功与否的关键。那么什么信息能引起用户的兴趣，在看到的一瞬间决定分享呢？

卡片信息

其实分享封面图就像各种商品在营销时设计的banner，用户根据第一印象选择是否入坑，所以分享封面和banner有着相同的地位，所传递的信息也极为相似。微信规定了小程序分享的卡片信息包括：小程序的logo，名称，一句描述性的文字，以及一张封面图。logo和名称就不用说了，根据自己VI制定。可以自由发挥的就是描述和封面图。描述需要言简意赅并且能精彩的描述小程序或者页面，在对比了各种小程序的描述基本保持在12-14个文字，能够在卡片中显示一行，用户通过图文结合的描述有了对小程序的第一印象。所以说这个环节很重要。

转发封面图指南

接下来重点来了，讲究很多的封面图才是重点。

首先，微信小程序的转发时的封面图片比例固定为5:4，这是我们设计封面图必备知识点。我一般选用（630X504）px进行设计，好处就是防止渣像素。

其次，封面图是由三种方式产生，

第一种是微信自动截取除去导航栏以外部分页面作为转发封面图，这种方式使得部分内容漏出，能够有效引起用户注意并进入小程序，但这种分享不太友好，不够情感化。却对内容类及电商类小程序SKU页面的很实用，这种方式最直接，小程序中可以默认设置。目前大多数小程序正在使用这种方式，比如：京东、腾讯新闻、腾讯视频、马蜂窝等；

第二种是根据内容设定固定样式并生成封面图，多用于单品页面（如：商品页、书籍封面、名片等展示），这种方式生成的封面图往往伴随着页面中重要信息，可以让用户获取有效信息，比如：商品名称、价格、评分等等。这种方式需要进行程序开发。

第三种就是设计师设计符合诉求的视觉图片作为封面图片。这种方式多用在小程序整体形象或特色产品的分享。有助于通过小程序的分享建立、提升品牌形象和产品认知度。这种方式注重设计师对品牌或产品的理解，通过视觉语言提升用户对品牌的依赖度和对产品的认知度。目前微保、NOME、便利蜂等使用这种方式，需要开发人员开发配置。

封面图的设计

纯插画，选择这种方式需要形象准确的传达小程序的功能，适合用在整体小程序转发封面的设计，代表性的是：顺丰、喜茶。logo+插画设计，这种设计方式适合需要建立、提升品牌形象的小程序，代表性的是：便利蜂、NOM诺米家居、微保等。这两种方式是目前应用较多的设计方式。

另外还可以尝试品牌元素+照片+文案、 logo+照片等等设计方式。这些方式主要是为了说明，封面图设计的宗旨是把“这是一个什么样的小程序”通过设计语言有效的传达给用户，进而形成转化率。

以上便是我对小程序转发分享图设计的一下心得，希望对大家有帮助。