本发明涉及移动端应用开机广告的展示领域,特别是一种适应不同尺寸屏幕的开机图片全屏展示方法及系统。
背景技术:
开机广告是目前移动端应用常用的一种商业变现手段,但是由于目前移动设备种类繁多,屏幕尺寸也各种各样,但开机广告要求既要保证广告主的展示效果,也要保留自身品牌形象,同时还要保证用户体验,在实践过程中通常会遇到以下问题:
(1)图片出现拉升变形的情况,由于图片尺寸与屏幕尺寸不符合,所以导致部分非主流屏幕会出现图片变形的问题
(2)应用logo尺寸过大或过小,影响美观,为了避免图片变形的问题,常用的方法是在图片底部增加应用logo栏,但是会出现logo栏过高或过低的问题。
技术实现要素:
本发明所要解决的技术问题是,针对现有技术不足,提供一种适应不同尺寸屏幕的开机图片全屏展示方法及系统,避免广告素材拉升,在保障广告主权益与应用品牌形象的同时提升用户体验。
为解决上述技术问题,本发明所采用的技术方案是:一种适应不同尺寸屏幕的开机图片全屏展示方法,包括以下步骤:
1)终端向服务端请求广告;
2)服务端将需要展示的图片内容与广告位尺寸返回终端,终端判断图片尺寸是否与广告位尺寸匹配,若匹配,则进入步骤4);否则,进入步骤6);
3)终端获取设备的屏幕尺寸,并判断屏幕高宽比;
4)若屏幕高宽比小于第一阈值,则保持下方应用logo的高度占屏幕的10%,素材左右铺满屏幕,上下高度根据剩余区域自适应居中;若屏幕高宽比在第一阈值和第二阈值之间,则将素材按宽铺满整个屏幕,展示高度与素材尺寸自适应,自动调整下方应用logo的高度,填满整个屏幕;若屏幕高宽比大于第二阈值,则保持下方应用logo的高度占屏幕的20%,素材上下自适应铺满剩余80%的区域,左右居中展示;所述第一阈值小于第二阈值;
5)结束。
由于大部分手机的屏幕高宽比为1.67—1.88,本发明中设置第一阈值为1.67;第二阈值为1.88。.
相应的,本发明还提供了一种适应不同尺寸屏幕的开机图片全屏展示系统,包括:
终端,用于向服务端请求广告,并接收服务端返回的需要展示的图片内容与广告位尺寸,判断图片尺寸是否与广告位尺寸匹配,若匹配,则获取设备的屏幕尺寸,并判断屏幕高宽比,若屏幕高宽比小于第一阈值,则保持下方应用logo的高度占屏幕的10%,素材左右铺满屏幕,上下高度根据剩余区域自适应居中;若屏幕高宽比在第一阈值和第二阈值之间,则将素材按宽铺满整个屏幕,展示高度与素材尺寸自适应,自动调整下方应用logo的高度,填满整个屏幕;若屏幕高宽比大于第二阈值,则保持下方应用logo的高度占屏幕的20%,素材上下自适应铺满剩余80%的区域,左右居中展示;所述第一阈值小于第二阈值;
服务端,用于将需要展示的图片内容与广告位尺寸返回终端。
所述终端包括:
请求模块,用于向服务端请求广告,并接收服务端返回的需要展示的图片内容与广告位尺寸;
第一判断模块,用于判断图片尺寸是否与广告位尺寸匹配,若匹配,则获取设备的屏幕尺寸,并判断屏幕高宽比;
第二判断模块,用于进行如下操作:若屏幕高宽比小于第一阈值,则保持下方应用logo的高度占屏幕的10%,素材左右铺满屏幕,上下高度根据剩余区域自适应居中;若屏幕高宽比在第一阈值和第二阈值之间,则将素材按宽铺满整个屏幕,展示高度与素材尺寸自适应,自动调整下方应用logo的高度,填满整个屏幕;若屏幕高宽比大于第二阈值,则保持下方应用logo的高度占屏幕的20%,素材上下自适应铺满剩余80%的区域,左右居中展示。
与现有技术相比,本发明所具有的有益效果为:本发明可以保证图片不被拉升变形,且能够将图片内容尽量完整地展示,在保障广告主权益与应用品牌形象的同时提升了用户体验。
附图说明
图1为本发明方法流程图。
具体实施方式
开机广告分为两部分,第一部分是广告主提供的广告素材,第二部分是应用logo,首先本发明将目前移动端屏幕的尺寸根据高宽比不同分为三挡,当应用开机时,应用请求服务端,服务端返回广告内容,应用判断广告是否符合规范,如果符合,根据屏幕的实际高宽比,选择对应的档位,并根据档位自动调整广告素材与应用logo的大小以及展示方法。
本发明的具体实施步骤如下:
step1:终端请求服务端,广告服务端将需要展示的图片内容与广告位尺寸返回终端,终端判断图片尺寸是否与广告位尺寸匹配,如果匹配,则继续step2,如果不匹配,则跳过开机广告;
step2:终端获取设备的屏幕尺寸并判断屏幕高宽比。
step3:高宽比小于1.67时,保持下方应用logo的高度占屏幕的10%,素材左右铺满屏幕,上下高度根据剩余区域自适应居中。
step4:如果屏幕高宽比在1.67-1.88之内,将素材按宽铺满整个屏幕,展示高度与素材尺寸自适应,自动调整下方应用logo的高度,填满整个屏幕。
step5:如果屏幕高宽比大于1.88时,保持下方应用logo的高度占屏幕的20%,素材上下自适应铺满剩余80%的区域,左右居中展示。