微博和一直播的封面设计 你可能不知道这些

V3卡罗 V3卡罗 2018-01-16 13:38

经常在一直播&微博开直播的人会发现,直播封面经常裁切。那么封面应该如何设计才能美观呢?

​首先,我们要了解微博直播和一直播对于封面的要求。

产品站内封面建议按照正常热门封面规则来设计。

热门封面要求:带真人人像(宠物、虚拟动漫、游戏、比赛直播除外);不能带黑边、白边;不能带过多标题;不得带明显广告信息或品牌主logo;封面不能为多张图片拼图或过度p图。

微博直播的封面尺寸要求为:560*315,或同比例放大尺寸的横版长方形图片,但实际长宽比大多都为2:1。

一直播官方要求封面尺寸为375*375以上的正方形,为了便于计算,正常选择任意大过次数值的正方形图片都是可以的。

如何设计微博&一直播上都美观的直播封面?_新浪众测

我们来找一张正方形和长方形的图片来进行一下测试

如何设计微博&一直播上都美观的直播封面?_新浪众测

原图尺寸1920*1080,所以我们要先对这个图按照封面要求,进行一下裁剪。(因为图片尺寸过大,我们选择的微博封面按照系统要求乘以2的大小为1120*630,一直播封面则是1080*1080大小的图片)

注:其他尺寸图片请参考对应图形。

正方形图片请对应测试1、4

长方形(横、竖版)均请对应测试2、4

接下来为了方便理解,我们来把图片标记一下

如何设计微博&一直播上都美观的直播封面?_新浪众测

上面正方形1080*1080尺寸的图片我们标记为图片1;

下面长方形1120*630尺寸的图片,我们标记为图片2。

如何设计微博&一直播上都美观的直播封面?_新浪众测

封面准备好了,那我们现在开始分别用一直播和微博分别上传两张封面,共开播测试场4场。每一场我们各开播测试1分钟(少于1分钟,直播无法正常保存)图片主要信息设定为画面右边跳伞角色。

测试1:一直播开播图片1

如何设计微博&一直播上都美观的直播封面?_新浪众测

如何设计微博&一直播上都美观的直播封面?_新浪众测

测试1结果:上传比较正常。

由于是从一直播app上传的封面,所以我们先来聊一直播端。

一直播端:正常

微博端:上下各被切割了一条,切割尺寸各占1/4

如何设计微博&一直播上都美观的直播封面?_新浪众测

测试2:一直播开播图片2

如何设计微博&一直播上都美观的直播封面?_新浪众测

如何设计微博&一直播上都美观的直播封面?_新浪众测

测试2结果:尺寸略怪

一直播端:图片左右均被切割。(图片可在上传封面时左右调整,而非系统自动截取,如下图所示)

如何设计微博&一直播上都美观的直播封面?_新浪众测

图片大小为上传图片的最短边大小。被切割情况如下图红色虚线。

微博端:图片上下左右均被切割,且图片被拉伸。被切割情况如下图绿色虚线所示。

如何设计微博&一直播上都美观的直播封面?_新浪众测

结论:从一直播端上传长条图时,会按照图片最短边尺寸进行同尺寸正方形切割。同步到微博端的图片,会在此基础上,重复测试1的同步步骤。

测试3:微博直播开播图片1

如何设计微博&一直播上都美观的直播封面?_新浪众测

如何设计微博&一直播上都美观的直播封面?_新浪众测

测试3结果:反复被切割后面目全非。

由于封面是从微博app上传,所以我们先聊微博端。

微博端:在上传时,微博端很明确地给出了原图的剪切情况,并且给出了重要内容提示(白色虚线,app上虚线颜色较浅)。我们很容易地可以看出,裁剪正方形封面的方式,与之前相同:上下各截1/4,但是这个尺寸并不是同步到微博的图片尺寸。

如何设计微博&一直播上都美观的直播封面?_新浪众测

通过我的反复测试,大致得到了微博和一直播两个软件间关于图片同步的计算流程(请见结论部分),结果也就是下图上黄色虚线的情况:

如何设计微博&一直播上都美观的直播封面?_新浪众测

一直播端:先通过微博裁剪成长方形图片并将“重要内容区”的信息上传至一直播端内作为封面。

结论:从微博端上传图片的时候,会因为系统计算方式,首先裁剪上下裁区1/4,然后以短边长度裁取中心正方形图片。裁剪后的正方形图传到一直播系统再通过测试1的步骤再被上下裁剪后同步到微博。感觉这种来回来去裁剪的步骤,设计流程的程序猿智商被拉低了呢。

测试4:微博直播开播图片2

如何设计微博&一直播上都美观的直播封面?_新浪众测

如何设计微博&一直播上都美观的直播封面?_新浪众测

测试4结果:少一道裁剪,结果不变

微博端:在微博直播上传封面的时候,久违的舒适感,量身定做的尺寸用起来没有被任何裁减处理。依旧有提示上的“重要内容区”(白色虚线)。然而直播的时候,我们发现封面仍然不是所上传的图片,原因请参见下面的结论。

如何设计微博&一直播上都美观的直播封面?_新浪众测

一直播端:结果同测试3。

结论:我们测试3中提到了两个产品上传图片时的计算流程。微博先两次裁剪后将结果上传到一直播,一直播同步到微博的时候,再次经过一手裁剪。如果按照这个逻辑,就完全说得通了,而测试4更加验证了刚才我们测试3中计算逻辑的正确性。

通过测试3、4,可得到的结论或者说你可以理解成,从微博无论上传何种图片,都是在帮助一直播app截取一个符合尺寸的正方形封面,再跳转到一直播客户端。

那么我们现在来总结一下:

如何设计微博&一直播上都美观的直播封面?_新浪众测

从结论上看,从微博直播上传图片,最少也要被切一刀,而从一直播端上传正方形封面,可以最小的避免被切变形的命运。

所以我们在设计直播封面的时候,可以将封面设计成下图样式:

如何设计微博&一直播上都美观的直播封面?_新浪众测

这样同步到微博的时候就是

如何设计微博&一直播上都美观的直播封面?_新浪众测

如何设计微博&一直播上都美观的直播封面?_新浪众测

是不是很完美觉得好的,记得点赞哦!!!

(声明: 本文著作权归作者本人和新浪众测共同所有,未经许可不得转载。本文仅代表作者观点,不代表新浪众测立场。)
0 0
分享 商务合作 返回
微博 QQ空间 微信