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

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

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

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

分辨率活跃度：

下载APP，领双11津贴

首先我要找出一个高清、兼容性好的尺寸。按照惯例上友盟查 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、“跳过广告”，是需要用户手动点击按钮才会跳过广告。

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