7*24小时咨询热线: 028-86086820
               投诉电话: 028-86086814

百度开屏广告与尺寸规范,你有了解过吗

发布时间:2018-11-08

之前,做引导页的尺寸我一直都是直接问开发人员的,没有仔细研究过。导致有时候我不太确定图片哪些机型哪些区域会被裁减,或者做多个机型的尺寸。

**近我们公司需要加上一个百度开屏广告图,后台开发表示**好能一张图适配所有屏幕。一张图就意味着一个尺寸适配所有屏幕,所以我需要明确清楚知道哪些屏幕会裁减图片,裁减多少。要保证button、文案等这些重要信息不被裁减。所以我终于开始认真的考虑下这个问题,而非直接问开发(因为我意识到开发对于尺寸适配不一定很了解,这应该是设计师的工作)。

其实是一个小小的适配问题,可能都不值得一写。但为了避免忘记自己选用那个尺寸的理由,也写出来分享可以更好的接受大家意见(因为我想法可能是错误的,或者有更优的解决方法),所以还是决定记录总结一下,好记性不如烂笔头。

主要思路是:分析下现有分辨率的活跃度-然后找出一个兼容性**优的尺寸-再模拟测试下找出裁减区域-再找开发真机测试验证。

分辨率活跃度:

首先我要找出一个高清、兼容性好的尺寸。按照惯例上友盟查 iOS、Android 现有分辨率的活跃度,以及分析了下众多分辨率的的比例。

如图(模糊掉的分辨率是平板设备):

可以看出市面上大部分的机型都是16:9的比例,基本上可以确定用一张高清的图等比例缩放适应屏幕。考虑到图片大小会影响加载速度的问题,所以我是采用1080 x 1920 作为标准尺寸(不是**大,也足够高清)。

模拟测试:

即便确定一个尺寸适配屏幕我们仍需注意那些“异端”比例的屏幕(上图红框部分),所以在咨询了开发后我做了一个模拟效果图,图中列出那些不是16:9的屏幕,然后模拟图片等比例放缩放后那些部分会被裁减:

真实的拉伸的模式图片是从屏幕中心点等宽、等比拉伸的,所以图片的上下区域会被裁减。为了得到图片被裁减的部分,我模拟的效果是反过来的,即图片(1080 x 1920)大小不变,屏幕等比缩放。基于模拟效果可以看出,960x640这个分辨率会被裁减**多,上下被裁减150px,可以作为一个**差情况(包含了其他裁减区域)。

模拟过后我和开发测试了下,效果一样。所以在做百度开屏广告或引导页时候,可以使用1080 x 1920 尺寸,然后避免把重要信息放在上下 150 PX的区域即可。

然而在平时的引导页我还是根据不同比例的屏幕去适配,因为哪个设计师都不希望辛苦设计出来的图片被裁减了细节,除非内容不多且在中间位置的则一图适配。

关于百度开屏广告动态的是设计想法是:

百度开屏广告打开app-看到海报-看到“跳过广告”(3秒后跳过)按钮-思考-点击按钮或等待跳过

1、“3秒后跳过广告”,这是一个倒数着的按钮,用户可以自己手动点击按钮跳过百度开屏广告进入百度app首页,也可不用操作待3-5秒后自动跳过百度开屏广告进入app首页。

打开百度app首先看到广告再是“3秒后跳过广告”按钮再是思考,而用户打开app的期望是不用思考不用操作进入到app首页,所以3-5秒的百度开屏广告时间短,“3秒后跳过广告”按钮已经为用户决定不操作等待跳过。利用这个3-5秒后跳过广告的设计,很自然免去用户思考成本和操作成本,同时很好的传递广告信息。而且用户看到广告看到按钮这个过程需要一段时间,3-5秒的也足够让用户完成这两个动作,刚好进入app首页,或者有剩余时间继续观看广告。

2、“跳过广告”,是需要用户手动点击按钮才会跳过广告。

当用户看到广告看“跳过广告”按钮后,用户的反应是需要点击才能跳过广告,所以用户会作出点击跳过广告的决定。用户在看到按钮,点击按钮的过程需要一定的时间,这段时间里用户会接受到广告的信息,或许记忆不深刻。

文章来源:http://www.sohu.com/a/273954733_546355

在线客服
在线客服系统