WO2016184206A1 - 一种图标颜色调整方法及装置 - Google Patents

一种图标颜色调整方法及装置 Download PDF

Info

Publication number
WO2016184206A1
WO2016184206A1 PCT/CN2016/074356 CN2016074356W WO2016184206A1 WO 2016184206 A1 WO2016184206 A1 WO 2016184206A1 CN 2016074356 W CN2016074356 W CN 2016074356W WO 2016184206 A1 WO2016184206 A1 WO 2016184206A1
Authority
WO
WIPO (PCT)
Prior art keywords
icon
color
parameter
area
background image
Prior art date
Application number
PCT/CN2016/074356
Other languages
English (en)
French (fr)
Inventor
赵小红
Original Assignee
中兴通讯股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 中兴通讯股份有限公司 filed Critical 中兴通讯股份有限公司
Publication of WO2016184206A1 publication Critical patent/WO2016184206A1/zh

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/001Texturing; Colouring; Generation of texture or colour

Definitions

  • This application relates to, but is not limited to, the field of mobile communications.
  • the solution of the related art is to isolate an area of the background image so that the application on the desktop does not block the key parts of the background image display (for example, the face of the character picture, etc.), and the method uses a certain area. Partial separation, the icons are arranged outside the area. However, this method makes the arrangement of the icons more messy, which also affects the user experience, and for some background images, such as images without distinct regions, it is not suitable for this method.
  • the color of the wallpaper or the color of the icon is directly converted into its reverse color to realize the distinction between the icon color and the wallpaper color.
  • the reverse color of the wallpaper color destroys the beauty of the wallpaper that the user likes, and directly inverting the icon will also make the display of many icons uncoordinated, and at the same time, for the more diverse colors of the wallpaper.
  • Simple anti-color processing may cause other icons to show unclear problems after the reverse color.
  • Embodiments of the present invention provide an icon color adjustment method and apparatus to achieve clearer display of an icon on a background image.
  • an icon color adjustment method including:
  • an icon color adjustment target parameter according to a color parameter of an area where the icon is located in the background image; a difference value between the icon color adjustment target parameter and a color parameter of an area where the icon is located in the background image is greater than a preset target value;
  • the adjusting the target parameter according to the icon color, and adjusting the color displayed by the icon includes:
  • the method of the embodiment of the present invention further includes: performing de-overlay processing on the transform vector superimposed on the color of the icon position when the icon is removed.
  • whether the difference between the color parameter of the icon and the color parameter of the area where the icon is located in the background image is less than a set value, and in the case of the icon, the area of the icon in the background image is The color parameter determines the icon color to adjust the target parameter.
  • a color parameter of an area where the icon is located in the background image is: a red, green, and blue RGB value of a main color of an area where the icon is located in the background image;
  • the color parameter of the icon is: the RGB value of the main color of the icon;
  • the primary color is the color that is the largest in the area or in the icon.
  • an icon color adjustment apparatus including:
  • the determining unit is configured to: determine an icon color adjustment target parameter according to a color parameter of an area where the icon is located in the background image; and the difference between the icon color adjustment target parameter and the color parameter of the area where the icon is located in the background image is greater than a preset target value;
  • the adjustment unit is set to: adjust the target parameter according to the icon color, and adjust the color displayed by the icon.
  • the adjusting unit is configured to: determine The color of the icon is transformed to a color transformation vector of the color corresponding to the icon color adjustment target parameter; the color transformation vector is superimposed on the icon position to implement adjustment of the icon display color.
  • the adjusting unit is further configured to: when the icon is removed, perform the superposition processing on the transform vector superimposed on the color of the icon position. .
  • the determining unit is configured to: detect whether a difference between a color parameter of the icon and a color parameter of an area where the icon is located in the background image is less than a set value, where is the case Next, the icon color adjustment target parameter is determined according to the color parameter of the area where the icon is located in the background image.
  • a computer readable storage medium storing computer executable instructions for performing the method of any of the above.
  • the method and device for adjusting the color of the icon determines the icon color adjustment target parameter according to the principle of forming a color contrast with the color of the area where the icon is located in the background image, and then adjusts the target parameter according to the icon color, and adjusts the icon display. colour. Therefore, the color of the icon that the user sees is the color corresponding to the icon color adjustment target parameter, so that the adjusted icon color is obviously different from the color of the background image of the area where the icon is located, thereby realizing a clearer display of the icon on the background image. Convenient for user identification and operation while improving user experience.
  • FIG. 1 is a flowchart of a method for adjusting an icon color according to an embodiment of the present invention
  • FIG. 2 is a flowchart of a method for adjusting an icon color according to an embodiment of the present invention
  • FIG. 3 is a schematic diagram of three-dimensional coordinates of an RGB color space according to an embodiment of the present invention.
  • FIG. 4 is a schematic structural diagram of an icon color adjustment apparatus according to an embodiment of the present invention.
  • an embodiment of the present invention provides an icon color adjustment method, including the following steps:
  • Step S101 Determine an icon color adjustment target parameter according to a color parameter of an area where the icon is located in the background image; a difference value between the icon color adjustment target parameter and a color parameter of the area where the icon is located in the background image is greater than a preset target value;
  • Step S102 Adjust the target parameter according to the icon color, and adjust the color of the icon display.
  • step S101 the difference between the icon color adjustment target parameter and the color parameter of the region where the icon is located in the background image (the region larger than the position region occupied by the icon) is greater than a preset target value, so as to make the determination
  • the color corresponding to the target color adjustment target parameter can be significantly contrasted with the color of the area where the icon in the background image is located.
  • the set target value may be a preset value or may be a value temporarily selected by the user for the icon.
  • the adjustment target of the icon color can be directly determined as the complementary color of the color of the area where the icon is located in the background image, and the contrast is most obvious at this time.
  • the icon color adjustment target parameter determined in step S101 is the difference between the parameter corresponding to white and the parameter of the color of the region where the icon is located in the background picture.
  • step S102 the manner of adjusting the color of the icon may be directly adjusting the color of the icon, or superimposing the color on the icon position to change the display effect of the icon.
  • the color of the icon that the user sees is the color corresponding to the icon color adjustment target parameter, and the difference between the target color parameter and the color parameter of the region where the icon is located in the background image is greater than the preset value. Therefore, the color corresponding to the icon color adjustment target parameter and the color of the area in the background image have a large difference, and the user can recognize the icon more easily.
  • the step S101 includes:
  • the difference between the color parameter of the detection icon and the color parameter of the area where the icon is located in the background image is less than a set threshold. If yes, the icon color adjustment target parameter is determined according to the color parameter of the area where the icon is located in the background image.
  • the set threshold value can be set according to the experience value of the technician, and after the setting, the user can further adjust according to the preference. For different users, the standard for whether it is easy to identify may be different. For users who can tolerate the color of the icon that is not quite contrasted with the color of the background image, the setting value can be lowered. For users who like the contrast between the two, Increase the set value.
  • the color parameter of the area where the icon is located in the background image can be the RGB value of the main color of the area where the icon is located in the background image; the color parameter of the icon. It can be the RGB value of the main color of the icon; the main color is the color in the area or the area occupied by the icon.
  • ESL hue-saturation-brightness
  • the icon color adjustment method described in this embodiment may be triggered by a user, or may be triggered by a related event. For example, the user replaces the background image, the user installs a new application, and a new icon appears, and the user moves. Icon, etc.
  • the icon color adjustment method includes:
  • Step S201 determining that the background image is replaced, or determining that an icon is added or moved;
  • This method provides the user with the function of setting the background image, and the user can set the favorite picture as the background picture (wallpaper) according to his own preferences.
  • the change of the application icon is also monitored, and the icon changes of the application include: installation of the new application, movement of the application icon, and uninstallation of the application, etc., when the icon of the application changes, capturing information of the changed application icon, including: application The name and location of the icon, etc.
  • Step S202 determining whether a difference value between a color parameter of the icon and a color parameter of an area where the icon is located in the background is less than a set value, if yes, executing step S204, and if no, performing step S203;
  • Step S203 directly displaying the icon
  • Step S204 Determine an icon color adjustment target parameter according to a color parameter of an area where the icon is located in the background image, and a difference value between the icon color adjustment target parameter and a color parameter of the area where the icon is located in the background image is greater than a preset target value;
  • Step S205 adjusting a target parameter according to the color parameter of the icon and the color of the icon, and determining an icon color adjustment parameter
  • Step S206 superimposing and displaying the color corresponding to the icon color adjustment parameter at the position where the icon is displayed.
  • the A3 is superimposed on A2, and the color of the icon presented is A1, which is the color value that is obvious compared with the background image.
  • the displayed color value is A1, which is convenient for user identification and operation, and improves the user experience.
  • FIG. 3 is a schematic diagram of three-dimensional coordinates of an RGB color space. Color analysis of the image (the background image and the image of the application icon) to obtain the RGB value of the main color of the image.
  • the RGB values of the main colors of the acquired background pictures are displayed on the three-dimensional coordinates, and the three primary colors in the coordinates are red, green, and blue, and the maximum value thereof is 255.
  • B is the main color value (x2, y2, z2) of the background image
  • A is the main color value (x1, y1, z1) of the application icon
  • C is the complementary color of the background image, that is, the target color that is obviously contrasted with the background image color. (x3, y3, z3).
  • the distance between the two points is 360, when two points When the distance between the distances is in the range of [0, 80), the color of the background image and the color of the icon are considered to be similar. In this case, the color of the icon is changed, and the color of the icon is changed to and by the method of superimposing colors.
  • the color of the background image contrasts with the obvious color; when the distance between the two points is in the range of [80,360], the color of the background image and the color of the icon are considered to be inconsistent, and the color of the icon does not need to be adjusted.
  • the "80" is an empirical value, and a person skilled in the art can flexibly adjust the boundary value according to requirements.
  • An embodiment of the present invention provides an icon color adjustment apparatus, as shown in FIG. 4, including:
  • the determining unit 401 is configured to: determine an icon color adjustment target parameter according to a color parameter of an area where the icon is located in the background image; a difference value between the icon color adjustment target parameter and a color parameter of an area where the icon is located in the background image is greater than a preset value Target value
  • the adjusting unit 402 is configured to: adjust the target parameter according to the icon color, and adjust the color of the icon display.
  • the adjusting unit 402 is configured to:
  • the determining unit 401 is configured to:
  • the difference between the color parameter of the detection icon and the color parameter of the region where the icon is located in the background image is less than the set value.
  • the icon color adjustment target parameter is determined according to the color parameter of the region where the icon is located in the background image.
  • the color parameter of the area where the icon is located in the background image is: the RGB value of the main color of the area where the icon is located in the background picture; the color parameter of the icon is: the RGB value of the main color of the icon.
  • the icon color adjustment target parameter is determined according to the principle of the color of the area where the icon is located in the background image, and then the target parameter is adjusted according to the icon color, and the color of the icon display is adjusted. Therefore, the icon color seen by the user is the color corresponding to the icon color adjustment target parameter, so that the adjusted icon color is effectively different from the color of the background image of the area where the icon is located, thereby realizing a clearer display of the icon on the background image. Convenient for user identification and operation while improving user experience.
  • all or part of the steps of the above embodiments may also be implemented by using an integrated circuit. These steps may be separately fabricated into individual integrated circuit modules, or multiple modules or steps may be fabricated into a single integrated circuit module. achieve.
  • the devices/function modules/functional units in the above embodiments may be implemented by a general-purpose computing device, which may be centralized on a single computing device or distributed over a network of multiple computing devices.
  • the device/function module/functional unit in the above embodiment When the device/function module/functional unit in the above embodiment is implemented in the form of a software function module and sold or used as a stand-alone product, it can be stored in a computer readable storage medium.
  • the above mentioned computer readable storage medium may be a read only memory, a magnetic disk or an optical disk or the like.
  • the color of the icon seen by the user is the color corresponding to the icon color adjustment target parameter, so that the adjusted icon color is effectively distinguished from the color of the background image of the area where the icon is located, thereby achieving a clearer background.
  • An icon is displayed on the image to facilitate user identification and operation while improving the user experience.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Image Processing (AREA)
  • Color Image Communication Systems (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本文公布一种图标颜色调整方法及装置,所述方法包括:根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数,再按照所述图标颜色调整目标参数,调整图标显示的颜色。

Description

一种图标颜色调整方法及装置 技术领域
本申请涉及但不限于移动通信领域。
背景技术
很多用户在使用手机等终端设备的过程中,都会采用自己喜欢的图片作为壁纸,即背景图片,而当图片的颜色和图标的颜色非常相近时,图标显示则不利于用户查看,用户要启动某一个应用时,必须要仔细查找,然后才能正确点击对应的应用。而且显示的效果非常差,整个界面显的特别乱。这样用户使用起来就非常不方便,影响用户体验。
相关技术的解决方法是,将背景图片的某一区域隔离出来,从而使桌面上的应用不遮挡背景图片显示的关键部分(例如:人物图片的脸部等),该方法采用的将某一个区域部分进分离,将图标都排列在区域之外。但是,这种方法会使得图标排列比较凌乱,同样影响用户体验,而且对于有些背景图片,例如没有明显区域分别的图片,并不适合使用这种方法。
或者,采用色相环的颜色对比原理,将壁纸颜色或图标的颜色直接转换为其反色实现图标颜色和壁纸颜色的区分。但是,通过这种方法进行图标的显示,壁纸颜色的反色破坏了用户所喜欢的壁纸的美感,直接将图标进行反色也会使得很多图标显示的不协调,同时,对于颜色比较多样的壁纸,简单的进行反色处理,可能使得另一些图标在反色后出现显示不清楚的问题。
发明内容
以下是对本文详细描述的主题的概述。本概述并非是为了限制权利要求的保护范围。
本发明实施例提供一种图标颜色调整方法及装置,以实现更清楚的在背景图片上显示图标。
依据本发明实施例的一个方面,提供一种图标颜色调整方法,包括:
根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数;所述图标颜色调整目标参数与背景图片中图标所在区域的颜色参数的差距值大于预先设定的目标值;
按照所述图标颜色调整目标参数,调整图标显示的颜色。
可选地,本发明实施例所述方法中,所述按照所述图标颜色调整目标参数,调整图标显示的颜色,包括:
确定由图标的颜色变换到所述图标颜色调整目标参数所对应颜色的颜色变换向量;在图标位置上叠加所述颜色变换向量,实现图标显示颜色的调整。
可选地,本发明实施例所述方法还包括:当所述图标被移除时,将叠加在所述图标位置的颜色上的所述变换向量进行去叠加处理。
可选地,本发明实施例所述方法中,检测图标的颜色参数与背景图片中图标所在区域的颜色参数的差距值是否小于设定值,在是的情况下,根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数。
可选地,本发明实施例所述方法中,所述背景图片中图标所在区域的颜色参数为:背景图片中图标所在区域的主色的红绿蓝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之间的距离为:
Figure PCTCN2016074356-appb-000001
当AB之间的距离在[80,360]之间时,判定为对比明显,不需要对其进行变换;当AB的距离在[0,80)时,判定为对比不明显,采用一定的计算方法,将其变换为对比明显。其算法可以为:首先得到B(RGB)点对应的补色C(RGB),B和C之间换算为:
Figure PCTCN2016074356-appb-000002
然后再将A变换为C,两者之间需要的值就是向量
Figure PCTCN2016074356-appb-000003
A叠加上向量
Figure PCTCN2016074356-appb-000004
就是对比明显的色值。即需要在应用图标上面叠加的颜色的RGB值就是:RGB(|x3-x1|,|y3-y1|,|z3-z1|)。其中,取绝对值是为了保证取值恒为正。
装置实施例
本发明实施例提供一种图标颜色调整装置,如图4所示,包括:
确定单元401,设置为:根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数;所述图标颜色调整目标参数与背景图片中图标所在区域的颜色参数的差距值大于预先设定的目标值;
调整单元402,设置为:按照所述图标颜色调整目标参数,调整图标显示的颜色。
可选的,调整单元402是设置为:
确定由图标的颜色变换到所述图标颜色调整目标参数锁对应颜色的颜色变换向量;在图标位置上叠加所述颜色变换向量,实现图标显示颜色的调 整。
可选的,确定单元401是设置为:
检测图标的颜色参数与背景图片中图标所在区域的颜色参数的差距值是否小于设定值,在是的情况下,根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数。
本实施例中,所述背景图片中图标所在区域的颜色参数为:背景图片中图标所在区域的主色的RGB值;所述图标的颜色参数为:图标的主色的RGB值。
本发明实施例所述装置,以与背景图片中图标所在区域的颜色形成明显对比为原则,确定图标颜色调整目标参数,再按照所述图标颜色调整目标参数,调整图标显示的颜色。从而用户看到的图标颜色是图标颜色调整目标参数所对应的颜色,进而使得调整后的图标颜色有效的区别于图标所在区域的背景图片的颜色,实现了更清楚的在背景图片上显示图标,方便用户识别和操作,同时提高用户体验。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是其与其他实施例的不同之处。尤其对于装置实施例而言,由于其基本相似与方法实施例,所以,描述的比较简单,相关之处参见方法实施例的部分说明即可。
本领域普通技术人员可以理解上述实施例的全部或部分步骤可以使用计算机程序流程来实现,所述计算机程序可以存储于一计算机可读存储介质中,所述计算机程序在相应的硬件平台上(如系统、设备、装置、器件等)执行,在执行时,包括方法实施例的步骤之一或其组合。
可选地,上述实施例的全部或部分步骤也可以使用集成电路来实现,这些步骤可以被分别制作成一个个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。
上述实施例中的装置/功能模块/功能单元可以采用通用的计算装置来实现,它们可以集中在单个的计算装置上,也可以分布在多个计算装置所组成的网络上。
上述实施例中的装置/功能模块/功能单元以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。上述提到的计算机可读取存储介质可以是只读存储器,磁盘或光盘等。
工业实用性
通过本发明实施例,用户看到的图标颜色是图标颜色调整目标参数所对应的颜色,进而使得调整后的图标颜色有效的区别于图标所在区域的背景图片的颜色,实现了更清楚的在背景图片上显示图标,方便用户识别和操作,同时提高用户体验。

Claims (11)

  1. 一种图标颜色调整方法,包括:
    根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数;所述图标颜色调整目标参数与背景图片中图标所在区域的颜色参数的差距值大于预先设定的目标值;
    按照所述图标颜色调整目标参数,调整图标显示的颜色。
  2. 如权利要求1所述的方法,其中,所述按照所述图标颜色调整目标参数,调整图标显示的颜色,包括:
    确定由图标的颜色变换到所述图标颜色调整目标参数所对应颜色的颜色变换向量;
    在图标位置上叠加所述颜色变换向量,实现图标显示颜色的调整。
  3. 如权利要求2所述的方法,所述方法还包括:当所述图标被移除时,将叠加在所述图标位置的颜色上的所述变换向量进行去叠加处理。
  4. 如权利要求1或2或3所述的方法,其中,所述根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数,包括:
    检测图标的颜色参数与背景图片中图标所在区域的颜色参数的差距值是否小于设定值,在是的情况下,根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数。
  5. 如权利要求2或3所述的方法,其中,所述背景图片中图标所在区域的颜色参数为:背景图片中图标所在区域的主色的红绿蓝RGB值;
    所述图标的颜色参数为:图标的主色的RGB值;
    所述主色为区域中或图标中所占面积最大的颜色。
  6. 一种图标颜色调整装置,包括:
    确定单元,设置为:根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数;所述图标颜色调整目标参数与背景图片中图标所在区域的颜色参数的差距值大于预先设定的目标值;
    调整单元,设置为:按照所述图标颜色调整目标参数,调整图标显示的 颜色。
  7. 如权利要求6所述的装置,其中,所述调整单元,是设置为:确定由图标的颜色变换到所述图标颜色调整目标参数锁对应颜色的颜色变换向量;在图标位置上叠加所述颜色变换向量,实现图标显示颜色的调整。
  8. 如权利要求7所述的装置,其中,所述调整单元,还设置为:当所述图标被移除时,将叠加在所述图标位置的颜色上的所述变换向量进行去叠加处理。
  9. 如权利要求6或7或8所述的装置,其中,所述确定单元,是设置为:检测图标的颜色参数与背景图片中图标所在区域的颜色参数的差距值是否小于设定值,在是的情况下,根据背景图片中图标所在区域的颜色参数,确定图标颜色调整目标参数。
  10. 如权利要求7或8所述的装置,其中,所述背景图片中图标所在区域的颜色参数为:背景图片中图标所在区域的主色的红绿蓝RGB值;
    所述图标的颜色参数为:图标的主色的RGB值;
    所述主色为区域中或图标中所占面积最大的颜色。
  11. 一种计算机可读存储介质,存储有计算机可执行指令,所述计算机可执行指令用于执行权利要求1-5任一项的方法。
PCT/CN2016/074356 2015-10-21 2016-02-23 一种图标颜色调整方法及装置 WO2016184206A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201510685857.6 2015-10-21
CN201510685857.6A CN106610761A (zh) 2015-10-21 2015-10-21 一种图标颜色调整方法及装置

Publications (1)

Publication Number Publication Date
WO2016184206A1 true WO2016184206A1 (zh) 2016-11-24

Family

ID=57319371

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2016/074356 WO2016184206A1 (zh) 2015-10-21 2016-02-23 一种图标颜色调整方法及装置

Country Status (2)

Country Link
CN (1) CN106610761A (zh)
WO (1) WO2016184206A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2019184017A1 (zh) * 2018-03-28 2019-10-03 华为技术有限公司 一种显示控制的方法及电子设备

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107241637B (zh) * 2017-05-26 2020-01-31 四川长虹电器股份有限公司 基于hsb颜色模式的应用图标智能搭配背板色板的方法
CN107479781A (zh) * 2017-07-20 2017-12-15 努比亚技术有限公司 一种应用图标颜色的更新方法及终端
CN109032739B (zh) * 2018-07-20 2019-10-15 掌阅科技股份有限公司 一种界面显示方法、终端及计算机存储介质
CN109698913B (zh) * 2018-12-29 2020-12-04 深圳市道通智能航空技术有限公司 一种图像显示方法、装置和电子设备
CN110634169A (zh) * 2019-01-08 2019-12-31 华为技术有限公司 图像处理的装置和方法
CN111027353A (zh) * 2019-02-18 2020-04-17 广东小天才科技有限公司 一种搜索内容的提取方法及电子设备
CN109974387B (zh) * 2019-03-07 2020-11-20 青岛海尔电冰箱有限公司 冰箱间室的照明控制方法与冰箱
CN111027556B (zh) * 2019-03-11 2023-12-22 广东小天才科技有限公司 一种基于图像预处理的搜题方法及学习设备
CN110928622B (zh) * 2019-11-08 2023-11-14 北京金山安全软件有限公司 图片显示状态调整方法、装置及电子设备
CN111290723A (zh) * 2020-02-05 2020-06-16 北京小米移动软件有限公司 显示背景的调节方法、装置、终端及存储介质
CN111414223B (zh) * 2020-03-26 2023-09-05 西安蜂语信息科技有限公司 桌面管理方法及装置
CN112764849B (zh) * 2021-01-05 2023-05-23 广州岸边网络科技有限公司 一种基于ios系统的桌面图标的变换方法和系统

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101916168A (zh) * 2010-08-31 2010-12-15 宇龙计算机通信科技(深圳)有限公司 一种应用图标的显示方法、系统及移动终端
CN102622163A (zh) * 2011-03-14 2012-08-01 北京小米科技有限责任公司 一种图标生成方法

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103176761B (zh) * 2011-12-23 2016-08-10 中国移动通信集团公司 一种屏幕背景设置方法及移动终端
CN104063123A (zh) * 2014-05-28 2014-09-24 小米科技有限责任公司 图标显示方法及装置
CN104731453A (zh) * 2015-03-31 2015-06-24 努比亚技术有限公司 终端图标文字颜色的调整方法及装置

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101916168A (zh) * 2010-08-31 2010-12-15 宇龙计算机通信科技(深圳)有限公司 一种应用图标的显示方法、系统及移动终端
CN102622163A (zh) * 2011-03-14 2012-08-01 北京小米科技有限责任公司 一种图标生成方法

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2019184017A1 (zh) * 2018-03-28 2019-10-03 华为技术有限公司 一种显示控制的方法及电子设备
US11615513B2 (en) 2018-03-28 2023-03-28 Huawei Technologies Co., Ltd. Control display method and electronic device

Also Published As

Publication number Publication date
CN106610761A (zh) 2017-05-03

Similar Documents

Publication Publication Date Title
WO2016184206A1 (zh) 一种图标颜色调整方法及装置
EP3209012A1 (en) Electronic device and operating method thereof
WO2017152529A1 (zh) 基准平面的确定方法和确定系统
CN104427282B (zh) 信息处理装置,信息处理方法和程序
JP2016149660A (ja) 情報処理装置、情報処理方法、およびプログラム
US9064178B2 (en) Edge detection apparatus, program and method for edge detection
US20150356785A1 (en) Image synthesis method and image synthesis apparatus
KR101624801B1 (ko) 전경 물체 추출을 위한 매팅 방법 및 이를 수행하는 장치
WO2016107229A1 (zh) 图标显示方法、装置和计算机存储介质
CN104766354B (zh) 一种增强现实绘图的方法及移动终端
JPWO2015159602A1 (ja) 情報提供装置
WO2020114097A1 (zh) 一种边界框确定方法、装置、电子设备及存储介质
US20180367704A1 (en) Image processing apparatus, image processing method, and non-transitory computer readable medium
CN110211030A (zh) 图像生成方法和装置
US9659228B2 (en) Image processing apparatus, image processing system, non-transitory computer readable medium, and image processing method
WO2017215156A1 (zh) 壁纸处理方法及装置
JP6229554B2 (ja) 検出装置および検出方法
JP2013210793A (ja) Ar表示最適化のためのシステム、方法、およびプログラム
JP2005316958A (ja) 赤目検出装置および方法並びにプログラム
EP2800349B1 (en) Method and electronic device for generating thumbnail image
KR20140121711A (ko) 색 추출 기반의 영상 처리 방법, 상기 방법을 기록한 컴퓨터 판독 가능 저장매체 및 디지털 영상 장치
EP3185239A1 (en) Information processing device, information processing method, and program
WO2018036526A1 (zh) 显示方法及装置
WO2017101570A1 (zh) 照片的处理方法及处理系统
KR20190011659A (ko) 피부 속 톤을 결정하는 방법 및 전자 기기

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 16795693

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 16795693

Country of ref document: EP

Kind code of ref document: A1