CN112148288A - 界面颜色设置方法、装置、设备及存储介质 - Google Patents
界面颜色设置方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN112148288A CN112148288A CN202011008181.4A CN202011008181A CN112148288A CN 112148288 A CN112148288 A CN 112148288A CN 202011008181 A CN202011008181 A CN 202011008181A CN 112148288 A CN112148288 A CN 112148288A
- Authority
- CN
- China
- Prior art keywords
- color
- preset
- brightness
- saturation
- hue
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 71
- 239000003086 colorant Substances 0.000 claims abstract description 137
- 238000013507 mapping Methods 0.000 claims abstract description 19
- 230000003247 decreasing effect Effects 0.000 claims description 36
- 230000007423 decrease Effects 0.000 claims description 22
- 238000012545 processing Methods 0.000 claims description 5
- 238000012163 sequencing technique Methods 0.000 claims description 4
- 238000013461 design Methods 0.000 abstract description 34
- 230000008569 process Effects 0.000 abstract description 28
- 238000011161 development Methods 0.000 abstract description 24
- 238000010586 diagram Methods 0.000 description 20
- 230000008859 change Effects 0.000 description 12
- 235000019557 luminance Nutrition 0.000 description 11
- 230000000694 effects Effects 0.000 description 9
- 238000004590 computer program Methods 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 230000009467 reduction Effects 0.000 description 3
- 230000035945 sensitivity Effects 0.000 description 2
- 238000004042 decolorization Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000717 retained effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Color Image Communication Systems (AREA)
- Image Processing (AREA)
- Facsimile Image Signal Circuits (AREA)
Abstract
本发明实施例提供一种界面颜色设置方法、装置、设备及存储介质,通过接收用户的颜色设定指令,颜色设定指令包括用户设定的目标颜色的颜色参数;根据目标颜色的颜色参数以及预设的色板生成规则生成色板,色板包括目标颜色以及多个目标颜色的邻近颜色,邻近颜色为较目标颜色更浅和/或更深的颜色;根据色板以及预设的界面中各对象与色板中各颜色位置的映射关系设置界面中各对象的颜色。本发明实施例中在界面设计和开发过程中用户仅需确定目标颜色即可得到多个其他邻近颜色,生成色板,依据色板和预设的界面中各对象与色板中各颜色位置的映射关可系实现界面颜色的自动设计,可统一界面设计的颜色标准,提高界面设计和开发效率,且节约了人力资源。
Description
技术领域
本发明实施例涉及计算机技术领域,尤其涉及一种界面颜色设置方法、装置、设备及存储介质。
背景技术
在对电子设备的应用或系统设计界面或者对话框、消息框等时,通常会涉及到颜色设计问题,而对于颜色设计一直是采用感性的选取过程,通常没有一种算法来规范色彩的使用。同一个界面中不同的对象通常可能会采用不同的颜色,一般会采用一种主色,若干种邻近颜色。
现有技术中每换一种颜色通常都需要设计师提供相对应的颜色参数,在搭建简单页面的时候如果没有设计的帮助前端开发工程师很难把控颜色的选取。而若没有设计师体提供颜色参数,开发工程师在搭建页面的时候则大多会直接通过改变颜色值中的黑或白来实现颜色的深浅变化,或者直接在颜色上覆盖白色或黑色图层并通过调节透明度来实现颜色变化。
由于除了设计师之外的其他开发人员缺乏颜色选取及搭配的敏感度,导致在没有设计师帮助的情况下很难搭配出合适的颜色,而运用单纯加黑加白的方法使颜色缺乏美感,再加上不同设计师会给出不同的色值,导致在设计和开发工作中很难统一标准,不利于设计和开发过程的协作。
发明内容
本发明实施例提供一种界面颜色设置方法、装置、设备及存储介质,用以实现在界面设计和开发过程中仅需选取一个颜色即可确定其他邻近颜色,实现界面颜色的自动设计,统一颜色标准、提高界面设计和开发效率。
第一方面,本发明实施例提供一种界面颜色设置方法,包括:
接收用户的颜色设定指令,所述颜色设定指令包括用户设定的目标颜色的颜色参数;
根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板,所述色板包括所述目标颜色以及多个所述目标颜色的邻近颜色,所述邻近颜色为较所述目标颜色更浅和/或更深的颜色;
根据所述色板、以及预设的界面中各对象与色板中各颜色位置的映射关系,设置所述界面中各对象的颜色。
第二方面,本发明实施例提供一种界面颜色设置装置,包括:
接收模块,用于接收用户的颜色设定指令,所述颜色设定指令包括用户设定的目标颜色的颜色参数;
色板获取模块,用于根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板,所述色板包括所述目标颜色以及多个所述目标颜色的邻近颜色,所述邻近颜色为较所述目标颜色更浅和/或更深的颜色;
设置模块,用于根据所述色板、以及预设的界面中各对象与色板中各颜色位置的映射关系,设置所述界面中各对象的颜色。
第三方面,本发明实施例提供一种电子设备,包括:至少一个处理器;以及存储器;
所述存储器存储计算机执行指令;
所述至少一个处理器执行所述存储器存储的计算机执行指令,使得所述至少一个处理器执行如第一方面所述的方法。
第四方面,本发明实施例提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如第一方面所述的方法。
本发明实施例提供的界面颜色设置方法、装置、设备及存储介质,通过接收用户的颜色设定指令,所述颜色设定指令包括用户设定的目标颜色的颜色参数;根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板,所述色板包括所述目标颜色以及多个所述目标颜色的邻近颜色,所述邻近颜色为较所述目标颜色更浅和/或更深的颜色;根据所述色板、以及预设的界面中各对象与色板中各颜色位置的映射关系,设置所述界面中各对象的颜色。本发明实施例中在界面设计和开发过程中用户仅需确定目标颜色即可得到多个其他邻近颜色,生成色板,进而依据色板和预设的界面中各对象与色板中各颜色位置的映射关可系实现界面颜色的自动设计,可统一界面设计的颜色标准,提高界面设计和开发效率,并且节约了人力资源,也避免了单纯修改颜色中的黑、白色值导致颜色变化单一,使得界面颜色搭配不协调、缺乏美感,影响界面展示效果。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
图1为本发明实施例提供的一种界面的示意图;
图2为本发明一实施例提供的界面颜色设置方法的流程图;
图3为本发明另一实施例提供的界面颜色设置方法的流程图;
图4为本发明提供到的色轮以及色轮去色后的光度的示意图;
图5为本发明实施例提供的光度-色相关系图的示意图;
图6a为本发明实施例中色板出现跨色域现象的示意图;
图6b为本发明实施例中色板未出现跨色域现象的示意图;
图7为本发明实施例中提供的基于目标颜色生成色板的示意图;
图8为本发明实施例提供的界面颜色设置装置的结构图;
图9为本发明实施例提供的执行界面颜色设置方法的电子设备的结构图。
通过上述附图,已示出本公开明确的实施例,后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围,而是通过参考特定实施例为本领域技术人员说明本公开的概念。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
现有技术中在界面设计和开发过程中,同一个界面中不同的对象通常可能会采用不同的颜色,一般会采用一种主色,若干种邻近颜色,如图1所示,界面中的页头、页尾、页面中按钮、表头、文字等对象可分别采用主色和若干种邻近颜色中的不同颜色。而每换一种颜色通常都需要设计师提供相对应的颜色参数,在搭建简单页面的时候如果没有设计的帮助前端开发工程师很难把控颜色的选取。而若没有设计师体提供颜色参数,开发工程师在搭建页面的时候则大多会直接通过改变颜色值中的黑或白来实现颜色的深浅变化,或者直接在颜色上覆盖白色或黑色图层并通过调节透明度来实现颜色变化。
由于除了设计师之外的其他开发人员缺乏颜色选取及搭配的敏感度,导致在没有设计师帮助的情况下很难搭配出合适的颜色,而运用单纯加黑加白的方法使颜色缺乏美感,再加上不同设计师会给出不同的色值,导致在设计和开发工作中很难统一标准,不利于设计和开发过程的协作。
针对现有技术的上述问题,本发明实施例中公开了一种界面颜色设置方法,通过预先获取色板生成规则,进而用户仅需确定目标颜色即可得到多个其他较目标颜色更浅和/或更深的邻近颜色,生成色板,为界面颜色选择提供依据;为了能够在设置界面中各对象的颜色时能够自动设置各对象的颜色,且能够采用统一的界面颜色搭配,达到统一的界面显示效果,可预先设置界面中各对象与色板中各颜色位置的映射关系,进而在得到色板后,可依据色板以及预设的界面中各对象与色板中各颜色位置的映射关系,设置所述界面中各对象的颜色,实现界面颜色的自动设计,可统一界面设计的颜色标准,提高界面设计和开发效率,并且节约了人力资源,也避免了单纯修改颜色中的黑、白色值导致颜色变化单一,使得界面颜色搭配不协调、缺乏美感,影响界面展示效果。
本发明实施例具体的应用场景为界面的设计和开发场景,也可以为界面使用场景。具体的,在界面的设计和开发场景中,用户可以为界面的设计人员或开发人员,在界面设计或开发过程中,用户可以先设定任意一种目标颜色,用户具体可设定目标颜色的颜色参数,如色相(Hue,简称H)、饱和度(Saturation,简称S)、亮度(Brightness,简称B);而在界面使用场景中,用户也可以是界面的使用者,用户在使用界面的过程中也可根据自己的喜好设置界面颜色,用户可以先设定任意一种目标颜色,用户具体可设定目标颜色的颜色参数,如色相、饱和度、亮度。用户在设定目标颜色时,可向电子设备发送颜色设定指令,电子设备在接收到用户的颜色设定指令后,根据目标颜色的颜色参数、以及预设的色板生成规则,生成色板,色板包括目标颜色以及多个目标颜色的邻近颜色,邻近颜色为较目标颜色更浅和/或更深的颜色;根据色板、以及预设的界面中各对象与色板中各颜色位置的映射关系,设置界面中各对象的颜色。
下面以具体地实施例对本发明的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本发明的实施例进行描述。
图2为本发明实施例提供的界面颜色设置方法流程图。本实施例提供了一种界面颜色设置方法,其执行主体可以为任意电子设备,该界面颜色设置方法具体步骤如下:
S201、接收用户的颜色设定指令,所述颜色设定指令包括用户设定的目标颜色的颜色参数。
在本实施例中,用户可以为界面的设计人员或开发人员,在界面设计或开发过程中,用户可以先设定任意一种目标颜色,用户具体可设定目标颜色的颜色参数,如色相、饱和度、亮度。或者,用户也可以是界面的使用者,用户在使用界面的过程中也可根据自己的喜好设置界面颜色,用户可以先设定任意一种目标颜色,用户具体可设定目标颜色的颜色参数,如色相、饱和度、亮度。用户在设定目标颜色时,可向电子设备发送颜色设定指令,其中颜色设定指令包括用户设定的目标颜色的颜色参数,本实施例中不限制颜色设置指令的形式,可以是键盘输入、点击选择、语音输入等各种形式的指令。
S202、根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板,所述色板包括所述目标颜色以及多个所述目标颜色的邻近颜色,所述邻近颜色为较所述目标颜色更浅和/或更深的颜色。
在本实施例中,以目标颜色的颜色参数为基准,也即将目标颜色作为主色,根据预设的色板生成规则获取多个目标颜色的邻近颜色,该些邻近颜色可以包括相较于目标颜色更浅的颜色,也可以包括相较于目标颜色更深的颜色,由该些目标颜色的邻近颜色以及目标颜色共同构成色板,可选的可以将色板中的颜色按照深浅进行排序,色板可用于在设置界面中各对象颜色时从色板中选择合适的颜色,例如界面中一些对象需要采用深一点的颜色,则从色板中选择较深的颜色,一些对象需要采用浅一点的颜色,则从色板中选择较浅的颜色。
S203、根据所述色板、以及预设的界面中各对象与色板中各颜色位置的映射关系,设置所述界面中各对象的颜色。
在本实施例中,在设置界面中各对象的颜色时,为了保证能够自动设置界面中各对象的颜色,且能够采用较为统一界面颜色搭配,达到统一的界面显示效果,本实施例中可预先设置界面中各对象与色板中各颜色位置的映射关系,例如色板中具有10个颜色位置,也即可包括10种颜色,在S201和S202中获取到目标颜色和邻近颜色后,可将目标颜色和邻近颜色按照深浅顺序填入到色板的各颜色位置处,而界面中的某一对象与色板中某一颜色位置存在映射关系,则根据该颜色位置处填入的颜色设置该对象的颜色,举例来说页头、页尾和页面中按钮对应色板的第6颜色位置,页头、页尾和按钮中的文字对应色板的第1颜色位置,等等,此处不再一一举例,在获取到色板后,即可根据色板第6颜色位置的颜色设置页头、页尾和按钮的颜色,根据色板的第1颜色位置的颜色设置页头、页尾和按钮中的文字的颜色。
本实施例提供的界面颜色设置方法,通过接收用户的颜色设定指令,所述颜色设定指令包括用户设定的目标颜色的颜色参数;根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板,所述色板包括所述目标颜色以及多个所述目标颜色的邻近颜色,所述邻近颜色为较所述目标颜色更浅和/或更深的颜色;根据所述色板、以及预设的界面中各对象与色板中各颜色位置的映射关系,设置所述界面中各对象的颜色。本实施例中在界面设计和开发过程中用户仅需确定目标颜色即可得到多个其他邻近颜色,生成色板,进而依据色板和预设的界面中各对象与色板中各颜色位置的映射关可系实现界面颜色的自动设计,可统一界面设计的颜色标准,提高界面设计和开发效率,并且节约了人力资源,也避免了单纯修改颜色中的黑、白色值导致颜色变化单一,使得界面颜色搭配不协调、缺乏美感,影响界面展示效果。
在上述任一实施例的基础上,如图3所示,S202所述的根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板,具体包括:
S301、根据所述目标颜色的颜色参数、以及预设的色板生成规则,对所述目标颜色逐步进行减淡操作和/或加深操作,分别得到第一预设数量的第一邻近颜色和/或第二预设数量的第二邻近颜色;
S302、将所述第一邻近颜色、所述目标颜色以及所述第二邻近颜色按照颜色的深浅进行排序,得到所述色板。
在本实施例中,预先可获取色板生成规则,进而在目标颜色的颜色参数的基础上,根据色板生成规则,对目标颜色逐步进行减淡操作,可得到第一预设数量的第一邻近颜色,和/或在对目标颜色逐步进行加深操作,可得到第二预设数量的第二邻近颜色,进而将第一邻近颜色、目标颜色以及第二邻近颜色按照深浅进行排序,得到所述色板。
可选的,可将色板中各颜色可由浅至深进行排序,可选的,目标颜色可以为色板由浅至深的中间位置的颜色,例如色板中可以包括由浅至深的10种颜色,以目标颜色为其中第6种颜色。
上述实施例中,可以预先分析颜色变化的规律,具体如下:
首先将色轮(或称色环、色相环)中的颜色去色,其中色轮为将色相从0至360°的颜色序列依次排列形成的环,去色后得到色轮中各颜色的光度,其示意图如图4所示(此处仅以灰度图作为示例,色轮上具体颜色为通用色轮的颜色),其中数字为该位置处颜色的光度,将这些光度值和相对应的色相值放置在数轴中,可得到光度-色相关系图,如图5所示,这样我们可以得知,色相本身其实是有亮度的,将色轮上各色相值的颜色放到数轴中,横轴为色相,纵轴为光度,然后将其连成线,会发现这条折线的经历了三个高点(极大值)和三个低点(极小值),三个高点分别是黄色、青色、品红色,色相分别为60°、180°、300°。三个低点分别是红色、绿色、蓝色,色相分别为0°、120°、240°,色相从左到右是依次经历从暗到亮到暗到亮到暗到亮的变化过程,因此,可以得到一个规律:
如果想要较深的变化,请将色相值朝三个高点移动,向最近的点移动;
如果想要较浅的变化,请将色相值朝三个低点移动,向最近的点移动;
进而总结出如下调色规律:
若需要得到较深的颜色,则需要色相(H)偏向离目标颜色的色相最近的三个低点(红、绿、蓝),亮度(B)下降,饱和度(S)上升;
若需要得到较浅的颜色,则需要色相(H)偏向离目标颜色的色相最近的三个高点(黄、青、品红),亮度(B)上升,饱和度(S)下降。
基于上述规律,即可设定色板生成规则,进而根据色板生成规则快速生成色板。
在上述实施例的基础上,S301所述的根据所述目标颜色的颜色参数、以及预设的色板生成规则,对所述目标颜色逐步进行减淡操作和/或加深操作,分别得到第一预设数量的第一邻近颜色和/或第二预设数量的第二邻近颜色,具体可包括:
根据所述目标颜色的色相、饱和度和亮度,分别确定所述色板生成规则中与所述对应的目标预设饱和度设置规则、目标预设亮度设置规则、以及目标预设色相设置规则,并根据该些规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的饱和度、亮度和色相。
在本实施例中,基于上述调色规律,可以发现当目标颜色的色相处于光度-色相关系图的不同位置时进行减淡操作或加深操作时可能需要采用不同的操作,因此可基于上述调色规律,对色相、饱和度和亮度分别设置不同的区间,在不同的区间内采用不同的设置规则来进行减淡操作和/或加深操作,得到各第一邻近颜色和/或各第二邻近颜色的饱和度、亮度和色相。
在上述实施例的基础上,可在饱和度0~100%区间内预设有至少三个预设饱和度范围,所述至少三个预设饱和度范围包括最大预设饱和度范围、中间预设饱和度范围和最小预设饱和度范围;可选的,最大预设饱和度范围可以为100%≥S>95%,中间预设饱和度范围可以为95%≥S>30%,最小预设饱和度范围可以为30%≥S>0。当然,本实施例中并不限定上述的方式划分范围区间,当然也可划分更多的范围,并不仅限于三个范围。
在本实施例中,在根据目标预设饱和度设置规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的饱和度时,可以至少分为以下几种情况:
第一种情况:若所述目标颜色的饱和度处于最大预设饱和度范围,在减淡操作时获取饱和度从所述目标颜色的饱和度减少至预设最小饱和度值的第一步长,根据所述第一步长依次设置各所述第一邻近颜色的饱和度;和/或,在加深操作时保持各所述第二邻近颜色的饱和度等于预设最大饱和度值。
在本实施例中,最大预设饱和度范围可以为100%≥S>95%,当然也可以为其他的范围,当目标颜色的饱和度处于最大预设饱和度范围内时,在减淡操作中,可以在目标颜色的饱和度的基础上以第一步长对饱和度进行递减来设置各第一邻近颜色的饱和度,其中第一步长可以通过目标颜色的饱和度、预设最小饱和度值以及第一邻近颜色的数量来确定,也即第一邻近颜色的饱和度从目标颜色的饱和度依次减小至预设最小饱和度值的步长,等于目标颜色的饱和度与预设最小饱和度值的差值与第一邻近颜色的数量的比值。需要说明的是,预设最小饱和度值可以为任意设定值,其中优选的,预设最小饱和度值可以为5%,因为饱和度低于5%的时候颜色太白,效果不好;且不能出现饱和度为0%的情况,因为如果饱和度为0%的时候无论色相和亮度值是多少,颜色都是白色。
而在加深操作中,由于目标颜色的饱和度处于最大预设饱和度范围内,饱和度已经足够大,可以直接保持各第二邻近颜色的饱和度等于预设最大饱和度值,其中预设最大饱和度值可以为100%,当然也可以为其他值,例如98%、95%,此处可不做限定。
第二种情况:若所述目标颜色的饱和度处于中间预设饱和度范围,在减淡操作时获取饱和度从所述目标颜色的饱和度减少至饱和度为预设最小饱和度值的第二步长,根据所述第二步长依次设置各所述第一邻近颜色的饱和度;和/或,在加深操作时获取饱和度从所述目标颜色的饱和度增加至饱和度为预设最大饱和度值的第三步长,根据所述第三步长依次设置各所述第二邻近颜色的饱和度。
在本实施例中,中间预设饱和度范围可以为95%≥S>30%,当然也可以为其他的范围,当目标颜色的饱和度处于中间预设饱和度范围内时,在减淡操作中,可以在目标颜色的饱和度的基础上以第二步长对饱和度进行递减来设置各第一邻近颜色的饱和度,其中第二步长可以通过目标颜色的饱和度、预设最小饱和度值以及第一邻近颜色的数量来确定,其过程可同第一种情况,此处不再赘述。
而在加深操作中,可以在目标颜色的饱和度的基础上以第三步长对饱和度进行递增来设置各第二邻近颜色的饱和度,其中第三步长可以通过目标颜色的饱和度、预设最大饱和度值以及第二邻近颜色的数量来确定,也即第二邻近颜色的饱和度从目标颜色的饱和度依次递增至预设最大饱和度值的步长,等于预设最大饱和度值与目标颜色的饱和度的差值与第二邻近颜色的数量的比值。需要说明的是,预设最大饱和度值可以为任意设定值,其中优选的,预设最大饱和度值可以为100%,当然也可以为其他值,例如98%、95%,此处可不做限定。
第三种情况:若所述目标颜色的饱和度处于最小预设饱和度范围,在减淡操作时保持各所述第一邻近颜色的饱和度等于所述目标颜色的饱和度;和/或,在加深操作时获取饱和度从所述目标颜色的饱和度增加至饱和度为预设最大饱和度值的第四步长,根据所述第四步长依次设置各所述第二邻近颜色的饱和度。
在本实施例中,最小预设饱和度范围可以为30%≥S>0%,当然也可以为其他的范围,当目标颜色的饱和度处于最小预设饱和度范围时,在减淡操作中,由于目标颜色的饱和度已经相对较小,可以直接保持各第一邻近颜色的饱和度等于该目标颜色的饱和度,当然也可以等于其他值,例如10%、5%等,此处可不做限定。
而在加深操作中,可以在目标颜色的饱和度的基础上以第四步长对饱和度进行递增来设置各第二邻近颜色的饱和度,其中第四步长可以通过目标颜色的饱和度、预设最大饱和度值以及第二邻近颜色的数量来确定,其过程可同第三种情况,此处不再赘述。
第四种情况:若所述目标颜色的饱和度为0%,则在减淡操作和/或加深操作时保持各所述第一邻近颜色和/或述第二邻近颜色的饱和度等于0%。
在本实施例中,由于饱和度为0%时色相和亮度值是多少颜色都为灰色,因此在减淡操作和/或加深操作时只需继续保持饱和度为0%即可。
作为一种示例,假设,最大预设饱和度范围为100%≥S>95%,中间预设饱和度范围为95%≥S>30%,最小预设饱和度范围为30%≥S>0%,以目标颜色为色板的第六个颜色,第一邻近颜色有5个,也即在减淡操作时需要在目标颜色的基础上减淡5个色阶,而第二邻近颜色有4个,也即在加深操作时需要在目标颜色的基础上加深4个色阶。为了表述方便,本实施例中表一来展示上述的各预设饱和度范围对应的目标预设饱和度设置规则,其中目标颜色的饱和度S=x。
表一
在上述任一实施例的基础上,可在亮度0~100%区间内预设有至少三个预设亮度范围,所述至少三个预设亮度范围包括最大预设亮度范围、中间预设亮度范围和最小预设亮度范围;可选的,最大预设亮度范围可以为100%≥S>95%,中间预设亮度范围可以为95%≥S>30%,最小预设亮度范围可以为30%≥S>0。当然,本实施例中并不限定上述的方式划分范围区间,当然也可划分更多的范围,并不仅限于三个范围。
在本实施例中,在根据目标预设亮度设置规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的亮度时,可以至少分为以下几种情况:
第一种情况:若所述目标颜色的亮度处于最大预设亮度范围,在减淡操作时保持各所述第一邻近颜色的亮度等于预设最大亮度值;和/或,在加深操作时获取亮度从所述目标颜色的亮度减小至预设最小亮度值的第五步长,根据所述第五步长依次设置各所述第二邻近颜色的亮度。
在本实施例中,最大预设亮度范围可以为100%≥S>95%,当然也可以为其他的范围,当目标颜色的亮度处于最大预设亮度范围内时,在减淡操作中,可以在目标颜色的亮度处于最大预设亮度范围内,亮度已经足够大,可以直接保持各第二邻近颜色的亮度等于预设最大亮度值,其中预设最大亮度值可以为100%,当然也可以为其他值,例如98%、95%,此处可不做限定。
在加深操作中,可以在目标颜色的亮度的基础上以第五步长对亮度进行递减来设置各第二邻近颜色的亮度,其中第五步长可以通过目标颜色的亮度、预设最小亮度值以及第二邻近颜色的数量来确定,也即第二邻近颜色的亮度从目标颜色的亮度依次减小至预设最小亮度值的步长,等于目标颜色的亮度与预设最小亮度值的差值与第二邻近颜色的数量的比值。需要说明的是,预设最小亮度值可以为任意设定值,其中优选的,预设最小亮度值可以为30%,因为亮度低于30%的时候颜色太黑,效果不好;且不能出现亮度为0%的情况,因为如果亮度为0%的时候无论色相和亮度值是多少,颜色都是黑色。
第二种情况:若所述目标颜色的亮度处于中间预设亮度范围,在减淡操作时获取亮度从所述目标颜色的亮度增加至预设最大亮度值的第六步长,根据所述第六步长依次设置各所述第一邻近颜色的亮度;和/或,在加深操作时获取亮度从所述目标颜色的亮度减小至预设最小亮度值的第七步长,根据所述第七步长依次设置各所述第二邻近颜色的亮度。
在本实施例中,中间预设亮度范围可以为95%≥S>30%,当然也可以为其他的范围,当目标颜色的亮度处于中间预设亮度范围内时,在减淡操作中,可以在目标颜色的亮度的基础上以第六步长对亮度进行递增来设置各第一邻近颜色的亮度,其中第六步长可以通过目标颜色的亮度、预设最大亮度值以及第一邻近颜色的数量来确定,也即第二邻近颜色的亮度从目标颜色的亮度依次递增至预设最大亮度值的步长,等于预设最大亮度值与目标颜色的亮度的差值与第二邻近颜色的数量的比值。需要说明的是,预设最大亮度值可以为任意设定值,其中优选的,预设最大亮度值可以为100%,当然也可以为其他值,例如98%、95%,此处可不做限定。
在加深操作时,可以在目标颜色的亮度的基础上以第七步长对亮度进行递减来设置各第二邻近颜色的亮度,其中第七步长可以通过目标颜色的亮度、预设最小亮度值以及第二邻近颜色的数量来确定,其过程可同第一种情况,此处不再赘述。
第三种情况:若所述目标颜色的亮度处于最小预设亮度范围,在减淡操作时获取亮度从所述目标颜色的亮度增加至预设最大亮度值的第八步长,根据所述第八步长依次设置各所述第一邻近颜色的亮度;和/或,在加深操作时保持各所述第二邻近颜色的亮度等于所述目标颜色的亮度。
在本实施例中,最小预设亮度范围可以为30%≥S>0%,当然也可以为其他的范围,当目标颜色的亮度处于最小预设亮度范围时,在减淡操作中,可以在目标颜色的亮度的基础上以第八步长对亮度进行递增来设置各第一邻近颜色的亮度,其中第八步长可以通过目标颜色的亮度、预设最大亮度值以及第一邻近颜色的数量来确定,其过程可同第二种情况,此处不再赘述。
在加深操作中,由于目标颜色的亮度处于最小预设亮度范围内,亮度已经足够小,可以直接保持各第二邻近颜色的亮度等于该目标颜色的亮度,当然也可以等于其他值,例如30%、25%等,此处可不做限定。
第四种情况:若所述目标颜色的亮度为0%,则在减淡操作时获取亮度从所述目标颜色的亮度增加至预设最大亮度值的第九步长,根据所述第九步长依次设置各所述第一邻近颜色的亮度;和/或,在加深操作时保持各所述第二邻近颜色的亮度等于0%。
在本实施例中,由于亮度为0%时色相和饱和度值是多少颜色都为黑色,因此在加深操作时只需继续保持亮度为0%即可,可选的,也可将色相和饱和度调整为0;而在减淡操作中,则可在目标颜色的亮度的基础上以第九步长对亮度进行递增来设置各第一邻近颜色的亮度,其中第九步长可以通过目标颜色的亮度、预设最大亮度值以及第一邻近颜色的数量来确定,其过程可同第二种情况,此处不再赘述。
作为有一种示例,假设最大预设亮度范围为100%≥B>95%,中间预设亮度范围为95%≥B>30%,最小预设亮度范围为30%≥B>0%,以目标颜色为色板的第六个颜色,第一邻近颜色有5个,也即在减淡操作时需要在目标颜色的基础上减淡5个色阶,而第二邻近颜色有4个,也即在加深操作时需要在目标颜色的基础上加深4个色阶。为了表述方便,本实施例中表二来展示上述的各预设亮度范围对应的目标预设亮度设置规则,其中目标颜色的亮度B=y。
表二
减淡操作(5个色阶) | 加深操作(4个色阶) | |
100%≥B>95% | 100% | -(y-30%)÷4 |
95%≥B>30% | +(100%-y)÷5 | -(y-30%)÷4 |
30%≥B>0% | +(100%-y)÷5 | 不变 |
B=0 | +(100%-y)÷5 | B=0 |
在上述任一实施例的基础上,在根据目标预设色相设置规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的色相时,可以至少分为以下几种情况:
第一种情况:若所述目标颜色的色相对应光度-色相关系图上的极大值,则在减淡操作时保持各所述第一邻近颜色的色相等于所述目标颜色的色相;和/或,在加深操作时以预设的第十步长依次增加或减小各所述第二邻近颜色的色相。
在本实施例中,根据图5所示的光度-色相关系图,可见光度-色相关系图存在三个极大值(高点),分别是黄色、青色、品红色,色相分别为60°、180°、300°,当目标颜色的色相为60°、180°、300°时,在减淡操作中,由于极大值处的颜色已经较淡,而再增加或减小色相则可能导致颜色加深,因此可在减淡操作中保持各第一邻近颜色的色相等于目标颜色的色相,也即极大值处的颜色的色相。而在加深操作时,则可以在目标颜色的色相的基础上以预设的第十步长依次增加或减小色相值,作为各第二邻近颜色的色相,其中增加或者减小过程均朝向最近的极小值对应色相的方向,因此均可以使颜色加深,其中第十步长可以为任意值,可根据实际情况进行设定,可选的第十步长可以为2°。
第二种情况:若所述目标颜色的色相对应光度-色相关系图上的极小值,则在减淡操作时以预设的第十步长依次增加或减小各所述第一邻近颜色的色相;和/或,在加深操作时保持各所述第二邻近颜色的色相等于所述目标颜色的色相。
在本实施例中,根据图5所示的光度-色相关系图,光度-色相关系图存在三个极小值(低点),分别是红色、绿色、蓝色,色相分别为0°、120°、240°,当目标颜色的色相为0°、120°、240°时,在加深操作中,由于极小值处的颜色已经较深,而再增加或减小色相则可能导致颜色减淡,因此可在加深操作中保持第二邻近颜色的色相等于目标颜色的色相,也即极小值处的颜色的色相。而在减淡操作时,则可以在目标颜色的色相的基础上以预设的第十步长依次增加或减小色相值,作为各第一邻近颜色的色相,其中增加或者减小过程均朝向最近的极大值对应色相的方向,因此均可以使颜色减淡。
第三种情况:若所述目标颜色的色相不对应光度-色相关系图上的极值,则确定最近的极大值和/或极小值;在减淡操作时设置各所述第一邻近颜色的色相以预设的第十步长朝向最近的极大值对应色相的方向依次增加或减小;和/或,在加深操作时设置各所述第二邻近颜色的色相以预设的第十步长朝向最近的极小值对应色相的方向依次增加或减小。
在本实施例中,当目标颜色的色相不对应光度-色相关系图上的极值,也即不对应极大值和极小值时,则在减淡操作时设置各第一邻近颜色的色相以预设的第十步长朝向最近的极大值对应色相的方向依次增加或减小,举例来讲,参见图5所示的光度-色相关系图,当目标颜色的色相位于60°~120°之间时,其最近的极大值处的色相为60°,因此的第一邻近颜色的色相应该以第十步长朝向60°依次递减;而当目标颜色的色相位于120°~180°之间时,其最近的极大值处的色相为180°,因此的第一邻近颜色的色相应该以第十步长朝向180°依次递增。同理,在加深操作时设置各第二邻近颜色的色相以预设的第十步长朝向最近的极小值对应色相的方向依次增加或减小,举例来讲,参见图5所示的光度-色相关系图,当目标颜色的色相位于60°~120°之间时,其最近的极小值处的色相为120°,因此的第二邻近颜色的色相应该以第十步长朝向60°依次递增;而当目标颜色的色相位于120°~180°之间时,其最近的极大值处的色相为120°,因此的第二邻近颜色的色相应该以第十步长朝向120°依次递减。
进一步的,在上述实施例中,在减淡操作时设置各所述第一邻近颜色的色相以预设的第十步长朝向最近的极大值对应色相的方向依次增加或减小时,若任一所述第一邻近颜色的色相增加或减小至最近的极大值对应色相后,则后续的第一邻近颜色的色相保持为最近的极大值对应色相。在本实施例中,当目标颜色的色相在极大值附近的预设区间内(可根据实际情况确定)时,在减淡操作的过程中,各第一邻近颜色的色相可能先依次增加或减小至极大值对应色相,也即朝向极大值对应的色相,然后再继续增加或减小的过程中又再次远离极大值对应的色相,这可能导致第一邻近颜色再次被加深,因此本实施例中当第一邻近颜色的色相增加或减小至最近的极大值对应色相后,则后续的第一邻近颜色的色相保持为最近的极大值对应色相而不再继续增加或减小。
同理,在加深操作时设置各所述第二邻近颜色的色相以预设的第十步长朝向最近的极小值对应色相的方向依次增加或减小时,若任一所述第二邻近颜色的色相增加或减小至最近的极小值对应色相后,则后续的第二邻近颜色的色相保持为最近的极小值对应色相。在本实施例中,当目标颜色的色相在极小值附近的预设区间内时,在加深操作的过程中,各第二邻近颜色的色相可能先依次增加或减小至极小值对应色相,也即朝向极小值对应的色相,然后再继续增加或减小的过程中又再次远离极小值对应的色相,这可能导致第二邻近颜色再次被减淡,因此本实施例中当第二邻近颜色的色相增加或减小至最近的极小值对应色相后,则后续的第二邻近颜色的色相保持为最近的极小值对应色相而不再继续增加或减小。
在一种可实施例中,最大预设色相范围为100%≥B>95%,中间预设色相范围为95%≥B>30%,最小预设色相范围为30%≥B>0%,以目标颜色为色板的第六个颜色,第一邻近颜色有5个,也即在减淡操作时需要在目标颜色的基础上减淡5个色阶,而第二邻近颜色有4个,也即在加深操作时需要在目标颜色的基础上加深4个色阶。为了表述方便,本实施例中表三来展示上述的各预设色相范围对应的目标预设色相设置规则。
表三
此外,作为示例,当目标颜色的色相H满足:360°(0°)≥H>352°,减淡色相逐步-2°、加深时色相逐步+2,直至增加至360°后色相保持不变;同理,240°≥H>232°减淡色相逐步-2°、加深时色相逐步+2,直至增加至240°后色相保持不变;120°≥H>112°时,减淡色相逐步-2°、加深时色相逐步+2,直至增加至120°后色相保持不变;
同理,当目标颜色的色相H满足:8°>H>0°或者248°>H>240°或者128°>H>120°时,减淡色相逐步+2°、加深时色相逐步-2至极小值处(0°、120°、240°)后保持不变;
当目标颜色的色相H满足:70°>H≥60°或者190°>H≥180°或者310°>H≥300°时,减淡时色相逐步-2至极大值处(60°、180°、300°)后保持不变、加深色相逐步+2°。
当目标颜色的色相H满足:60°>H>50°或者80°>H>170°或者300°>H>290°时,减淡色相逐步+2至极大值处(60°、180°、300°)后保持不变、加深色相逐步-2°。
通过在目标颜色的色相处于极大值点对应的色相时或在附近预定区间内,光度最亮,所以在颜色加深时第二邻近颜色的色相在目标有颜色的色相的基础上逐步±2°,减淡时第一邻近颜色的色相保持不变;而在目标颜色的色相处于极小值点对应的色相时或在附近预定区间内,光度最暗,颜色加深时第二邻近颜色的色相不变,减淡时第一邻近颜色的色相的在目标有颜色的色相的基础上逐步±2°,通过上述操作,可以避免色板出现如图6a所示的跨色域的现象,而本实施例得到的色板如图6b所示,其中,图6b未出现色域交叉。
需要说明的是,上述各实施例中对获取各第一邻近颜色和/或各第二邻近颜色的饱和度、亮度和色相每一种参数分别进行解释说明,在实际应用过程中可能需要同时获取第一邻近颜色和/或各第二邻近颜色的饱和度、亮度和色相三种参数,则可同时执行上述各实施例的过程。举例来讲,如图7所示,在给定第六个颜色(目标颜色)的饱和度S、亮度B和色相H后,可一次得到色板上的其他九种邻近颜色。
此外,上述实施例中,设置饱和度、亮度和色相时,若结果为小数,则保留小数点前面的数值,而不采用四舍五入。此外,目标颜色的选取也很重要,一般选取饱和度较高、亮度较高的目标颜色才能更好地匹配上述的规律。
图8为本发明实施例界面颜色设置装置的结构图。本实施例提供的界面颜色设置装置可以执行方法实施例提供的处理流程,如图8所示,所述界面颜色设置装置800包括接收模块801、色板获取模块802、以及设置模块803。
接收模块801,用于接收用户的颜色设定指令,所述颜色设定指令包括用户设定的目标颜色的颜色参数;
色板获取模块802,用于根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板,所述色板包括所述目标颜色以及多个所述目标颜色的邻近颜色,所述邻近颜色为较所述目标颜色更浅和/或更深的颜色;
设置模块803,用于根据所述色板、以及预设的界面中各对象与色板中各颜色位置的映射关系,设置所述界面中各对象的颜色。
在上述任一实施例的基础上,所述色板获取模块802在根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板时,用于:
根据所述目标颜色的颜色参数、以及预设的色板生成规则,对所述目标颜色逐步进行减淡操作和/或加深操作,分别得到第一预设数量的第一邻近颜色和/或第二预设数量的第二邻近颜色;
将所述第一邻近颜色、所述目标颜色以及所述第二邻近颜色按照颜色的深浅进行排序,得到所述色板。
在上述任一实施例的基础上,所述目标颜色的颜色参数包括色相、饱和度和亮度;
所述色板获取模块802在根据所述目标颜色的颜色参数、以及预设的色板生成规则,对所述目标颜色逐步进行减淡操作和/或加深操作,分别得到第一预设数量的第一邻近颜色和/或第二预设数量的第二邻近颜色时,用于:
根据所述目标颜色的色相、饱和度和亮度,分别确定所述色板生成规则中与所述对应的目标预设饱和度设置规则、目标预设亮度设置规则、以及目标预设色相设置规则,并根据该些规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的饱和度、亮度和色相。
在上述任一实施例的基础上,饱和度0~100%区间内预设有至少三个预设饱和度范围,所述至少三个预设饱和度范围包括最大预设饱和度范围、中间预设饱和度范围和最小预设饱和度范围;
所述色板获取模块802在根据目标预设饱和度设置规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的饱和度时,用于:
若所述目标颜色的饱和度处于最大预设饱和度范围,在减淡操作时获取饱和度从所述目标颜色的饱和度减少至预设最小饱和度值的第一步长,根据所述第一步长依次设置各所述第一邻近颜色的饱和度;和/或,在加深操作时保持各所述第二邻近颜色的饱和度等于预设最大饱和度值;或者
若所述目标颜色的饱和度处于中间预设饱和度范围,在减淡操作时获取饱和度从所述目标颜色的饱和度减少至饱和度为预设最小饱和度值的第二步长,根据所述第二步长依次设置各所述第一邻近颜色的饱和度;和/或,在加深操作时获取饱和度从所述目标颜色的饱和度增加至饱和度为预设最大饱和度值的第三步长,根据所述第三步长依次设置各所述第二邻近颜色的饱和度;或者
若所述目标颜色的饱和度处于最小预设饱和度范围,在减淡操作时保持各所述第一邻近颜色的饱和度等于所述目标颜色的饱和度;和/或,在加深操作时获取饱和度从所述目标颜色的饱和度增加至饱和度为预设最大饱和度值的第四步长,根据所述第四步长依次设置各所述第二邻近颜色的饱和度;或者
若所述目标颜色的饱和度为0%,则在减淡操作和/或加深操作时保持各所述第一邻近颜色和/或述第二邻近颜色的饱和度等于0%。
在上述任一实施例的基础上,亮度0~100%区间内预设有至少三个预设亮度范围,所述至少三个预设亮度范围包括最大预设亮度范围、中间预设亮度范围和最小预设亮度范围;
所述色板获取模块802在根据目标预设亮度设置规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的亮度时,用于:
若所述目标颜色的亮度处于最大预设亮度范围,在减淡操作时保持各所述第一邻近颜色的亮度等于预设最大亮度值;和/或,在加深操作时获取亮度从所述目标颜色的亮度减小至预设最小亮度值的第五步长,根据所述第五步长依次设置各所述第二邻近颜色的亮度;或者
若所述目标颜色的亮度处于中间预设亮度范围,在减淡操作时获取亮度从所述目标颜色的亮度增加至预设最大亮度值的第六步长,根据所述第六步长依次设置各所述第一邻近颜色的亮度;和/或,在加深操作时获取亮度从所述目标颜色的亮度减小至预设最小亮度值的第七步长,根据所述第七步长依次设置各所述第二邻近颜色的亮度;或者
若所述目标颜色的亮度处于最小预设亮度范围,在减淡操作时获取亮度从所述目标颜色的亮度增加至预设最大亮度值的第八步长,根据所述第八步长依次设置各所述第一邻近颜色的亮度;和/或,在加深操作时保持各所述第二邻近颜色的亮度等于所述目标颜色的亮度;或者
若所述目标颜色的亮度为0%,则在减淡操作时获取亮度从所述目标颜色的亮度增加至预设最大亮度值的第九步长,根据所述第九步长依次设置各所述第一邻近颜色的亮度;和/或,在加深操作时保持各所述第二邻近颜色的亮度等于0%。
在上述任一实施例的基础上,所述色板获取模块802在根据目标预设色相设置规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的色相时,用于:
若所述目标颜色的色相对应光度-色相关系图上的极大值,则在减淡操作时保持各所述第一邻近颜色的色相等于所述目标颜色的色相;和/或,在加深操作时以预设的第十步长依次增加或减小各所述第二邻近颜色的色相;或者
若所述目标颜色的色相对应光度-色相关系图上的极小值,则在减淡操作时以预设的第十步长依次增加或减小各所述第一邻近颜色的色相;和/或,在加深操作时保持各所述第二邻近颜色的色相等于所述目标颜色的色相;或者
若所述目标颜色的色相不对应光度-色相关系图上的极值,则确定最近的极大值和/或极小值;在减淡操作时设置各所述第一邻近颜色的色相以预设的第十步长朝向最近的极大值对应色相的方向依次增加或减小;和/或,在加深操作时设置各所述第二邻近颜色的色相以预设的第十步长朝向最近的极小值对应色相的方向依次增加或减小。
在上述任一实施例的基础上,所述色板获取模块802在减淡操作时设置各所述第一邻近颜色的色相以预设的第十步长朝向最近的极大值对应色相的方向依次增加或减小时,还用于:
若减淡操作时任一所述第一邻近颜色的色相增加或减小至最近的极大值对应色相后,则后续的第一邻近颜色的色相保持为最近的极大值对应色相;和/或
所述在加深操作时设置各所述第二邻近颜色的色相以预设的第十步长朝向最近的极小值对应色相的方向依次增加或减小时,还包括:
若加深操作时任一所述第二邻近颜色的色相增加或减小至最近的极小值对应色相后,则后续的第二邻近颜色的色相保持为最近的极小值对应色相。
本发明实施例提供的界面颜色设置装置可以具体用于执行上述图2-3所提供的方法实施例,具体功能此处不再赘述。
本发明实施例提供的界面颜色设置装置,通过接收用户的颜色设定指令,所述颜色设定指令包括用户设定的目标颜色的颜色参数;根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板,所述色板包括所述目标颜色以及多个所述目标颜色的邻近颜色,所述邻近颜色为较所述目标颜色更浅和/或更深的颜色;根据所述色板、以及预设的界面中各对象与色板中各颜色位置的映射关系,设置所述界面中各对象的颜色。本实施例中在界面设计和开发过程中用户仅需确定目标颜色即可得到多个其他邻近颜色,生成色板,进而依据色板和预设的界面中各对象与色板中各颜色位置的映射关可系实现界面颜色的自动设计,可统一界面设计的颜色标准,提高界面设计和开发效率,并且节约了人力资源,也避免了单纯修改颜色中的黑、白色值导致颜色变化单一,使得界面颜色搭配不协调、缺乏美感,影响界面展示效果。
图9为本发明实施例提供的电子设备的结构示意图。本发明实施例提供的电子设备可以执行界面颜色设置方法实施例提供的处理流程,如图9所示,电子设备90包括存储器91、处理器92、计算机程序;其中,计算机程序存储在存储器91中,并被配置为由处理器92执行以上实施例所述的界面颜色设置方法。此外,电子设备90还可具有通讯接口93,用于接收控制指令。
图9所示实施例的电子设备可用于执行上述界面颜色设置方法实施例的技术方案,其实现原理和技术效果类似,此处不再赘述。
另外,本实施例还提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行以实现上述实施例所述的界面颜色设置方法。
在本发明实施例所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明实施例各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元,可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(processor)执行本发明实施例各个实施例所述方法的部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
本领域技术人员可以清楚地了解到,为描述的方便和简洁,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。上述描述的装置的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
最后应说明的是:以上各实施例仅用以说明本发明实施例的技术方案,而非对其限制;尽管参照前述各实施例对本发明实施例进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明实施例各实施例技术方案的范围。
Claims (16)
1.一种界面颜色设置方法,其特征在于,包括:
接收用户的颜色设定指令,所述颜色设定指令包括用户设定的目标颜色的颜色参数;
根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板,所述色板包括所述目标颜色以及多个所述目标颜色的邻近颜色,所述邻近颜色为较所述目标颜色更浅和/或更深的颜色;
根据所述色板、以及预设的界面中各对象与色板中各颜色位置的映射关系,设置所述界面中各对象的颜色。
2.根据权利要求1所述的方法,其特征在于,所述根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板,包括:
根据所述目标颜色的颜色参数、以及预设的色板生成规则,对所述目标颜色逐步进行减淡操作和/或加深操作,分别得到第一预设数量的第一邻近颜色和/或第二预设数量的第二邻近颜色;
将所述第一邻近颜色、所述目标颜色以及所述第二邻近颜色按照颜色的深浅进行排序,得到所述色板。
3.根据权利要求2所述的方法,其特征在于,所述目标颜色的颜色参数包括色相、饱和度和亮度;
所述根据所述目标颜色的颜色参数、以及预设的色板生成规则,对所述目标颜色逐步进行减淡操作和/或加深操作,分别得到第一预设数量的第一邻近颜色和/或第二预设数量的第二邻近颜色,包括:
根据所述目标颜色的色相、饱和度和亮度,分别确定所述色板生成规则中与所述对应的目标预设饱和度设置规则、目标预设亮度设置规则、以及目标预设色相设置规则,并根据该些规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的饱和度、亮度和色相。
4.根据权利要求3所述的方法,其特征在于,饱和度0~100%区间内预设有至少三个预设饱和度范围,所述至少三个预设饱和度范围包括最大预设饱和度范围、中间预设饱和度范围和最小预设饱和度范围;
根据目标预设饱和度设置规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的饱和度,包括:
若所述目标颜色的饱和度处于最大预设饱和度范围,在减淡操作时获取饱和度从所述目标颜色的饱和度减少至预设最小饱和度值的第一步长,根据所述第一步长依次设置各所述第一邻近颜色的饱和度;和/或,在加深操作时保持各所述第二邻近颜色的饱和度等于预设最大饱和度值;或者
若所述目标颜色的饱和度处于中间预设饱和度范围,在减淡操作时获取饱和度从所述目标颜色的饱和度减少至饱和度为预设最小饱和度值的第二步长,根据所述第二步长依次设置各所述第一邻近颜色的饱和度;和/或,在加深操作时获取饱和度从所述目标颜色的饱和度增加至饱和度为预设最大饱和度值的第三步长,根据所述第三步长依次设置各所述第二邻近颜色的饱和度;或者
若所述目标颜色的饱和度处于最小预设饱和度范围,在减淡操作时保持各所述第一邻近颜色的饱和度等于所述目标颜色的饱和度;和/或,在加深操作时获取饱和度从所述目标颜色的饱和度增加至饱和度为预设最大饱和度值的第四步长,根据所述第四步长依次设置各所述第二邻近颜色的饱和度;或者
若所述目标颜色的饱和度为0%,则在减淡操作和/或加深操作时保持各所述第一邻近颜色和/或述第二邻近颜色的饱和度等于0%。
5.根据权利要求3所述的方法,其特征在于,亮度0~100%区间内预设有至少三个预设亮度范围,所述至少三个预设亮度范围包括最大预设亮度范围、中间预设亮度范围和最小预设亮度范围;
根据目标预设亮度设置规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的亮度,包括:
若所述目标颜色的亮度处于最大预设亮度范围,在减淡操作时保持各所述第一邻近颜色的亮度等于预设最大亮度值;和/或,在加深操作时获取亮度从所述目标颜色的亮度减小至预设最小亮度值的第五步长,根据所述第五步长依次设置各所述第二邻近颜色的亮度;或者
若所述目标颜色的亮度处于中间预设亮度范围,在减淡操作时获取亮度从所述目标颜色的亮度增加至预设最大亮度值的第六步长,根据所述第六步长依次设置各所述第一邻近颜色的亮度;和/或,在加深操作时获取亮度从所述目标颜色的亮度减小至预设最小亮度值的第七步长,根据所述第七步长依次设置各所述第二邻近颜色的亮度;或者
若所述目标颜色的亮度处于最小预设亮度范围,在减淡操作时获取亮度从所述目标颜色的亮度增加至预设最大亮度值的第八步长,根据所述第八步长依次设置各所述第一邻近颜色的亮度;和/或,在加深操作时保持各所述第二邻近颜色的亮度等于所述目标颜色的亮度;或者
若所述目标颜色的亮度为0%,则在减淡操作时获取亮度从所述目标颜色的亮度增加至预设最大亮度值的第九步长,根据所述第九步长依次设置各所述第一邻近颜色的亮度;和/或,在加深操作时保持各所述第二邻近颜色的亮度等于0%。
6.根据权利要求3所述的方法,其特征在于,根据目标预设色相设置规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的色相,包括:
若所述目标颜色的色相对应光度-色相关系图上的极大值,则在减淡操作时保持各所述第一邻近颜色的色相等于所述目标颜色的色相;和/或,在加深操作时以预设的第十步长依次增加或减小各所述第二邻近颜色的色相;或者
若所述目标颜色的色相对应光度-色相关系图上的极小值,则在减淡操作时以预设的第十步长依次增加或减小各所述第一邻近颜色的色相;和/或,在加深操作时保持各所述第二邻近颜色的色相等于所述目标颜色的色相;或者
若所述目标颜色的色相不对应光度-色相关系图上的极值,则确定最近的极大值和/或极小值;在减淡操作时设置各所述第一邻近颜色的色相以预设的第十步长朝向最近的极大值对应色相的方向依次增加或减小;和/或,在加深操作时设置各所述第二邻近颜色的色相以预设的第十步长朝向最近的极小值对应色相的方向依次增加或减小。
7.根据权利要求6所述的方法,其特征在于,所述在减淡操作时设置各所述第一邻近颜色的色相以预设的第十步长朝向最近的极大值对应色相的方向依次增加或减小时,还包括:
若减淡操作时任一所述第一邻近颜色的色相增加或减小至最近的极大值对应色相后,则后续的第一邻近颜色的色相保持为最近的极大值对应色相;和/或
所述在加深操作时设置各所述第二邻近颜色的色相以预设的第十步长朝向最近的极小值对应色相的方向依次增加或减小时,还包括:
若加深操作时任一所述第二邻近颜色的色相增加或减小至最近的极小值对应色相后,则后续的第二邻近颜色的色相保持为最近的极小值对应色相。
8.一种界面颜色设置装置,其特征在于,包括:
接收模块,用于接收用户的颜色设定指令,所述颜色设定指令包括用户设定的目标颜色的颜色参数;
色板获取模块,用于根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板,所述色板包括所述目标颜色以及多个所述目标颜色的邻近颜色,所述邻近颜色为较所述目标颜色更浅和/或更深的颜色;
设置模块,用于根据所述色板、以及预设的界面中各对象与色板中各颜色位置的映射关系,设置所述界面中各对象的颜色。
9.根据权利要求8所述的装置,其特征在于,所述色板获取模块在根据所述目标颜色的颜色参数、以及预设的色板生成规则,生成色板时,用于:
根据所述目标颜色的颜色参数、以及预设的色板生成规则,对所述目标颜色逐步进行减淡操作和/或加深操作,分别得到第一预设数量的第一邻近颜色和/或第二预设数量的第二邻近颜色;
将所述第一邻近颜色、所述目标颜色以及所述第二邻近颜色按照颜色的深浅进行排序,得到所述色板。
10.根据权利要求9所述的装置,其特征在于,所述目标颜色的颜色参数包括色相、饱和度和亮度;
所述色板获取模块在根据所述目标颜色的颜色参数、以及预设的色板生成规则,对所述目标颜色逐步进行减淡操作和/或加深操作,分别得到第一预设数量的第一邻近颜色和/或第二预设数量的第二邻近颜色时,用于:
根据所述目标颜色的色相、饱和度和亮度,分别确定所述色板生成规则中与所述对应的目标预设饱和度设置规则、目标预设亮度设置规则、以及目标预设色相设置规则,并根据该些规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的饱和度、亮度和色相。
11.根据权利要求10所述的装置,其特征在于,饱和度0~100%区间内预设有至少三个预设饱和度范围,所述至少三个预设饱和度范围包括最大预设饱和度范围、中间预设饱和度范围和最小预设饱和度范围;
所述色板获取模块在根据目标预设饱和度设置规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的饱和度时,用于:
若所述目标颜色的饱和度处于最大预设饱和度范围,在减淡操作时获取饱和度从所述目标颜色的饱和度减少至预设最小饱和度值的第一步长,根据所述第一步长依次设置各所述第一邻近颜色的饱和度;和/或,在加深操作时保持各所述第二邻近颜色的饱和度等于预设最大饱和度值;或者
若所述目标颜色的饱和度处于中间预设饱和度范围,在减淡操作时获取饱和度从所述目标颜色的饱和度减少至饱和度为预设最小饱和度值的第二步长,根据所述第二步长依次设置各所述第一邻近颜色的饱和度;和/或,在加深操作时获取饱和度从所述目标颜色的饱和度增加至饱和度为预设最大饱和度值的第三步长,根据所述第三步长依次设置各所述第二邻近颜色的饱和度;或者
若所述目标颜色的饱和度处于最小预设饱和度范围,在减淡操作时保持各所述第一邻近颜色的饱和度等于所述目标颜色的饱和度;和/或,在加深操作时获取饱和度从所述目标颜色的饱和度增加至饱和度为预设最大饱和度值的第四步长,根据所述第四步长依次设置各所述第二邻近颜色的饱和度;或者
若所述目标颜色的饱和度为0%,则在减淡操作和/或加深操作时保持各所述第一邻近颜色和/或述第二邻近颜色的饱和度等于0%。
12.根据权利要求10所述的装置,其特征在于,亮度0~100%区间内预设有至少三个预设亮度范围,所述至少三个预设亮度范围包括最大预设亮度范围、中间预设亮度范围和最小预设亮度范围;
所述色板获取模块在根据目标预设亮度设置规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的亮度时,用于:
若所述目标颜色的亮度处于最大预设亮度范围,在减淡操作时保持各所述第一邻近颜色的亮度等于预设最大亮度值;和/或,在加深操作时获取亮度从所述目标颜色的亮度减小至预设最小亮度值的第五步长,根据所述第五步长依次设置各所述第二邻近颜色的亮度;或者
若所述目标颜色的亮度处于中间预设亮度范围,在减淡操作时获取亮度从所述目标颜色的亮度增加至预设最大亮度值的第六步长,根据所述第六步长依次设置各所述第一邻近颜色的亮度;和/或,在加深操作时获取亮度从所述目标颜色的亮度减小至预设最小亮度值的第七步长,根据所述第七步长依次设置各所述第二邻近颜色的亮度;或者
若所述目标颜色的亮度处于最小预设亮度范围,在减淡操作时获取亮度从所述目标颜色的亮度增加至预设最大亮度值的第八步长,根据所述第八步长依次设置各所述第一邻近颜色的亮度;和/或,在加深操作时保持各所述第二邻近颜色的亮度等于所述目标颜色的亮度;或者
若所述目标颜色的亮度为0%,则在减淡操作时获取亮度从所述目标颜色的亮度增加至预设最大亮度值的第九步长,根据所述第九步长依次设置各所述第一邻近颜色的亮度;和/或,在加深操作时保持各所述第二邻近颜色的亮度等于0%。
13.根据权利要求10所述的装置,其特征在于,所述色板获取模块在根据目标预设色相设置规则依次获取各所述第一邻近颜色和/或各所述第二邻近颜色的色相时,用于:
若所述目标颜色的色相对应光度-色相关系图上的极大值,则在减淡操作时保持各所述第一邻近颜色的色相等于所述目标颜色的色相;和/或,在加深操作时以预设的第十步长依次增加或减小各所述第二邻近颜色的色相;或者
若所述目标颜色的色相对应光度-色相关系图上的极小值,则在减淡操作时以预设的第十步长依次增加或减小各所述第一邻近颜色的色相;和/或,在加深操作时保持各所述第二邻近颜色的色相等于所述目标颜色的色相;或者
若所述目标颜色的色相不对应光度-色相关系图上的极值,则确定最近的极大值和/或极小值;在减淡操作时设置各所述第一邻近颜色的色相以预设的第十步长朝向最近的极大值对应色相的方向依次增加或减小;和/或,在加深操作时设置各所述第二邻近颜色的色相以预设的第十步长朝向最近的极小值对应色相的方向依次增加或减小。
14.根据权利要求13所述的装置,其特征在于,所述色板获取模块在减淡操作时设置各所述第一邻近颜色的色相以预设的第十步长朝向最近的极大值对应色相的方向依次增加或减小时,还用于:
若减淡操作时任一所述第一邻近颜色的色相增加或减小至最近的极大值对应色相后,则后续的第一邻近颜色的色相保持为最近的极大值对应色相;和/或
所述在加深操作时设置各所述第二邻近颜色的色相以预设的第十步长朝向最近的极小值对应色相的方向依次增加或减小时,还包括:
若加深操作时任一所述第二邻近颜色的色相增加或减小至最近的极小值对应色相后,则后续的第二邻近颜色的色相保持为最近的极小值对应色相。
15.一种电子设备,其特征在于,包括:至少一个处理器;以及存储器;
所述存储器存储计算机执行指令;
所述至少一个处理器执行所述存储器存储的计算机执行指令,使得所述至少一个处理器执行如权利要求1-7任一项所述的方法。
16.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如权利要求1-7任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011008181.4A CN112148288A (zh) | 2020-09-23 | 2020-09-23 | 界面颜色设置方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011008181.4A CN112148288A (zh) | 2020-09-23 | 2020-09-23 | 界面颜色设置方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112148288A true CN112148288A (zh) | 2020-12-29 |
Family
ID=73897924
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011008181.4A Pending CN112148288A (zh) | 2020-09-23 | 2020-09-23 | 界面颜色设置方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112148288A (zh) |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104718528A (zh) * | 2014-03-28 | 2015-06-17 | 华为终端有限公司 | 确定界面控件的颜色的方法、装置以及终端设备 |
CN110704052A (zh) * | 2018-07-10 | 2020-01-17 | 腾讯科技(深圳)有限公司 | 业务平台颜色的配置方法和装置、存储介质、电子装置 |
-
2020
- 2020-09-23 CN CN202011008181.4A patent/CN112148288A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104718528A (zh) * | 2014-03-28 | 2015-06-17 | 华为终端有限公司 | 确定界面控件的颜色的方法、装置以及终端设备 |
CN110704052A (zh) * | 2018-07-10 | 2020-01-17 | 腾讯科技(深圳)有限公司 | 业务平台颜色的配置方法和装置、存储介质、电子装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR101481684B1 (ko) | 아이콘 생성 방법 | |
CN110865856B (zh) | 一种界面元素颜色显示方法及装置 | |
CN105957125A (zh) | 一种图标文字的处理方法及移动终端 | |
CN103207778B (zh) | 一种修饰图标的方法、装置和移动终端 | |
US20160352971A1 (en) | Electronic device and image processing method | |
JP2010165058A (ja) | グラデーション作成方法、プログラムおよび装置 | |
US7671871B2 (en) | Graphical user interface for color correction using curves | |
US8462171B2 (en) | Saturation contrast image enhancement | |
CN112148288A (zh) | 界面颜色设置方法、装置、设备及存储介质 | |
JP6015359B2 (ja) | カラー映像信号処理装置、処理方法及び処理プログラム | |
CN104715735A (zh) | 一种背光调整的方法和装置 | |
CN110178360B (zh) | 用于色调调色板生成的方法、计算系统和存储设备 | |
CN106162130A (zh) | 一种图像处理方法及装置、终端 | |
US9613435B1 (en) | Color maps | |
JP2023052085A (ja) | 画素コントラスト制御システム及び方法 | |
US9626892B2 (en) | Optimization method and system of real-time LCD white balance selection | |
CN109427313B (zh) | 显示设备、显示控制方法及计算机可读介质 | |
WO2021119204A1 (en) | Methods for color-blindness remediation through image color correction | |
KR102459672B1 (ko) | 이미지 색조 변경 방법, 장치 및 프로그램 | |
EP3699863A1 (en) | Image interpretation device | |
US9361855B2 (en) | Computer-implemented methods and systems for a color generator | |
CN108462862B (zh) | 对输入影像进行色彩空间转换的方法及装置 | |
CN115861467A (zh) | 色板的生成方法、装置、电子设备及存储介质 | |
CN117893621A (zh) | 基于hsl色彩模型的高级灰生成方法及系统 | |
CN117315159A (zh) | 图像处理方法、装置、电子设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Daxing District, Beijing, 100176 Applicant after: Jingdong Technology Holding Co.,Ltd. Address before: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Beijing Economic and Technological Development Zone, 100176 Applicant before: Jingdong Digital Technology Holding Co., Ltd |