CN104090711B - 一种图标的底盘颜色显示方法及装置 - Google Patents
一种图标的底盘颜色显示方法及装置 Download PDFInfo
- Publication number
- CN104090711B CN104090711B CN201410302210.6A CN201410302210A CN104090711B CN 104090711 B CN104090711 B CN 104090711B CN 201410302210 A CN201410302210 A CN 201410302210A CN 104090711 B CN104090711 B CN 104090711B
- Authority
- CN
- China
- Prior art keywords
- color
- chassis
- icon
- alternative
- complementary
- Prior art date
- Legal status (The legal status 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 status listed.)
- Active
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种图标的底盘颜色显示方法及装置,其底盘颜色显示方法包括:A、分别统计图标和图标边缘预设范围中所有像素的颜色比例,以占比最高的颜色作为判断色;B、在色相环上判断所述判断色的补色是否在预设的底盘备选色第一范围内,若是则以补色替换当前的底盘颜色,否则以底盘备选色替换当前的底盘颜色;以图标和底盘中出现最多的颜色的补色和底盘备选色作为调色依据,更符合色彩搭配原理,能根据不同的主题更改底盘颜色,提高了不同主题的适配度;采用色相环判断选择颜色,增加了可匹配颜色的多样性和匹配精度,使色彩搭配更加自然,视觉效果更舒适。
Description
技术领域
本发明涉及移动通信领域,特别涉及一种图标的底盘颜色显示方法及装置。
背景技术
手机、平板电脑等手持移动终端的显示界面上会显示相应软件功能的图标。这些图标有的是移动终端的系统针对自身开发的应用软件设计的相应主题的图标,有的是用户从应用软件市场下载的第三方软件安装后产生的图标。由移动终端系统设计的图标通常是根据移动终端的尺寸、不同主题颜色预先设计的,其图标的颜色与主题背景的颜色搭配适宜,整体效果美观且区分效果更明显,方便用户查找。而下载安装产生的图标由第三方软件提供,由应用软件包内相关程序控制,其图标颜色和底盘颜色通常固定不变。不同应用软件包安装后产生的图标的尺寸不同,形状不同、颜色不同。
为了使后期安装产生的图标与系统自带的图标能保持整体界面布局的一致性,目前常在图标下面增加底盘,这种底盘的颜色很单调且不可变。移动终端更换主题时,底盘颜色可能与主题颜色的配色方案存在不适配的问题,从而导致图标显示不突出或不清楚、图标形状部分失真,显示效果比较单调。
发明内容
鉴于上述现有技术的不足之处,本发明的目的在于提供一种图标的底盘颜色显示方法及装置,以解决现有底盘颜色与主题颜色的配色方案存在不适配的问题。
为了达到上述目的,本发明采取了以下技术方案:
一种图标的底盘颜色显示方法,其包括:
A、分别统计图标和图标边缘预设范围中所有像素的颜色比例,以占比最高的颜色作为判断色;
B、在色相环上判断所述判断色的补色是否在预设的底盘备选色第一范围内,若是则以补色替换当前的底盘颜色,否则以底盘备选色替换当前的底盘颜色。
所述的图标的底盘颜色显示方法中,在所述步骤A之前还包括:A0、根据主题颜色预设多个适配的底盘备选色。
所述的图标的底盘颜色显示方法中,在所述步骤A之前,步骤A0之后还包括:在色相环上判断当前的底盘颜色是否在预设的底盘备选色的第二范围内,若是则保持当前的底盘颜色;否则执行步骤A。
所述的图标的底盘颜色显示方法中,所述步骤A具体包括:
A1、分别统计图标和图标边缘预设范围中所有像素的颜色比例,得到图标中占比最高的第一图标颜色和图标边缘预设范围中占比最高的第一边缘颜色;
A2、判断第一边缘颜色的比例是否超过预设阈值:若是则标记底盘第一颜色为判断色,否则标记图标中占比最高的图标第一颜色为判断色。
所述的图标的底盘颜色显示方法中,所述步骤B具体包括:
B1、根据色相环找出所述判断色的补色;
B2、判断所述补色在色相环上与预设的底盘备选色的距离是否小于预设周长:若是则以补色或底盘备选色替换当前的底盘颜色,否则以与补色距离最近的底盘备选色替换当前的底盘颜色。
一种图标的底盘颜色显示装置,其括:
比例计算模块,用于分别统计图标和图标边缘预设范围中所有像素的颜色比例,以占比最高的颜色作为判断色;
颜色选择模块,用于在色相环上判断所述判断色的补色是否在预设的底盘备选色第一范围内,若是则以补色替换当前的底盘颜色,否则以底盘备选色替换当前的底盘颜色。
所述的图标的底盘颜色显示装置中,还包括底盘设置模块,用于根据主题颜色预设多个适配的底盘备选色。
所述的图标的底盘颜色显示装置中,还包括底盘预判模块,用于在色相环上判断当前的底盘颜色是否在预设的底盘备选色的第二范围内,若是则保持当前的底盘颜色;否则启动比例计算模块。
所述的图标的底盘颜色显示装置中,所述比例计算模块包括:
统计单元,用于分别统计图标和图标边缘预设范围中所有像素的颜色比例,得到图标中占比最高的第一图标颜色和图标边缘预设范围中占比最高的第一边缘颜色;
判断单元,用于判断第一边缘颜色的比例是否超过预设阈值:若是则标记底盘第一颜色为判断色,否则标记图标中占比最高的图标第一颜色为判断色。
所述的图标的底盘颜色显示装置中,所述颜色选择模块包括:
补色单元,用于根据色相环找出所述判断色的补色;
选择判断单元,用于判断所述补色在色相环上与预设的底盘备选色的距离是否小于预设周长:若是则以补色替换当前的底盘颜色,否则以与补色距离最近的底盘备选色替换当前的底盘颜色。
相较于现有技术,本发明提供的图标的底盘颜色显示方法及装置,分别统计图标和底盘中所有像素的颜色比例,以占比最高的颜色作为判断色,判断所述判断色的补色是否在预设的底盘备选色第一范围内,若是则以补色替换当前的底盘颜色,否则以底盘备选色替换当前的底盘颜色;以图标和底盘中出现最多的颜色的补色和与主题相关的底盘备选色作为调色依据,能根据不同的主题更改底盘颜色,提高了不同主题的适配度,更符合色彩搭配原理;采用色相环判断选择颜色,增加了可匹配颜色的多样性和匹配精度,使色彩搭配更加自然,视觉效果更舒适。
附图说明
图1为本发明实施例提供的图标的底盘颜色显示方法的流程图。
图2为本发明实施例提供的图标的底盘颜色显示装置的结构框图。
具体实施方式
本发明提供一种图标的底盘颜色显示方法及装置。为使本发明的目的、技术方案及效果更加清楚、明确,以下参照附图并举实施例对本发明进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本发明,并不用于限定本发明。
本发明针对目前底盘颜色固定导致与主题颜色不匹配的问题,提供一种图标的底盘颜色显示方法及装置,在色相环的基础上,将下载的第三方应用软件的图标颜色与移动终端当前的主题颜色一起综合分析,为第三方应用软件的图标自动搭配适宜的底盘颜色,使用户获得清晰的视觉效果。请同时参阅图1,本发明实施例提供的图标的底盘颜色显示方法包括:
S100、分别统计图标和底盘中所有像素的颜色比例,以占比最高的颜色作为判断色;
S200、在色相环上判断所述判断色的补色是否在预设的底盘备选色第一范围内,若是则以补色替换当前的底盘颜色,否则以底盘备选色替换当前的底盘颜色。
其中,所述预设的底盘备选色是与主题颜色最佳搭配的多种颜色。在所述步骤S100之前,需要先根据主题颜色预设多个适配的底盘备选色。每种底盘备选色在色相环上标记出对应的角度范围。不同主题对应不同的底盘备选色。这样即可为第三方应用软件的图标提供多种底盘颜色选择。底盘备选色的个数通常由系统自动绑定主题生成,用户还可根据自己的喜好适当增减。
在根据第三方应用软件的图标颜色与移动终端当前的主题颜色一起综合分析之前,为了加快调色处理速度,本实施例可以先判断第三方应用软件提供的底盘颜色是否能与图标颜色和主题颜色匹配,匹配则无需更改底盘颜色,不匹配才执行步骤S100~S200,以减少不必要的系统运算;具体为:在色相环上判断当前的底盘颜色是否在预设的底盘备选色第二范围内,若是则保持当前的底盘颜色;否则执行步骤S100。
本实施例先获取第三方应用软件提供的底盘颜色的RGB值,转换为色相环上对应的角度。基于预设的底盘备选色在色相环上都有对应的角度范围,接着判断第三方应用软件提供的底盘颜色的角度是否在底盘备选色的角度22.5°范围(即第二范围)内。若是,则说明当前的底盘颜色是底盘备选色中的一种或颜色比较相近,当前的底盘颜色与主题匹配,无需更改。若不在底盘备选色的第二范围内,表示当前的底盘颜色需要更改,即执行步骤S100~S200。
本实施例中,所述步骤S100具体包括:
步骤1、分别统计图标和图标边缘预设范围中所有像素的颜色比例,得到图标中占比最高的第一图标颜色和图标边缘预设范围中占比最高的第一边缘颜色。
基于第三方应用软件提供的图标和图标外延的部分由多种颜色组成。颜色占有率最高的颜色通常更容易被识别,以此颜色的补色作为底盘颜色将使图标更加突出。为此,在步骤1中可先对图标的所有像素统计其RGB值(一种颜色对应一RGB值),计算出每个RGB值的比例即可得到所有像素的颜色比例,再从中找出颜色占有率最高的颜色记作第一图标颜色、也即是图标的主颜色。
同理,图标边缘预设范围中颜色也作对应技术,获得颜色占有率最多的颜色记作第一边缘颜色、也即是图标边缘的主颜色。其中,所述图标边缘预设范围可以为图标边缘外扩2mm的区域,也可以将图标的底盘作为图标边缘预设范围。
然后需要判断在图标及其边缘预设范围的整个图案中,第一图标颜色与第一边缘颜色中哪个颜色占主要。
步骤2、判断第一边缘颜色的比例是否超过预设阈值:若是则标记底盘第一颜色为判断色,否则标记图标中占比最高的图标第一颜色为判断色。
所述预设阈值即图标及其边缘预设范围的整个图案的颜色比例的80%(不限定80%)。例如,图标及其边缘预设范围的整个图案中共4种颜色,图标中有红色和黑色,图标边缘预设范围有蓝色和黄色。在图标中,红色占5/6,黑色占1/6,则红色为第一图标颜色。在图标边缘预设范围中,蓝色占3/4,黄色占1/4,则蓝色为第一边缘颜色。在整个图案中,红色占10/16,黑色占2/16,蓝色占3/16,黄色占1/16。蓝色没有超过整个图案的颜色比例的80%,则以红色为判断色。
在具体实施时,所述步骤S100还可以采用以下方案,即统计图标及其边缘预设范围的整个图案的颜色比例,以比例值最大的颜色为判断色。即上述例子中,直接计算出在整个图案中,红色占10/16,黑色占2/16,蓝色占3/16,黄色占1/16。红色的比例值最大,以其为判断色即可。
获得判断色后即可找出其补色,判断补色是否与主题颜色匹配,即所述步骤S200具体包括:
步骤21、根据色相环找出所述判断色的补色。
在色相环上划直径,正好相对(即距离最远)的两种色彩互为补色。补色之间对比强烈,视觉吸引力强。因此本示例采用是否靠近补色的方法来选择最适配的底盘颜色。
步骤22、判断所述补色在色相环上与预设的底盘备选色的距离是否小于预设周长:若是则以补色或底盘备选色替换当前的底盘颜色,否则以与补色距离最近的底盘备选色替换当前的底盘颜色。
所述预设周长为色相环周长的1/4。上述底盘备选色第一范围即所述补色在色相环上与预设的底盘备选色的距离小于预设周长的范围。补色离底盘备选色的距离越近,表明该补色的色彩和底盘备选色均与主题颜色匹配,可系统默认选择该补色或底盘备选色作为底盘颜色,也可同时显示该补色和底盘备选色供用户选择;补色离底盘备选色的距离越远,表明该补色虽然与判断色对比明显,但该补色的色彩与主题颜色不匹配,可选离补色距离最近的底盘备选色作为底盘颜色。这样选择出的底盘颜色与移动终端的主题颜色最适配,为用户提供了更舒适的视觉效果。
基于上述的图标的底盘颜色显示方法,本发明实施例还相应提供一种图标的底盘颜色显示装置。请参阅图2,所述底盘颜色显示装置包括比例计算模块10和颜色选择模块20。所述比例计算模块10分别统计图标和图标边缘预设范围中所有像素的颜色比例,以占比最高的颜色作为判断色。颜色选择模块20在色相环上判断所述判断色的补色是否在预设的底盘备选色第一范围内,若是则以补色替换当前的底盘颜色,否则以底盘备选色替换当前的底盘颜色。
其中,所述比例计算模块10包括依次连接的统计单元110和判断单元120。所述颜色选择模块20包括依次连接的补色单元210和选择判断单元220。所述判断单元120连接补色单元210。需要替换底盘颜色时,先由所述统计单元110分别统计图标和图标边缘预设范围中所有像素的颜色比例,得到图标中占比最高的第一图标颜色和图标边缘预设范围中占比最高的第一边缘颜色。接着判断单元120判断第一边缘颜色的比例是否超过预设阈值:若是则标记底盘第一颜色为判断色,否则标记图标中占比最高的图标第一颜色为判断色。然后通过补色单元210根据色相环找出所述判断色的补色。最后通过选择判断单元220判断所述补色在色相环上与预设的底盘备选色的距离是否小于预设周长:若是则以补色或底盘备选色替换当前的底盘颜色,否则以与补色距离最近的底盘备选色替换当前的底盘颜色。
本实施例中,所述底盘颜色显示装置还包括底盘设置模块30,其根据主题颜色预设多个适配的底盘备选色。
在具体实施时,为了加快调色处理速度,所述底盘颜色显示装置还包括底盘预判模块40,其在色相环上判断当前的底盘颜色是否在预设的底盘备选色的第二范围内,若是则保持当前的底盘颜色;否则启动比例计算模块执行上述步骤S100至S200的判断。这样可以减少不必要的系统运算,节约系统资源。
综上所述,本发明预先根据移动终端的主题颜色设置多个适配的底盘备选色,为底盘颜色提供最佳的配色方案。分别统计图标和底盘中所有像素的颜色比例,以占比最高的颜色作为判断色,在色相环上判断所述判断色的补色与预设的底盘备选色的距离是否小于预设周长,若是则以补色替换当前的底盘颜色,否则以距离补色最近的底盘备选色替换当前的底盘颜色;以图标和底盘中出现最多的颜色的补色和底盘备选色作为调色依据,能根据不同的主题更改底盘颜色,提高了不同主题的适配度,更符合色彩搭配原理,增强了色彩辨识度,方便用户查找相关应用的图标;采用色相环判断选择颜色,增加了可匹配颜色的多样性和匹配精度,使色彩搭配更加自然,视觉效果更舒适。
可以理解的是,对本领域普通技术人员来说,可以根据本发明的技术方案及其发明构思加以等同替换或改变,而所有这些改变或替换都应属于本发明所附的权利要求的保护范围。
Claims (6)
1.一种图标的底盘颜色显示方法,其特征在于,包括:
A、分别统计图标和图标边缘预设范围中所有像素的颜色比例,以占比最高的颜色作为判断色;
B、在色相环上判断所述判断色的补色是否在预设的底盘备选色第一范围内,若是则以补色替换当前的底盘颜色,否则以底盘备选色替换当前的底盘颜色;
所述步骤A具体包括:
A1、分别统计图标和图标边缘预设范围中所有像素的颜色比例,得到图标中占比最高的第一图标颜色和图标边缘预设范围中占比最高的第一边缘颜色;
A2、判断第一边缘颜色的比例是否超过预设阈值:若是则标记第一边缘颜色为判断色,否则标记图标中占比最高的第一图标颜色为判断色;
所述步骤B具体包括:
B1、根据色相环找出所述判断色的补色;
B2、判断所述补色在色相环上与预设的底盘备选色的距离是否小于预设周长:若是则以补色替换当前的底盘颜色,否则以与补色距离最近的底盘备选色替换当前的底盘颜色;根据不同的主题更改底盘颜色;
以图标和图标边缘预设范围中出现最多的颜色的补色和底盘备选色作为调色依据,增强了色彩辨识度,使图标更加突出。
2.根据权利要求1所述的图标的底盘颜色显示方法,其特征在于,在所述步骤A之前还包括:A0、根据主题颜色预设多个适配的底盘备选色。
3.根据权利要求2所述的图标的底盘颜色显示方法,其特征在于,在所述步骤A之前,步骤A0之后还包括:在色相环上判断当前的底盘颜色是否在预设的底盘备选色的第二范围内,若是则保持当前的底盘颜色;否则执行步骤A。
4.一种图标的底盘颜色显示装置,其特征在于,包括:
比例计算模块,用于分别统计图标和图标边缘预设范围中所有像素的颜色比例,以占比最高的颜色作为判断色;
颜色选择模块,用于在色相环上判断所述判断色的补色是否在预设的底盘备选色第一范围内,若是则以补色替换当前的底盘颜色,否则以底盘备选色替换当前的底盘颜色;
所述颜色选择模块包括:
补色单元,用于根据色相环找出所述判断色的补色;
选择判断单元,用于判断所述补色在色相环上与预设的底盘备选色的距离是否小于预设周长:若是则以补色替换当前的底盘颜色,否则以与补色距离最近的底盘备选色替换当前的底盘颜色;根据不同的主题更改底盘颜色;
所述比例计算模块包括:
统计单元,用于分别统计图标和图标边缘预设范围中所有像素的颜色比例,得到图标中占比最高的第一图标颜色和图标边缘预设范围中占比最高的第一边缘颜色;
判断单元,用于判断第一边缘颜色的比例是否超过预设阈值:若是则标记第一边缘颜色为判断色,否则标记图标中占比最高的第一图标颜色为判断色;
以图标和图标边缘预设范围中出现最多的颜色的补色和底盘备选色作为调色依据,增强了色彩辨识度,使图标更加突出。
5.根据权利要求4所述的图标的底盘颜色显示装置,其特征在于,还包括底盘设置模块,用于根据主题颜色预设多个适配的底盘备选色。
6.根据权利要求5所述的图标的底盘颜色显示装置,其特征在于,还包括底盘预判模块,用于在色相环上判断当前的底盘颜色是否在预设的底盘备选色的第二范围内,若是则保持当前的底盘颜色;否则启动比例计算模块。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410302210.6A CN104090711B (zh) | 2014-06-30 | 2014-06-30 | 一种图标的底盘颜色显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410302210.6A CN104090711B (zh) | 2014-06-30 | 2014-06-30 | 一种图标的底盘颜色显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104090711A CN104090711A (zh) | 2014-10-08 |
CN104090711B true CN104090711B (zh) | 2017-12-22 |
Family
ID=51638431
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410302210.6A Active CN104090711B (zh) | 2014-06-30 | 2014-06-30 | 一种图标的底盘颜色显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104090711B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104461539B (zh) * | 2014-12-09 | 2017-11-28 | 广州久邦世纪科技有限公司 | 一种图标底座自动配色方法 |
CN104866755B (zh) | 2015-06-11 | 2018-03-30 | 北京金山安全软件有限公司 | 应用程序解锁界面背景图片的设置方法、装置及电子设备 |
CN109189281A (zh) * | 2018-06-29 | 2019-01-11 | 努比亚技术有限公司 | 壁纸与图标的颜色适配方法、终端及计算机存储介质 |
CN110134299A (zh) * | 2019-04-25 | 2019-08-16 | 珠海格力电器股份有限公司 | 一种更改目标对象显示信息的方法和设备 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7184063B2 (en) * | 2004-09-01 | 2007-02-27 | Microsoft Corporation | Adaptive color schemes |
CN101916168B (zh) * | 2010-08-31 | 2012-10-10 | 宇龙计算机通信科技(深圳)有限公司 | 一种应用图标的显示方法及系统 |
CN102622163B (zh) * | 2011-03-14 | 2018-06-05 | 小米科技有限责任公司 | 一种图标生成方法 |
CN102736920B (zh) * | 2012-06-11 | 2015-09-09 | 广东欧珀移动通信有限公司 | 一种桌面图标背景蒙板的自适应配色方法 |
CN103076943B (zh) * | 2012-12-27 | 2016-02-24 | 小米科技有限责任公司 | 一种图标的转换方法和图标的转换装置 |
CN103544004B (zh) * | 2013-08-01 | 2017-06-06 | Tcl集团股份有限公司 | 一种基于色环的图标背景色调整方法和终端 |
-
2014
- 2014-06-30 CN CN201410302210.6A patent/CN104090711B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN104090711A (zh) | 2014-10-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104090711B (zh) | 一种图标的底盘颜色显示方法及装置 | |
CN108376539B (zh) | 一种图像的色彩补偿方法及设备 | |
CN101916168B (zh) | 一种应用图标的显示方法及系统 | |
CN104076928B (zh) | 一种调整文字显示区域色调的方法 | |
CN103677640B (zh) | 一种虚拟键盘自适应应用主题的方法及系统 | |
CN101706718A (zh) | 一种自动改变桌面文字颜色的方法及其装置 | |
CN103544004B (zh) | 一种基于色环的图标背景色调整方法和终端 | |
CN103955332A (zh) | 一种移动终端及其桌面图标的排列方法和装置 | |
CN105955733B (zh) | 一种修饰图标的方法、装置和移动终端 | |
CN105957125A (zh) | 一种图标文字的处理方法及移动终端 | |
CN103927102A (zh) | 主题配色方法和移动终端 | |
CN106095447A (zh) | 一种应用界面的生成方法、设备及计算设备 | |
CN105955754B (zh) | 一种用户界面文字显示方法及装置 | |
CN105611265B (zh) | 一种白平衡调节装置及方法 | |
CN106126255B (zh) | 图片板块的标题的背景色的调整方法及装置 | |
CN103595898A (zh) | 一种基于图像信息的智能滤镜处理方法 | |
USD915435S1 (en) | Mobile terminal with graphical user interface for car purchase | |
CN104636194A (zh) | 一种终端及其实现应用排序的方法 | |
TWI628584B (zh) | 使用者介面調整方法與使用此方法的裝置 | |
CN110675839A (zh) | 一种屏幕调节方法、电子设备及相关装置 | |
CN109076143B (zh) | 通过考虑视觉外观和实际油墨成本,实现印刷设备的油墨成本节省 | |
CN109408177A (zh) | 一种配置图片中文字颜色的方法、装置及电子设备 | |
JP2020504809A5 (zh) | ||
CN105118444A (zh) | 一种信息处理方法及电子设备 | |
CN108198123A (zh) | 水印嵌入方法及终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |