一种图标颜色调整方法及装置与流程

文档序号:11063284阅读:353来源:国知局
一种图标颜色调整方法及装置与制造工艺

本发明涉及移动通信领域,尤其涉及一种图标颜色调整方法及装置。



背景技术:

很多用户在使用手机等终端设备的过程中,都会采用自己喜欢的图片作为壁纸,即背景图片,而当图片的颜色和图标的颜色非常相近时,图标显示则不利于用户查看,用户要启动某一个应用时,必须要仔细查找,然后才能正确点击对应的应用。而且显示的效果非常差,整个界面显的特别乱。这样用户使用起来就非常不方便,影响用户体验。

目前的解决方法是,将背景图片的某一区域隔离出来,从而使桌面上的应用不遮挡背景图片显示的关键部分(例如:人物图片的脸部等),该方法采用的将某一个区域部分进分离,将图标都排列在区域之外。但是,这种方法会使得图标排列比较凌乱,同样影响用户体验,而且对于有些背景图片,例如没有明显区域分别的图片,并不适合使用这种方法。

或者,采用色相环的颜色对比原理,将壁纸颜色或图标的颜色直接转换为其反色实现图标颜色和壁纸颜色的区分。但是,通过这种方法进行图标的显示,壁纸颜色的反色破坏了用户所喜欢的壁纸的美感,直接将图标进行反色也会使得很多图标显示的不协调,同时,对于颜色比较多样的壁纸,简单的进行反色处理,可能使得另一些图标在反色后出现显示不清楚的问题。



技术实现要素:

本发明实施例提供一种图标颜色调整方法及装置,以实现更清楚的在背景 图片上显示图标。

依据本发明的一个方面,提供一种图标颜色调整方法,包括:

根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数;所述图标颜色调整目标参数与背景图片中图标所在区域的颜色参数的差距值大于预先设定的目标值;

按照所述图标颜色调整目标参数,调整图标显示的颜色。

可选地,本发明所述方法中,所述按照所述图标颜色调整目标参数,调整图标显示的颜色,包括:

确定由图标的颜色变换到所述图标颜色调整目标参数所对应颜色的颜色变换向量;在图标位置上叠加所述颜色变换向量,实现图标显示颜色的调整。

可选地,本发明所述方法还包括:当所述图标被移除时,将叠加在所述图标位置的颜色上的所述变换向量进行去叠加处理。

可选地,本发明所述方法中,检测图标的颜色参数与背景图片中图标所在区域的颜色参数的差距值是否小于设定值,在是的情况下,根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数。

可选地,本发明所述方法中,所述背景图片中图标所在区域的颜色参数,具体为:背景图片中图标所在区域的主色的红绿蓝RGB值;

所述图标的颜色参数,具体为:图标的主色的RGB值;

所述主色为区域中或图标中所占面积最大的颜色。

依据本发明的另一个方面,还提供一种图标颜色调整装置,包括:

确定单元,用于根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数;所述图标颜色调整目标参数与背景图片中图标所在区域的颜色参数的差距值大于预先设定的目标值;

调整单元,用于按照所述图标颜色调整目标参数,调整图标显示的颜色。

可选地,本发明所述装置中,所述调整单元,具体用于确定由图标的颜色 变换到所述图标颜色调整目标参数所对应颜色的颜色变换向量;在图标位置上叠加所述颜色变换向量,实现图标显示颜色的调整。

可选地,本发明所述装置中,所述调整单元,还用于当所述图标被移除时,将叠加在所述图标位置的颜色上的所述变换向量进行去叠加处理。

可选地,本发明所述装置中,所述确定单元,具体用于检测图标的颜色参数与背景图片中图标所在区域的颜色参数的差距值是否小于设定值,在是的情况下,根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数。

本发明实施例提供的图标颜色调整方法及装置,以与背景图片中图标所在区域的颜色形成明显对比为原则,确定图标颜色调整目标参数,再按照所述图标颜色调整目标参数,调整图标显示的颜色。从而用户看到的图标颜色是图标颜色调整目标参数所对应的颜色,进而使得调整后的图标颜色明显的区别于图标所在区域的背景图片的颜色,实现了更清楚的在背景图片上显示图标,方便用户识别和操作,同时提高用户体验。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的图标颜色调整方法流程图;

图2为本发明实施例提供的一种较具体的图标颜色调整方法流程图;

图3为本发明实施例提供的RGB颜色空间的三维坐标示意图;

图4为本发明实施例提供的图标颜色调整装置结构示意图。

具体实施方式

下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清 楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。

方法实施例。

如图1所示,本发明实施例提供一种图标颜色调整方法,包括如下步骤:

步骤S101、根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数;所述图标颜色调整目标参数与背景图片中图标所在区域的颜色参数的差距值大于预先设定的目标值;

步骤S102、按照所述图标颜色调整目标参数,调整图标显示的颜色。

其中,在步骤S101中,图标颜色调整目标参数与背景图片中图标所在区域(较图标所占位置区域还要大的区域)的颜色参数的差距值大于预先设定的目标值,是为了使确定的目标颜色调整目标参数对应的颜色与背景图片中图标所在区域的颜色能够形成明显对比。所述设定的目标值可以是预先设定的值,也可以是用户针对该图标临时选定的值。

具体确定图标颜色目标参数时,可以直接将图标颜色的调整目标确定为背景图片中图标所在区域的颜色的补色,此时对比最明显。这时,步骤S101中确定的图标颜色调整目标参数为:白色所对应的参数与背景图片中图标所在区域的颜色的参数的差值。

步骤S102中,调整图标显示的颜色的方式,可以是直接调整图标的颜色,也可以是在图标位置上叠加颜色,使图标的显示效果发生变化。

当通过叠加颜色的方式实现调整时,实施方式如下:

确定由图标的颜色变换到图标颜色调整目标参数所对应颜色的颜色变换向量;在图标位置上叠加所述颜色变换向量,实现图标显示颜色的调整。

在调整图标显示的颜色后,用户所看到的图标颜色即为图标颜色调整目标参数所对应的颜色,由于图标颜色调整目标参数与背景图片中图标所在区域的颜色参数的差距值大于预设值,所以图标颜色调整目标参数所对应的颜色和背 景图片中该区域的颜色差距较大,用户可以较容易的辨认图标。

为节省计算资源,进一步提高用户的体验,可以仅对图标颜色和背景图片中其所在区域的颜色差别不大的图标的颜色进行调整,对于颜色差别较大的图标,则不对其颜色进行调整,此时,在步骤S101具体包括:

检测图标的颜色参数与背景图片中图标所在区域的颜色参数的差距值是否小于设定阈值,在是的情况下,根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数。

其中的设定阈值可以根据技术人员的经验值来设定,在设定后,可以进一步由用户根据其喜好进行调整。对于不同的用户来讲,对是否容易辨认的标准可能不同,对于能够容忍与背景图片颜色对比不太鲜明的图标颜色的用户,可以调低设定值,对于喜欢二者对比鲜明的用户,可以调高设定值。

进一步,可以使用RGB(Red-Green-Blue,红绿蓝)值作为颜色参数,背景图片中图标所在区域的颜色参数,可以具体为,背景图片中图标所在区域的主色的RGB值;图标的颜色参数,可以具体为,图标的主色的RGB值;主色为区域中或图标中所占面积最大的颜色。

当然,还可以使用ESL(色调-饱和度-亮度)值等其他数值来作为颜色参数。

进一步地,本实施例中所述的图标颜色调整方法可以由用户触发执行,也可以由相关的事件触发执行,例如用户更换了背景图片,用户安装了新的应用程序,导致新的图标出现,用户移动了图标等。

为了更清楚的阐述本发明,下面结合方法的流程图和具体应用示例对本发明进行详细描述。

如图2所示,一种较具体的图标颜色调整方法包括:

步骤S201、确定背景图片更换,或者确定有图标新增或移动;

该方法给用户提供了设置背景图片的功能,用户可以按照自己的喜好设置喜欢的图片作为背景图片(壁纸)。

同时,还需要对应用图标的变化进行监听,应用的图标变化包括:新应用的安装、应用图标的移动和应用的卸载等,应用的图标变化时,捕获发生变化的应用图标的信息,包括:应用的名称和图标的位置等。

步骤S202、确定图标的颜色参数与背景中图标所在区域的颜色参数的差距值是否小于设定值,如果是,则执行步骤S204,如果否,则执行步骤S203;

步骤S203、直接显示该图标;

步骤S204、根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数,图标颜色调整目标参数与背景图片中图标所在区域的颜色参数的差距值大于预先设定的目标值;

步骤S205、根据图标的颜色参数和图标颜色调整目标参数,确定图标颜色调整参数;

步骤S206、在显示图标的位置叠加显示图标颜色调整参数对应的颜色。

对于移动的图标,需要在图标的新位置对图标的颜色进行调整,在图标的原位置取消图标颜色调整参数对应的颜色的显示即可;对于删除图标的情况,则直接在图标的原位置取消图标颜色调整参数对应的颜色的显示即可。

下面通过一个具体应用示例,对上述过程进行更详尽的解释:

假设,确定和背景图片对比最为明显的颜色的色彩值A1,然后获取应用图标的色彩值A2,通过对比分析得到在应用图标显示区域需要增加的色彩值是A3,几个色彩值的关系为A2(应用图标的色彩值)+A3(应用图标显示区域需要增加的色彩值)=A1(和背景图片对比最明显的色彩值)。A1是通过对背景图片的色彩分析得到的,A2是获取的应用图标的颜色,A3是通过A1–A2得到,即A1–A2=A3。

将A3叠加到A2上,呈现的图标颜色就是A1,即与背景图片对比明显的色彩值,显示的则是对比较为明显色彩值A1,进而实现方便用户识别、操作,提高用户体验。

下面结合具体实施例对该方法进行说明,图3是RGB颜色空间的三维坐标 示意图。对图片(背景图片和应用图标的图片)进行色彩分析,得到图片色彩主色的RGB值,具体的获取方法本领域技术人员已熟知,不再赘述。将获取到的背景图片的主色的RGB值在三维坐标上显示,坐标中的三基色为红、绿和蓝,其最大值为255。假设B为背景图片的主色值(x2,y2,z2),A为应用图标的主色值(x1,y1,z1),C为背景图片的补色,即与背景图片颜色对比明显的目标颜色(x3,y3,z3)。从色环相关的知识以及人眼对颜色识别可知,两个颜色对比最为强烈时,两点之间的距离为360,当两点之间的距离在[0,80)范围内时,可以认为背景图片的颜色和图标的颜色是相近的,此时要对图标的颜色进行变换,通过颜色的叠加的方法把图标的颜色改变为和背景图片颜色对比明显的色彩;当两点之间的距离在[80,360]范围内时,则认为背景图片的颜色和图标的颜色是不相近的,不需要对图标的颜色进行调整。其中“80”为经验值,本领域技术人员可以根据需求对该边界值进行灵活调整。

计算AB之间的距离为:当AB之间的距离在[80,360]之间时,判定为对比明显,不需要对其进行变换;当AB的距离在[0,80)时,判定为对比不明显,采用一定的计算方法,将其变换为对比明显。具体的算法为:首先得到B(RGB)点对应的补色C(RGB),B和C之间换算为:

然后再将A变换为C,两者之间需要的值就是向量A叠加上向量就是对比明显的色值。即需要在应用图标上面叠加的颜色的RGB值就是:RGB(|x3-x1|,|y3-y1|,|z3-z1|)。其中,取绝对值是为了保证取值恒为正。

装置实施例

本发明实施例提供一种图标颜色调整装置,如图4所示,包括:

确定单元401,用于根据背景图片中图标所在区域的颜色参数,确定图标颜 色调整目标参数;所述图标颜色调整目标参数与背景图片中图标所在区域的颜色参数的差距值大于预先设定的目标值;

调整单元402,用于按照所述图标颜色调整目标参数,调整图标显示的颜色。

较佳的,调整单元402具体用于:

确定由图标的颜色变换到所述图标颜色调整目标参数锁对应颜色的颜色变换向量;在图标位置上叠加所述颜色变换向量,实现图标显示颜色的调整。

较佳的,确定单元401具体用于:

检测图标的颜色参数与背景图片中图标所在区域的颜色参数的差距值是否小于设定值,在是的情况下,根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数。

进一步,本实施例中,所述背景图片中图标所在区域的颜色参数,具体为:背景图片中图标所在区域的主色的RGB值;所述图标的颜色参数,具体为:图标的主色的RGB值。

本发明实施例所述装置,以与背景图片中图标所在区域的颜色形成明显对比为原则,确定图标颜色调整目标参数,再按照所述图标颜色调整目标参数,调整图标显示的颜色。从而用户看到的图标颜色是图标颜色调整目标参数所对应的颜色,进而使得调整后的图标颜色有效的区别于图标所在区域的背景图片的颜色,实现了更清楚的在背景图片上显示图标,方便用户识别和操作,同时提高用户体验。

本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是其与其他实施例的不同之处。尤其对于装置实施例而言,由于其基本相似与方法实施例,所以,描述的比较简单,相关之处参见方法实施例的部分说明即可。

虽然通过实施例描述了本申请,本领域的技术人员知道,本申请有许多变形和变化而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动 和变型在内。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1