公·教·车  关于头图的杂谈vol.2

 

史上最全头图应用环境罗列...

你真的以为
我不会出vol.2?
终于我们迎来了vol.2的头图杂谈,本期我将主要讲解头图在各种环境下受到的切割,并浅谈我们该如何布局。



首先,我们想一下我们的图文一般在哪些环境下会被大家看到,大致是:微信公众号内部推送图文、朋友圈分享图文、微信对话转发图文以及查看历史消息图文。除了环境变量,在微信公众号内部推送图文中还存在单图文以及复合图文的区别。

为此我们先制作了一张特殊的头图,方便大家统一比较观察和用于后续说明讲解。我们将带有这张特殊头图的图文在各个环境中进行截图,得到如下的结果:


△微信公众号内部推送单图文△
△微信公众号内部推送复合图文△
△微信对话转发图文△
△朋友圈分享图文△
*查看历史消息图文由于部分原因在此不做截图


△示例头图△
通过上面的演示截图,我们可以大致发现一些规律,我进行如下总结:


▌微信公众号内部推送单图文
一般情况下显示完整的头图,因此不用担心在此环境下的切割。
▌微信公众号内部推送复合图文(母)
该情况下头图会受到黑底标题的遮挡(示例头图中蓝色区域),如果标题过长会变成两行,则遮挡区域扩大(示例头图中蓝线以下区域)。
▌微信公众号内部推送复合图文(子)
复合图文的子图文头图永久显示为方形(示例头图中紫色区域),一般子图文头图建议直接使用正方形图片。
▌微信公众号对话转发图文
显示为切割后的正方形(示例头图中紫色区域),一般在原始头图中应该事先考虑好切割的情况,把一些图像中吸引人的信息放在转发传播可以被显示的区域。
微信朋友圈分享图文
切割为正方形(示例头图中紫色区域),朋友圈为图文的主要传播途径,受众除了看到标题外就能看到的是这块正方形区域,因此在头图设计时因考虑布局,使得吸引人的信息能够在此区域展现。
查看历史消息图文
这是一个最难解决的问题之一,由于所用设备的不同所截取的头图区域不一,以正常手机为例,单图文会受到一行截取(示例头图中蓝色区域),若是复合图文母图文则受到至少两行截取(示例头图中蓝线以下区域甚至更多)。

通过一系列分析我们大致了解了头图在各个环境的切割情况,那么我们在设计头图的时候就可以根据传播效果、美观和一致性等需要进行合理的布局啦!
滴!学生卡!


车辆起步
请扶稳坐好
刚上车的乘客请往里走
下一站
你想听啥
在公众号后台留言


    关注 公教车


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册