CN110704052A - 业务平台颜色的配置方法和装置、存储介质、电子装置 - Google Patents

业务平台颜色的配置方法和装置、存储介质、电子装置 Download PDF

Info

Publication number
CN110704052A
CN110704052A CN201810752462.7A CN201810752462A CN110704052A CN 110704052 A CN110704052 A CN 110704052A CN 201810752462 A CN201810752462 A CN 201810752462A CN 110704052 A CN110704052 A CN 110704052A
Authority
CN
China
Prior art keywords
color
colors
characteristic value
value
saturation
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.)
Granted
Application number
CN201810752462.7A
Other languages
English (en)
Other versions
CN110704052B (zh
Inventor
阳丹
周莜
罗雪
李锐
李亚平
谢奕
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201810752462.7A priority Critical patent/CN110704052B/zh
Publication of CN110704052A publication Critical patent/CN110704052A/zh
Application granted granted Critical
Publication of CN110704052B publication Critical patent/CN110704052B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Image Processing (AREA)
  • Color Image Communication Systems (AREA)
  • Facsimile Image Signal Circuits (AREA)

Abstract

本发明公开了一种业务平台颜色的配置方法和装置、存储介质、电子装置。其中,该方法包括:获取第一颜色,其中,第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色;通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色,其中,第一颜色的多个颜色特征包括目标特征;使用多个目标颜色对多个控件的颜色进行配置,其中,多个控件中每个控件的颜色被配置为多个目标颜色中的一个目标颜色。本发明解决了相关技术中对业务平台的颜色配置效率较低的技术问题。

Description

业务平台颜色的配置方法和装置、存储介质、电子装置
技术领域
本发明涉及互联网领域,具体而言,涉及一种业务平台颜色的配置方法和装置、存储介质、电子装置。
背景技术
在商业产品(如某业务的网页端、应用端、广告等产品)的设计中,配色是其中一个重要组成部分,在一个可选的技术方案中,颜色模型的配置可以通过配置网站实现,通过配置网站提供的控件平台实现定制主题,实现流程如下:打开配置网站,点击组件中的定制主题;滑动到页面最底端,点击小色块;在弹出的色框中,选择其他颜色之后,上面组件配色随之改变。然后,采用同样的流程配置下一控件。
很多商业产品甚至没有设计师,开发程序员在对商业产品进行底层设计时,往往也是使用东拼西凑的代码,采用上述方案进行设计时,产品经理很难把控产品的风格,商业产品上的设计参差不齐,生成的商业产品普遍存在不美观、难用、风格不一致、设计效率低等问题,且相关技术中的配色网站的颜色也不适合用于平台产品,公开的控件网站又缺乏设计体系,风格死板单一,不能快速匹配不同风格商业产品。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种业务平台颜色的配置方法和装置、存储介质、电子装置,以至少解决相关技术中对业务平台的颜色配置效率较低的技术问题。
根据本发明实施例的一个方面,提供了一种业务平台颜色的配置方法,包括:获取第一颜色,其中,第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色;通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色,其中,第一颜色的多个颜色特征包括目标特征;使用多个目标颜色对多个控件的颜色进行配置,其中,多个控件中每个控件的颜色被配置为多个目标颜色中的一个目标颜色。
根据本发明实施例的另一方面,还提供了一种业务平台颜色的配置装置,包括:获取单元,用于获取第一颜色,其中,第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色;调整单元,用于通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色,其中,第一颜色的多个颜色特征包括目标特征;配置单元,用于使用多个目标颜色对多个控件的颜色进行配置,其中,多个控件中每个控件的颜色被配置为多个目标颜色中的一个目标颜色。
根据本发明实施例的另一方面,还提供了一种存储介质,该存储介质包括存储的程序,程序运行时执行上述的方法。
根据本发明实施例的另一方面,还提供了一种电子装置,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器通过计算机程序执行上述的方法。
在本发明实施例中,获取第一颜色,第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色;通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色,第一颜色的多个颜色特征包括目标特征;使用多个目标颜色对多个控件的颜色进行配置,多个控件中每个控件的颜色被配置为多个目标颜色中的一个目标颜色,可见,可以仅仅指定一个颜色(即第一颜色)即可实现对多个控件的颜色配置,且所配置的目标颜色还可是不同的颜色,而不用用户逐一地为每个控件指定颜色,可以解决相关技术中对业务平台的颜色配置效率较低的技术问题,进而达到提高对业务平台的颜色配置效率的技术效果。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据本发明实施例的业务平台颜色的配置方法的硬件环境的示意图;
图2是根据本发明实施例的一种可选的业务平台颜色的配置方法的流程图;
图3是根据本发明实施例的一种可选的用户界面的示意图;
图4是根据本发明实施例的一种可选的颜色选择界面的示意图;
图5是根据本发明实施例的一种可选的业务平台颜色的配置方案的示意图;
图6是根据本发明实施例的一种可选的业务平台颜色的配置方案的示意图;
图7是根据本发明实施例的一种可选的用户界面的示意图;
图8是根据本发明实施例的一种可选的颜色处理的示意图;
图9是根据本发明实施例的一种可选的颜色处理的示意图;
图10是根据本发明实施例的一种可选的颜色处理的示意图;
图11是根据本发明实施例的一种可选的用户界面的示意图;
图12是根据本发明实施例的一种可选的颜色处理的示意图;
图13是根据本发明实施例的一种可选的颜色处理的示意图;
图14是根据本发明实施例的一种可选的颜色处理的示意图;
图15是根据本发明实施例的一种可选的颜色处理的示意图;
图16是根据本发明实施例的一种可选的颜色处理的示意图;
图17是根据本发明实施例的一种可选的颜色处理的示意图;
图18是根据本发明实施例的一种可选的业务平台颜色的配置装置的示意图;以及,
图19是根据本发明实施例的一种终端的结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
首先,在对本发明实施例进行描述的过程中出现的部分名词或者术语适用于如下解释:
HSB(又称HSV):表示一种颜色模型,在HSB模型中,H表示色相hues,S表示饱和度saturation,B表示亮度brightness,HSB模式对应的媒介是人眼,S和B呈现的数值越高,饱和度明度越高,页面色彩越强烈艳丽,对视觉刺激具有迅速的、醒目的效果,但不易于长时间的观看。
颜色模型:指的是某个三维颜色空间中的一个可见光子集,它包含某个色彩域的所有色彩,一般而言,任何一个色彩域都只是可见光的子集,任何一个颜色模型都无法包含所有的可见光,常见的颜色模型有RGB、CIECMY/CMYK、HSK NTSC、YcbCr、HSV等。
根据本发明实施例的一方面,提供了一种业务平台颜色的配置方法的方法实施例。
可选地,在本实施例中,上述业务平台颜色的配置方法可以应用于如图1所示的由服务器101和终端103所构成的硬件环境中。如图1所示,服务器101通过网络与终端103进行连接,可在服务器101上或独立于服务器101设置数据库105,用于为服务器101提供数据存储服务,上述网络包括但不限于:广域网、城域网或局域网,终端103并不限定于PC、手机、平板电脑等。
本发明实施例的业务平台颜色的配置方法可以由服务器101来执行,也可以由终端103来执行,图2是根据本发明实施例的一种可选的业务平台颜色的配置方法的流程图,如图2所示,该方法可以包括以下步骤:
步骤S202,服务器获取第一颜色,第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色,第一颜色为配置者指示的颜色,可直接用于配置目标业务平台中的多个控件,也可间接用于生成其他颜色来配置目标业务平台中的多个控件。
上述的目标业务平台为提供目标业务的平台,目标业务可以为广告业务、视频业务、音频业务、购物业务等,目标业务的平台可以为网页平台(包括网页自身、利用网页提供的接口所开发的平台等)、应用平台(如视频应用、音乐应用、购物应用等)。
控件可以是对数据和方法的封装,控件可以有自己的属性和方法,属性是控件数据的简单访问者,方法则是控件的一些简单而可见的功能,如输入控件(如搜索栏、信息填入框等)、图片控件(用于浏览图片)、文本控件(用于浏览文本内容)、视频控件(用于加载视频内容)等。目标业务平台可以是由控件构成的,上述的多个控件可以为目标业务平台上的所有控件或所有控件中的部分控件。
步骤S204,服务器通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色,第一颜色的多个颜色特征包括目标特征。
前述的多个控件为待配置颜色的控件,在配置前述多个控件的颜色时,所使用的颜色即上述多个目标颜色,多个目标颜色的颜色个数可以小于等于前述多个控件的控件个数,例如,控件数量为N,那么颜色个数的取值为[2,N],若颜色个数小于控件个数,那么存在至少两个空间的颜色相同,即存在用于配置至少两个控件的一个颜色,若颜色个数等于控件个数,那么每个控件所配置的颜色不同。
上述的多个颜色特征可以根据颜色的模式不同而不同,如RGB模式的颜色特征为R(red)红色特征、G(green)绿色特征、B(blue)蓝色特征;HSB(或称HSV)模式的颜色特征为H(hues)色相特征、S(saturation)饱和度特征,B(brightness亮度特征;还可以是ESL等其他模式,ESL等其他模式所包括的颜色特征与上述类似,不再赘述。
步骤S206,服务器使用多个目标颜色对多个控件的颜色进行配置,多个控件中每个控件的颜色被配置为多个目标颜色中的一个目标颜色。
在上述实施例中,以本发明实施例的业务平台颜色的配置方法由服务器101来执行为例进行说明,本发明实施例的业务平台颜色的配置方法也可以由终端103来执行,与上述实施例的区别在于,执行主体由服务器变为终端;本发明实施例的业务平台颜色的配置方法还可以是由服务器101和终端103共同执行,如用户在终端上来指定颜色,终端执行步骤S202,而服务器执行步骤S204-S206。其中,终端103执行本发明实施例的业务平台颜色的配置方法也可以是由安装在其上的客户端来执行。
通过上述步骤S202至步骤S206,获取第一颜色,第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色;通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色,第一颜色的多个颜色特征包括目标特征;使用多个目标颜色对多个控件的颜色进行配置,多个控件中每个控件的颜色被配置为多个目标颜色中的一个目标颜色,可见,可以仅仅指定一个颜色(即第一颜色)即可实现对多个控件的颜色配置,且所配置的目标颜色还可是不同的颜色,而不用用户逐一地为每个控件指定颜色,可以解决相关技术中对业务平台的颜色配置效率较低的技术问题,进而达到提高对业务平台的颜色配置效率的技术效果。
随着商业产品的设计越来越得到重视,需求量也日益增长,为了满足设计师快速美观的完成商业产品设计、统一细致的设计产品功能,制作一套自动化、智能化的设计系统成为必然趋势,随着广告业务的增加,设计工作量也随之增多,系统化设计和高效输出成为重中之重。为此,本申请提供了一种通过系统化设计和高效输出的方法,制作了前端规范平台,为业务线商业产品设计提供一系列的设计与前端输出;并在此基础上提供了色彩的智能化生成方案,此方案也可以发散到非平台类产品设计,应用于动画、游戏、家装等配色。下面结合图2所示的步骤详述本申请的技术方案:
在步骤S202提供的技术方案中,提供了一种自动生成平台控件配色的技术方案,客户可以如图3所示的“输入框”上传一个商业产品的图片(如商标logo)或者从图4所提供的颜色中选择一个符合本身商业产品气质的颜色,服务器从图片中获取第一颜色或获取被选中的第一颜色,第一颜色即为用户对目标业务平台中的多个控件的颜色进行配置时所指示的唯一颜色。获取品牌主色的方式,包含但不仅限于在ADesign规范平台上选取颜色,也可以上传一张logo图识别主色等。
可选地,在获取第一颜色之后,在执行步骤S204提供的技术方案之前,可以判断第一颜色在饱和度和亮度上的特征值是否分别达到相应的阈值(可相同或者不同),如判断是否达到60,只要其中任意一个未达到相应的阈值,则将其特征值重置为该阈值。
在步骤S204提供的技术方案中,服务器通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色,第一颜色的多个颜色特征包括目标特征。
相关技术方案中,HSB颜色模型的配置可以通过配置网站实现,通过配置网站提供的控件平台实现定制主题。但是在该方案中存在以下缺点:配色方案缺乏品牌定制性,不能上传品牌logo取色,也没有品牌属性推荐;配色方案缺乏完整性,换色仅仅是实现控件高亮效果,但控件背景色、文字等没有随主题变化;配色方案缺乏系统性,仅能换控件颜色,不能同时匹配一套图表配色等完整的平台系统;配色方案缺乏灵活性,选择的主题不能下载给设计师使用;配色方案缺乏丰富性,只有单色配色,没有多色配色。
采用步骤S204提供的技术方案,可根据第一颜色自动生成一系列符合平台控件的配色方案(即一系列的配色,包括上述的多个目标颜色),配色方案具有品牌定制性,并可快速应用于客户的网页、移动应用APP、广告、宣传内容等商业产品平台上,该方案通过对多个目标颜色的使用可让设计细节保持一致,层级清晰,符合产品风格,配色方案完整性较强,从而提高设计效率;即使在产品经理缺少设计师的情况下,也能把控产品风格,快速应用平台控件;开发也能快速复用产品代码。
可选地,在步骤S204提供的技术方案中,以颜色模型为HSB为例,多个颜色特征包括色相、饱和度以及亮度,通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色可包括以下方式一和方式二中的至少之一。
方式一:通过对第一颜色在饱和度上的特征值和亮度上的特征值进行调整,得到与第一颜色处于同一彩色系的多个第二颜色,其中,多个目标颜色包括多个第二颜色。
可选地,通过对第一颜色在饱和度上的特征值和亮度上的特征值进行调整,得到与第一颜色处于同一彩色系的多个第二颜色可包括:通过对第一颜色在饱和度上的特征值和亮度上的特征值进行多次调整,得到多个第二颜色,每个第二颜色是对第一颜色在饱和度上的特征值进行一次调整并对第一颜色在亮度上的特征值进行一次调整得到的,任意两次对第一颜色在饱和度上的特征值所调整的大小不同,任意两次对第一颜色在亮度上的特征值所调整的大小不同,换言之,得到的每个第二颜色在饱和度和亮度上的数值不同。下面结合步骤1至步骤4进行说明:
步骤1,可以预先将色相的取值范围分为多个区间,并按照顺序为每个区间设置一个标识参数(如从1开始为区间设置的编号),还可以预先设置好一个目标数列(如斐波那契数列),目标数列中的元素为[1,2,3,5,8,13,21,34,55,89,144,...,a1,a2,a1+a2],第一颜色在色相上的特征值所在的特征值区间记为第一区间,在通过对第一颜色在饱和度上的特征值和亮度上的特征值进行多次调整,得到多个第二颜色之前,获取与第一区间对应的第一参数n,即为第一区间设置的标识参数,和与第一颜色在亮度上的特征值对应的第二参数,即目标数列中第n个元素,n为正整数。
步骤2,根据第一颜色在亮度上的特征值与第二参数之间的比值确定第三参数y,如直接将该比值作为y,或者对该比值取整得到y,再或者对该比值四舍五入之后作为y,并根据第一颜色在饱和度上的特征值与目标数列中第n个元素之间的比值确定第四参数x,如直接将该比值作为x,或者对该比值取整得到x,再或者对该比值四舍五入之后作为x,目标数列中元素的个数和第二颜色的个数相同,即均为正整数N,x为非负数,y为非负数。
步骤3,通过对第一颜色在饱和度上的特征值和亮度上的特征值进行多次调整,得到多个第二颜色包括按照如下方式确定彩色系(相当于是第二颜色组成的彩色系列表)中的第i个第二颜色(i的取值范围为1至N),即相当于确认了每个第二颜色。可选地,步骤3可以包括以下两个方面:
其一,在i小于n的情况下,根据目标数列中第i个元素与x之间的乘积(即斐波那契数列中元素与x之间的乘积)确定第i个第二颜色在饱和度上的特征值,如直接将该乘积作为特征值,或者对该乘积取整得到特征值,再或者对该乘积四舍五入之后作为特征值,并根据第一颜色在亮度上的特征值与x之和确定第i个第二颜色在亮度上的特征值,如直接将该和作为特征值,或者对该和取整得到特征值,再或者对该和四舍五入之后作为特征值,i为不大于N的正整数;
可选地,考虑到色相H、饱和度S、亮度B特征值的取值范围是具有上限(或称极大值)或者下限(极小值)的,根据第一颜色在亮度上的特征值与x之和确定第i个第二颜色在亮度上的特征值可包括:
1)在第一颜色在亮度上的特征值与x之和不大于亮度上的特征极大值的情况下,将第一颜色在亮度上的特征值与x之和作为第i个第二颜色在亮度上的特征值;
2)在第一颜色在亮度上的特征值与x之和大于亮度上的特征极大值的情况下,将亮度上的特征极大值作为第i个第二颜色在亮度上的特征值。
其二,在i大于n的情况下,根据第一颜色在饱和度上的特征值与y之和确定第i个第二颜色在饱和度上的特征值,并根据第一颜色在亮度上的特征值与y之差确定第i个第二颜色在亮度上的特征值,确定方式与上述类似,如直接作为特征值、取整或四舍五入。
可选地,根据第一颜色在饱和度上的特征值与y之和确定第i个第二颜色在饱和度上的特征值可包括:
1)第一颜色在饱和度上的特征值与y之和不大于饱和度上的特征极大值的情况下,将第一颜色在饱和度上的特征值与y之和作为第i个第二颜色在饱和度上的特征值;
2)第一颜色在饱和度上的特征值与y之和大于饱和度上的特征极大值的情况下,将饱和度上的特征极大值作为第i个第二颜色在饱和度上的特征值。
步骤4,对特征值进行修正。
在前述实施例中,针对目标队列中的每个元素,可对应于一个第二颜色,每个第二颜色的色相上特征值的在一个区间(如前述第一区间)内,每个第二颜色的在饱和度上的特征值也在一个区间(如下述的第二区间)内,每个第二颜色的在亮度上的特征值也在一个区间(如下述的第三区间)内,需要说明的是,上述的区间可以为连续的取值区间、也可是离散的数值区间。
在通过对第一颜色在饱和度上的特征值和亮度上的特征值进行多次调整,得到多个第二颜色之后,可判断所得到的饱和度上的特征值是否满足上述条件,在彩色系中的第i个第二颜色在饱和度上的特征值不在第二区间内的情况下,将第二颜色在饱和度上的特征值重置为第一极值,重置前的第二颜色在饱和度上的特征值与第一极值之间的差值的绝对值小于重置前的第二颜色在饱和度上的特征值与第二极值之间的差值的绝对值,即取两个极值中距离实际特征值较近的一个极值,第一极值为第二区间的极小值和极大值中的一个,第二极值为第二区间的极小值和极大值中的另一个。
方式二:通过对第一颜色在色相上的特征值进行调整,得到与第一颜色处于同一灰色系的多个第三颜色,其中,多个目标颜色包括多个第三颜色。
可选地,通过对第一颜色在色相上的特征值进行调整,得到与第一颜色处于同一灰色系的多个第三颜色可包括:通过对第一颜色在色相上的特征值进行多次调整,如按照一定的数值对第一颜色在色相上的特征值进行递增或者递减,得到与第一颜色处于同一灰色系的多个第三颜色,每个第三颜色是对第一颜色在色相上的特征值进行一次调整得到的,任意两次对第一颜色在色相上的特征值的调整不同,换言之,得到的每个第三颜色在色相上的数值不同。
在步骤S206提供的技术方案中,服务器使用多个目标颜色对多个控件的颜色进行配置,多个控件中每个控件的颜色被配置为多个目标颜色中的一个目标颜色。
可选地,使用多个目标颜色对多个控件的颜色进行配置可包括:确定多个控件中待配置的控件;将待配置的控件的颜色配置为多个目标颜色中与待配置的控件的状态对应的颜色,若某个控件有多个状态,那么每个状态可以配置相应的一个不同于其他状态的颜色。
通过上述技术方案,能够实现一种自动生成平台控件配色的技术方案。客户可以上传一个商业产品的logo或者选择一个符合本身商业产品气质的颜色,自动生成一系列符合平台控件的配色方案,并快速应用客户商业产品平台上,提升设计、开发、产品效率。
作为一种可选的实施例,下面结合具体的实施场景和实施方式详述本申请的技术方案。
本申请的技术方案可应用在数据管理平台DMP(全称为Data ManagementPlatform)、持续数据保护CDP(全称为Continuous Data Protection)客户数据平台、TFP媒体服务平台、TMP视频广告内容标签管理平台等产品中,可应用于商业产品平台类页面的设计和搭建。
如图5所示,通过在ADesign规范平台选择,自动生成一系列同色系、灰色系颜色方案后,运用到营销云平台。营销云平台生产的功能界面也能回馈到ADesign规范平台,切换颜色之后,应用于其他平台,例如TMP平台。形成一个良性循环、提升效率重复利用。
一种可选的服务器的流程如图6所示,其中包括色彩算法模块、客户端UI展示模块、Node服务器。在色彩算法模块中,包括主色系算法、多色系算法、灰色系算法、辅色系算法;客户端UI展示模块中,包括主色选择、各大色系展示和色系下载入口;Node服务器中,包括提供各大色系代码文件下载接口和提供各大色系图片文件下载接口,用户通过UI选择期望主色,服务器调用算法实现下载接口,客户端调用色彩算法实时更新界面。
一种可选的本申请的技术方案的实施方案如下:
步骤1,获取品牌主色(即前述步骤S202)。
如图7所示,用户可在配色网站的规范平台上选择品牌主色,平台系统自动获取品牌主色。用户选择颜色的方式包括但不局限于:用户从系统推荐的品牌色中选择;用户自定义颜色;用户上传品牌logo的图片,系统提取主色。
步骤2,识别主色的HSB值,即第一颜色的HSB值。
用HSB色彩模式转化工具(如npm包tinycolor2等工具),将系统获取的品牌主色进行HSB值的转换,将主色转化后的HSB值,以用于以下单色配色流程步骤3-步骤8,或者多色配色流程步骤9-步骤16。
步骤3,判断S值和B值是否≥60。可包括以下三种情况:
1)若判断结果为是,即S值和B值都≥60(S和B值的范围可以为0-100),提取S、B值继续下一步流程;
2)若判断结果为都不是,即S值和B值都<60,优化S、B值,将S、B值都提升到60;
3)若判断结果为有一项不是,即S值或B值其中一项<60,则将小于60的一项的值提升到60。以满足继续下一步流程的条件。
步骤4,保留H值,提取S、B值,根据斐波那契数列单色算法,推论同色系。
对于已经过步骤3处理后的主色的HSB值,根据单色算法推论出(包含主色在内)10个同色系颜色的HSB值。下面以斐波那契数列单色算法为例进行说明:
一种可选的斐波那契数列为:1,1,2,3,5,8,13,21,34,55,89,144,...。
从第三项开始,任意一项的数值为前两项的数值之和,如果设F(n)为该数列的第n项(n∈N*),那么这句话可以写成如下形式:F(n)=F(n-1)+F(n-2),其中,n大于2。
如图8所示(图8中“X”和“x”的含义相同,“Y”和“y”的含义相同),第1-5位颜色的计算算法:将中间主色#008DF2转化的HSB值(205,100,95),引用斐波那契数列1、1、2、3、5…..将其应用于颜色中的差值,如黑色圈圈数字。设定第1位颜色S值为X(X即第四参数),则第2位颜色S值为X+X=2X,第3位颜色为2X+X=3X,第4位颜色为3X+2X=5X,第5位颜色为5X+3X=8X,以此类推得到6位(6相当于第一参数)为13X(13相当于第二参数),定义第6位颜色为主色,即S值=13X,已知主色S值为100,可得X=S/13≈8(取整),依次可推论,第1位颜色S值为8,第2位颜色S值为16,第3位S值为24等,同时,根据第6位(主色)的B值依次向前推,第5位B值为主色B值+X,第4位B值为主色B值+2X,第5位B值为主色B值+3X,由于S、B值上限为100,则100+X,也只能为100,以上可推出第1-5位的颜色的S、B值。
第7-10位的颜色的计算算法:第7-10位颜色的S、B值,则是按照固定比值推算,设定第6位颜色为主色,第6位颜色的B值为7Y(Y相当于第三参数),第7-10位颜色的B值依次为6Y、5Y、4Y、3Y;已知主色B值为95,可得Y=B/7≈14,依次可得第7-10位的B值为84,70,56,42。同时,S值以+Y递增。
从上述内容可以知晓,当用户定义了主题色后,可通过S值、B值推出一系列斐波那契数组配色值,同色系的一套颜色就能自动生成了。
步骤5,根据灰色算法,推论一套灰色系。
除了以上同色系之外,在本申请的技术方案中,平台设计中还经常使用灰色系,与同色系规则不同,同色系讲究的是H值不变,而灰色系恰恰相反,讲究的是H值改变来匹配整体色调。
如图9所示,灰色系从左到右依次加深,每个色块S值、B值固定,只要改变H值,灰色即可改变色彩倾向,主色为蓝色,则灰色系整体偏蓝,主色为红色,则灰色系整体偏红,这样设计便可以保证整体风格色调一致,哪怕是灰色,也有一致的色彩倾向。
步骤6,将以上的颜色指定对应的颜色编号。
如图10所示,将有色的一套颜色定义为primary,编号依次为primary-1、primary-2、primary-3、…、primary-10。将灰色的一套颜色定义为grey,编号依次为grey-1、grey-2、grey-3、…、grey-10。
绿色主题则前缀加green,如green-primary-1,蓝色主题则前缀加blue,如blue-primary-1,颜色以编号指代,这样就能统一指向一类主题控件、状态或者层级。
步骤7,将编号匹配控件的各个状态。
如图11所示,primary系指代强调状态,编号1~10代表着不同程度,primary-1指代表格特殊区域,业务上要求查看多个广告列表的细分数据时间段的曝光数据,并且用户可以自定义选择任意时间段,所以与一般表格不同,更为强调特殊;primary-2则更强调当前状态,是对已选状态的提示,例如,下拉框的已选项,日期输入框的已选择时间段,状态紧随用户操作而变化。
如图12所示,grey系指代默认状态,编号1~5常用于背景填充,6~10常用于文字颜色,如grey-1代表可选项或者曾经选择的项,grey-2代表总计项或不可选等需要有别于常规状态时使用。
在上述方案中,可将解构的颜色与组件状态一一对应,定义层级关系,区分强弱状态。
步骤8,生成控件主题色系。
通过步骤2~步骤8,可生成一套控件主题色系,在ADesign等规范平台上呈现,用户任意选择主题色,可实时生成一套完整的控件主题色系。
步骤9,定义色彩区间:将H值分成多个区间(如8个区间,包括第一区间),并定义各区间对应的S、B值范围或区间,色彩区间定义的范围值,包括但不仅限于8个区间,每个区间的范围值可根据色彩感知做微调。
步骤9~步骤16为生成多色图表控件的主题色系的流程,首先定义色彩区间,如图11所示,H值代表色相,数值范围0~360形成一个完整的圆环,将H值分成8个区间,并定义区间H值及对应S、B值,一种可选的方式如下:
区间1:H值331~360、0~30度(红色),S值40~80,B值90;
区间2:H值31~50度(橙色),S值不限,B值90~100;
区间3:H值51~70度(黄色),S值100,B值95;
区间4:H值71~130度(绿色),S值不限,B值60~80;
区间5:H值131~180度(蓝绿),S值不限,B值60~80;
区间6:H值181~215度(蓝色),S值不限,B值80~100;
区间7:H值216~260度(靛青),S值40~80,B值80~100;
区间8:H值为261~330度(紫色),S值不限,B值60~80;
步骤10,主色S、B值是否满足主色H值所在色彩区间。
若是,如主色#008DF2的HSB值(205,100,95),H值205在181~215之中(区间6),S值100符合区间6所对应的不限,B值95符合区间6对应80~100之中,所以满足;
若否,若主色的B值为60,不符合80~100之中,则靠拢区间,提升至80,以满足继续下一步流程的条件。
步骤11,根据多色算法1计算multi-2的HSB值。
如图13所示,第一行颜色为上述步骤10定义的区间中的颜色,第二行颜色由第一行通过多色算法1推导而出,将主色定义为multi-1,H值为H1,S值为S1,B值为B1,第2位的颜色则为multi-2,H值为H2,S值为S2,B值为B2。已知H1、S1、B1,通过多色算法1可得到H2,如下:
若H1在区间1(331~30),区间6(181~215)之中,则H2=H1-160;
若H1在区间2(31~50),区间5(131~180)之中,则H2=H1+40;
若H1在区间3(51~70)之中,则H2=H1+20;
若H1在区间4(71~180),区间7(216~260)之中,则H2=H1-60;
若H1在区间8(216~330)之中,则H2=H1-90;
例如,主色#008DF2的HSB值(205,100,95),主色H1为205在区间6,H2=H1-160=45,再通过S1=S2,B1=B2,可得到multi-2的HSB值(45,100,95)。
步骤12,根据主色H值所在色彩区间分类算法。
根据主色H值H1所在区间来分类接下来multi-3到multi-10的多色算法,如H1所属区间6~8,则H3~H10的取色通过多色算法2实现,若H1所属区间为1~5,则H3~H10的取色通过多色算法3实现。
步骤13,通过多色算法,推算出第3~10号颜色,颜色编号multi-3~10。
如图14所示,第一行为多色算法1案例,第二行为多色算法2案例,通过主色H1所在区间,推算第3~10号颜色,编号multi-3~10,将其H值指代为H3~H10,S值指代为S3~S10,B值指代为B3~B10。具体如下:
多色算法2,当H1所属区间6~8时,H3=H1-30;H4=H1+30,H5=H1+60,H6=H1+90,H7=H1-15,H8=H1-15,H9=H1-15,H10=H1+15;S3~S10为固定值,依次为63,40,45,65,47,77,93,94;B3~B10为固定值,依次为86,100,93,88,100,89,67,60。S值和B值包括但不仅限于以上固定数值。
多色算法3,H1所属区间1~5,H3~H6与上述多色算法2一致,H7~H10不一样,H7=H1+120,H8=H1+150,H9=H1+180,H10=H1+210;S3~S10和B3~B10的固定值与上述多色算法2一致,不再赘述。
步骤14,根据multi2~10号各自的H值所在的色彩区间,优化调整各自的S、B值。
通过步骤9~13,得到multi2~10号的HSB值之后,还可再次确认其S、B值是否满足各自H值所在的色彩区间的S、B值范围,如果不满足则需要优化调整各自的S、B值。例如,主色#008DF2的HSB值(205,100,95),H1=205,则multi-3的H3=H1-30=175,175在区间5,此区间的S值不限,但B值需在60~80之中,而上一步多色算法中,得出B值的固定值为83,不满足60~80之中,所以需要优化调整,靠近区间值,将83降低为80。
步骤15,将图表中的颜色分类,按优先级排列,对应到multi-1~10中,优先级依次降低。
如图15所示,将图表中的类别1、2、3按照优先级从强到弱排列,对应到multi-1~10这10个颜色,multi-1~10使用频率的优先级依次降低。
步骤16,生成多色图表控件主题色系。
通过步骤9~16,生成一套图表控件主题色系,在ADesigns等规范平台上呈现,用户任意选择主题色,可实时生成一套完整的图表控件主题色系。
步骤17,整合图表和控件的所有配色,生成一套品牌主色的平台配色技术方案。
整合步骤1~16,图表和控件的所有配色,生成一套品牌主色的平台配色技术方案,如图16所示,可在ADesign等规范平台上呈现,用户任意选择主题色,可实时生成一套完整的品牌主色的平台配色方案。
步骤18,Node服务器调用算法实现下载接口。
通过Node服务器调用算法实现下载接口,并在前端实现下载界面,如图17所示,分角色(包括但不仅限于设计师、程序员),分类别(包括但不仅限于SVG、PNG、JPG、SCSS等)提供下载按钮。
步骤19,下载主题,并应用于产品。
生成包含控件代码、图表代码等的完整主题,可以直接应用于商业产品。
通过上述技术方案,能够实现一种自动生成平台控件配色的技术方案。客户可以上传一个商业产品的logo或者选择一个符合本身商业产品气质的颜色,我们自动生成一系列符合平台控件的配色方案,并快速应用客户商业产品平台上,提升设计、开发、产品效率。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
根据本发明实施例的另一个方面,还提供了一种用于实施上述业务平台颜色的配置方法的业务平台颜色的配置装置。图18是根据本发明实施例的一种可选的业务平台颜色的配置装置的示意图,如图18所示,该装置可以包括:
获取单元1801,用于获取第一颜色,其中,第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色。
调整单元1803,用于通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色,其中,第一颜色的多个颜色特征包括目标特征。
上述的多个颜色特征可以根据颜色的模式不同而不同,如RGB模式的颜色特征为R(red)红色特征、G(green)绿色特征、B(blue)蓝色特征;HSB(或称HSV)模式的颜色特征为H(hues)色相特征、S(saturation)饱和度特征,B(brightness亮度特征;还可以是ESL等其他模式,所包括的颜色特征与上述类似,不再赘述。
配置单元1805,用于使用多个目标颜色对多个控件的颜色进行配置,其中,多个控件中每个控件的颜色被配置为多个目标颜色中的一个目标颜色。
需要说明的是,该实施例中的获取单元1801可以用于执行本申请实施例中的步骤S202,该实施例中的调整单元1803可以用于执行本申请实施例中的步骤S204,该实施例中的配置单元1805可以用于执行本申请实施例中的步骤S206。
此处需要说明的是,上述模块与对应的步骤所实现的示例和应用场景相同,但不限于上述实施例所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在如图1所示的硬件环境中,可以通过软件实现,也可以通过硬件实现。
通过上述模块,获取第一颜色,第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色;通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色,第一颜色的多个颜色特征包括目标特征;使用多个目标颜色对多个控件的颜色进行配置,多个控件中每个控件的颜色被配置为多个目标颜色中的一个目标颜色,可见,可以仅仅指定一个颜色(即第一颜色)即可实现对多个控件的颜色配置,且所配置的目标颜色还可是不同的颜色,而不用用户逐一地为每个控件指定颜色,可以解决相关技术中对业务平台的颜色配置效率较低的技术问题,进而达到提高对业务平台的颜色配置效率的技术效果。
可选地,上述多个颜色特征可包括色相、饱和度以及亮度,其中,调整单元包括:第一调整模块,用于通过对第一颜色在饱和度上的特征值和亮度上的特征值进行调整,得到与第一颜色处于同一彩色系的多个第二颜色,其中,多个目标颜色包括多个第二颜色;第二调整模块,用于通过对第一颜色在色相上的特征值进行调整,得到与第一颜色处于同一灰色系的多个第三颜色,其中,多个目标颜色包括多个第三颜色。
上述的第一调整模块还可用于:通过对第一颜色在饱和度上的特征值和亮度上的特征值进行多次调整,得到多个第二颜色,其中,每个第二颜色是对第一颜色在饱和度上的特征值进行一次调整并对第一颜色在亮度上的特征值进行一次调整得到的,任意两次对第一颜色在饱和度上的特征值的调整不同,任意两次对第一颜色在亮度上的特征值的调整不同。
可选地,调整单元还可包括:获取模块,用于在通过对第一颜色在饱和度上的特征值和亮度上的特征值进行多次调整,得到多个第二颜色之前,获取与第一区间对应的第一参数n和与第一颜色在亮度上的特征值对应的第二参数,其中,第一区间为第一颜色在色相上的特征值所在的特征值区间,n为正整数;确定模块,用于根据第一颜色在亮度上的特征值与第二参数之间的比值确定第三参数y,并根据第一颜色在饱和度上的特征值与目标数列中第n个元素之间的比值确定第四参数x,其中,目标数列中元素的个数和第二颜色的个数为正整数N,x为非负数,y为非负数。
上述的第一调整模块还可用于按照如下方式确定彩色系中的第i个第二颜色包括:在i小于n的情况下,根据目标数列中第i个元素与x之间的乘积确定第i个第二颜色在饱和度上的特征值,并根据第一颜色在亮度上的特征值与x之和确定第i个第二颜色在亮度上的特征值,i为不大于N的正整数;在i大于n的情况下,根据第一颜色在饱和度上的特征值与y之和确定第i个第二颜色在饱和度上的特征值,并根据第一颜色在亮度上的特征值与y之差确定第i个第二颜色在亮度上的特征值。
上述的第一调整模块在根据第一颜色在亮度上的特征值与x之和确定第i个第二颜色在亮度上的特征值时,在第一颜色的亮度上的特征值与x之和不大于亮度上的特征极大值的情况下,将第一颜色在亮度上的特征值与x之和作为第i个第二颜色在亮度上的特征值;在第一颜色的亮度上的特征值与x之和大于亮度上的特征极大值的情况下,将亮度上的特征极大值作为第i个第二颜色在亮度上的特征值。
上述的第一调整模块在根据第一颜色在饱和度上的特征值与y之和确定第i个第二颜色在饱和度上的特征值时,可在第一颜色的饱和度上的特征值与y之和不大于饱和度上的特征极大值的情况下,将第一颜色在饱和度上的特征值与y之和作为第i个第二颜色在饱和度上的特征值;在第一颜色的饱和度上的特征值与y之和大于饱和度上的特征极大值的情况下,将饱和度上的特征极大值作为第i个第二颜色在饱和度上的特征值。
上述的第一调整模块还可用于:在通过对第一颜色在饱和度上的特征值和亮度上的特征值进行多次调整,得到多个第二颜色之后,在彩色系中的第i个第二颜色在饱和度上的特征值不在第二区间内的情况下,将第二颜色在饱和度上的特征值重置为第一极值,其中,重置前的第二颜色在饱和度上的特征值与第一极值之间的差值的绝对值小于重置前的第二颜色在饱和度上的特征值与第二极值之间的差值的绝对值,第一极值为第二区间的极小值和极大值中的一个,第二极值为第二区间的极小值和极大值中的另一个。
上述的第二调整模块还可用于通过对第一颜色在色相上的特征值进行多次调整,得到与第一颜色处于同一灰色系的多个第三颜色,其中,每个第三颜色是对第一颜色在色相上的特征值进行一次调整得到的,任意两次对第一颜色在色相上的特征值的调整不同。
上述的配置单元还可用于:确定多个控件中待配置的控件;将待配置的控件的颜色配置为多个目标颜色中与待配置的控件的状态对应的颜色。
随着商业产品的设计越来越得到重视,需求量也日益增长,为了满足设计师快速美观的完成商业产品设计、统一细致的设计产品功能,制作一套自动化、智能化的设计系统成为必然趋势,随着广告业务的增加,设计工作量也随之增多,系统化设计和高效输出成为重中之重。为此,本申请提供了一种通过系统化设计和高效输出的方法,制作了前端规范平台,为业务线商业产品设计提供一系列的设计与前端输出;并在此基础上提供了色彩的智能化生成方案,此方案也可以发散到非平台类产品设计,应用于动画、游戏、家装等配色。
此处需要说明的是,上述模块与对应的步骤所实现的示例和应用场景相同,但不限于上述实施例所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在如图1所示的硬件环境中,可以通过软件实现,也可以通过硬件实现,其中,硬件环境包括网络环境。
根据本发明实施例的另一个方面,还提供了一种用于实施上述业务平台颜色的配置方法的服务器或终端。
图19是根据本发明实施例的一种终端的结构框图,如图19所示,该终端可以包括:一个或多个(图19中仅示出一个)处理器1901、存储器1903、以及传输装置1905,如图19所示,该终端还可以包括输入输出设备1907。
其中,存储器1903可用于存储软件程序以及模块,如本发明实施例中的业务平台颜色的配置方法和装置对应的程序指令/模块,处理器1901通过运行存储在存储器1903内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的业务平台颜色的配置方法。存储器1903可包括高速随机存储器,还可以包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器1903可进一步包括相对于处理器1901远程设置的存储器,这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
上述的传输装置1905用于经由一个网络接收或者发送数据,还可以用于处理器与存储器之间的数据传输。上述的网络具体实例可包括有线网络及无线网络。在一个实例中,传输装置1905包括一个网络适配器(Network Interface Controller,NIC),其可通过网线与其他网络设备与路由器相连从而可与互联网或局域网进行通讯。在一个实例中,传输装置1905为射频(Radio Frequency,RF)模块,其用于通过无线方式与互联网进行通讯。
其中,具体地,存储器1903用于存储应用程序。
处理器1901可以通过传输装置1905调用存储器1903存储的应用程序,以执行下述步骤:
获取第一颜色,其中,第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色;
通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色,其中,第一颜色的多个颜色特征包括目标特征;
使用多个目标颜色对多个控件的颜色进行配置,其中,多个控件中每个控件的颜色被配置为多个目标颜色中的一个目标颜色。
处理器1901还用于执行下述步骤:
获取与第一区间对应的第一参数n和与第一颜色在亮度上的特征值对应的第二参数,其中,第一区间为第一颜色在色相上的特征值所在的特征值区间,n为正整数;
根据第一颜色在亮度上的特征值与第二参数之间的比值确定第三参数y,并根据第一颜色在饱和度上的特征值与目标数列中第n个元素之间的比值确定第四参数x,其中,目标数列中元素的个数和第二颜色的个数为正整数N,x为非负数,y为非负数。
采用本发明实施例,获取第一颜色,第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色;通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色,第一颜色的多个颜色特征包括目标特征;使用多个目标颜色对多个控件的颜色进行配置,多个控件中每个控件的颜色被配置为多个目标颜色中的一个目标颜色,可见,可以仅仅指定一个颜色(即第一颜色)即可实现对多个控件的颜色配置,且所配置的目标颜色还可是不同的颜色,而不用用户逐一地为每个控件指定颜色,可以解决相关技术中对业务平台的颜色配置效率较低的技术问题,进而达到提高对业务平台的颜色配置效率的技术效果。
可选地,本实施例中的具体示例可以参考上述实施例中所描述的示例,本实施例在此不再赘述。
本领域普通技术人员可以理解,图19所示的结构仅为示意,终端可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile InternetDevices,MID)、PAD等终端设备。图19其并不对上述电子装置的结构造成限定。例如,终端还可包括比图19中所示更多或者更少的组件(如网络接口、显示装置等),或者具有与图19所示不同的配置。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:闪存盘、只读存储器(Read-Only Memory,ROM)、随机存取器(RandomAccess Memory,RAM)、磁盘或光盘等。
本发明的实施例还提供了一种存储介质。可选地,在本实施例中,上述存储介质可以用于执行业务平台颜色的配置方法的程序代码。
可选地,在本实施例中,上述存储介质可以位于上述实施例所示的网络中的多个网络设备中的至少一个网络设备上。
可选地,在本实施例中,存储介质被设置为存储用于执行以下步骤的程序代码:
S12,获取第一颜色,其中,第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色;
S14,通过对第一颜色在目标特征上的特征值进行调整得到多个目标颜色,其中,第一颜色的多个颜色特征包括目标特征;
S16,使用多个目标颜色对多个控件的颜色进行配置,其中,多个控件中每个控件的颜色被配置为多个目标颜色中的一个目标颜色。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:
S22,获取与第一区间对应的第一参数n和与第一颜色在亮度上的特征值对应的第二参数,其中,第一区间为第一颜色在色相上的特征值所在的特征值区间,n为正整数;
S24,根据第一颜色在亮度上的特征值与第二参数之间的比值确定第三参数y,并根据第一颜色在饱和度上的特征值与目标数列中第n个元素之间的比值确定第四参数x,其中,目标数列中元素的个数和第二颜色的个数为正整数N,x为非负数,y为非负数。
可选地,本实施例中的具体示例可以参考上述实施例中所描述的示例,本实施例在此不再赘述。
可选地,在本实施例中,上述存储介质可以包括但不限于:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在上述计算机可读取的存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在存储介质中,包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的客户端,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。

Claims (15)

1.一种业务平台颜色的配置方法,其特征在于,包括:
获取第一颜色,其中,所述第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色;
通过对所述第一颜色在目标特征上的特征值进行调整得到多个目标颜色,其中,所述第一颜色的多个颜色特征包括所述目标特征;
使用所述多个目标颜色对所述多个控件的颜色进行配置,其中,所述多个控件中每个控件的颜色被配置为所述多个目标颜色中的一个目标颜色。
2.根据权利要求1所述的方法,其特征在于,所述多个颜色特征包括色相、饱和度以及亮度,其中,通过对所述第一颜色在目标特征上的特征值进行调整得到多个目标颜色包括:
通过对所述第一颜色在饱和度上的特征值和亮度上的特征值进行调整,得到与所述第一颜色处于同一彩色系的多个第二颜色,其中,所述多个目标颜色包括所述多个第二颜色;和/或,
通过对所述第一颜色在色相上的特征值进行调整,得到与所述第一颜色处于同一灰色系的多个第三颜色,其中,所述多个目标颜色包括所述多个第三颜色。
3.根据权利要求2所述的方法,其特征在于,通过对所述第一颜色在饱和度上的特征值和亮度上的特征值进行调整,得到与所述第一颜色处于同一彩色系的多个第二颜色包括:
通过对所述第一颜色在饱和度上的特征值和亮度上的特征值进行多次调整,得到所述多个第二颜色,其中,每个所述第二颜色是对所述第一颜色在饱和度上的特征值进行一次调整并对所述第一颜色在亮度上的特征值进行一次调整得到的,任意两次对所述第一颜色在饱和度上的特征值的调整不同,任意两次对所述第一颜色在亮度上的特征值的调整不同。
4.根据权利要求3所述的方法,其特征在于,在通过对所述第一颜色在饱和度上的特征值和亮度上的特征值进行多次调整,得到所述多个第二颜色之前,所述方法还包括:
获取与第一区间对应的第一参数n和与所述第一颜色在亮度上的特征值对应的第二参数,其中,所述第一区间为所述第一颜色在色相上的特征值所在的特征值区间,n为正整数;
根据所述第一颜色在亮度上的特征值与所述第二参数之间的比值确定第三参数y,并根据所述第一颜色在饱和度上的特征值与目标数列中第n个元素之间的比值确定第四参数x,其中,所述目标数列中元素的个数和所述第二颜色的个数为正整数N,x为非负数,y为非负数。
5.根据权利要求4所述的方法,其特征在于,通过对所述第一颜色在饱和度上的特征值和亮度上的特征值进行多次调整,得到所述多个第二颜色包括按照如下方式确定所述彩色系中的第i个所述第二颜色包括:
在i小于n的情况下,根据所述目标数列中第i个元素与x之间的乘积确定第i个所述第二颜色在饱和度上的特征值,并根据所述第一颜色在亮度上的特征值与x之和确定第i个所述第二颜色在亮度上的特征值,i为不大于N的正整数;
在i大于n的情况下,根据所述第一颜色在饱和度上的特征值与y之和确定第i个所述第二颜色在饱和度上的特征值,并根据所述第一颜色在亮度上的特征值与y之差确定第i个所述第二颜色在亮度上的特征值。
6.根据权利要求5所述的方法,其特征在于,根据所述第一颜色在亮度上的特征值与x之和确定第i个所述第二颜色在亮度上的特征值包括:
在所述第一颜色的亮度上的特征值与x之和不大于亮度上的特征极大值的情况下,将所述第一颜色在亮度上的特征值与x之和作为第i个所述第二颜色在亮度上的特征值;
在所述第一颜色的亮度上的特征值与x之和大于亮度上的特征极大值的情况下,将亮度上的特征极大值作为第i个所述第二颜色在亮度上的特征值。
7.根据权利要求5所述的方法,其特征在于,根据所述第一颜色在饱和度上的特征值与y之和确定第i个所述第二颜色在饱和度上的特征值包括:
在所述第一颜色的饱和度上的特征值与y之和不大于饱和度上的特征极大值的情况下,将所述第一颜色在饱和度上的特征值与y之和作为第i个所述第二颜色在饱和度上的特征值;
在所述第一颜色的饱和度上的特征值与y之和大于饱和度上的特征极大值的情况下,将饱和度上的特征极大值作为第i个所述第二颜色在饱和度上的特征值。
8.根据权利要求3至7中任意一项所述的方法,其特征在于,在通过对所述第一颜色在饱和度上的特征值和亮度上的特征值进行多次调整,得到所述多个第二颜色之后,所述方法还包括:
在所述彩色系中的第i个所述第二颜色在饱和度上的特征值不在第二区间内的情况下,将所述第二颜色在饱和度上的特征值重置为第一极值,其中,重置前的所述第二颜色在饱和度上的特征值与所述第一极值之间的差值的绝对值小于重置前的所述第二颜色在饱和度上的特征值与第二极值之间的差值的绝对值,所述第一极值为所述第二区间的极小值和极大值中的一个,所述第二极值为所述第二区间的极小值和极大值中的另一个。
9.根据权利要求2所述的方法,其特征在于,通过对所述第一颜色在色相上的特征值进行调整,得到与所述第一颜色处于同一灰色系的多个第三颜色包括:
通过对所述第一颜色在色相上的特征值进行多次调整,得到与所述第一颜色处于同一灰色系的所述多个第三颜色,其中,每个所述第三颜色是对所述第一颜色在色相上的特征值进行一次调整得到的,任意两次对所述第一颜色在色相上的特征值的调整不同。
10.根据权利要求1至7中任意一项所述的方法,其特征在于,使用所述多个目标颜色对所述多个控件的颜色进行配置包括:
确定所述多个控件中待配置的控件;
将所述待配置的控件的颜色配置为所述多个目标颜色中与所述待配置的控件的状态对应的颜色。
11.一种业务平台颜色的配置装置,其特征在于,包括:
获取单元,用于获取第一颜色,其中,所述第一颜色为对目标业务平台中的多个控件的颜色进行配置时所指示的颜色;
调整单元,用于通过对所述第一颜色在目标特征上的特征值进行调整得到多个目标颜色,其中,所述第一颜色的多个颜色特征包括所述目标特征;
配置单元,用于使用所述多个目标颜色对所述多个控件的颜色进行配置,其中,所述多个控件中每个控件的颜色被配置为所述多个目标颜色中的一个目标颜色。
12.根据权利要求11所述的装置,其特征在于,所述多个颜色特征包括色相、饱和度以及亮度,其中,所述调整单元包括:
第一调整模块,用于通过对所述第一颜色在饱和度上的特征值和亮度上的特征值进行调整,得到与所述第一颜色处于同一彩色系的多个第二颜色,其中,所述多个目标颜色包括所述多个第二颜色;和/或,
第二调整模块,用于通过对所述第一颜色在色相上的特征值进行调整,得到与所述第一颜色处于同一灰色系的多个第三颜色,其中,所述多个目标颜色包括所述多个第三颜色。
13.根据权利要求12所述的装置,其特征在于,所述第一调整模块还用于:
通过对所述第一颜色在饱和度上的特征值和亮度上的特征值进行多次调整,得到所述多个第二颜色,其中,每个所述第二颜色是对所述第一颜色在饱和度上的特征值进行一次调整并对所述第一颜色在亮度上的特征值进行一次调整得到的,任意两次对所述第一颜色在饱和度上的特征值的调整不同,任意两次对所述第一颜色在亮度上的特征值的调整不同。
14.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,所述程序运行时执行上述权利要求1至10任一项中所述的方法。
15.一种电子装置,包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,其特征在于,所述处理器通过所述计算机程序执行上述权利要求1至10任一项中所述的方法。
CN201810752462.7A 2018-07-10 2018-07-10 业务平台颜色的配置方法和装置、存储介质、电子装置 Active CN110704052B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810752462.7A CN110704052B (zh) 2018-07-10 2018-07-10 业务平台颜色的配置方法和装置、存储介质、电子装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810752462.7A CN110704052B (zh) 2018-07-10 2018-07-10 业务平台颜色的配置方法和装置、存储介质、电子装置

Publications (2)

Publication Number Publication Date
CN110704052A true CN110704052A (zh) 2020-01-17
CN110704052B CN110704052B (zh) 2022-02-08

Family

ID=69192895

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810752462.7A Active CN110704052B (zh) 2018-07-10 2018-07-10 业务平台颜色的配置方法和装置、存储介质、电子装置

Country Status (1)

Country Link
CN (1) CN110704052B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111966933A (zh) * 2020-07-10 2020-11-20 口碑(上海)信息技术有限公司 颜色数据推荐方法及装置
CN112148288A (zh) * 2020-09-23 2020-12-29 京东数字科技控股股份有限公司 界面颜色设置方法、装置、设备及存储介质
CN112416346A (zh) * 2020-11-19 2021-02-26 腾讯科技(深圳)有限公司 界面配色方案的生成方法、装置、设备及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106855797A (zh) * 2015-12-09 2017-06-16 阿里巴巴集团控股有限公司 一种界面元素颜色的设置方法及装置
CN107102791A (zh) * 2017-03-31 2017-08-29 广州酷狗计算机科技有限公司 控件换色方法及装置
CN107622098A (zh) * 2017-09-04 2018-01-23 腾讯科技(深圳)有限公司 网站内容颜色的设置方法和装置、存储介质及电子装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106855797A (zh) * 2015-12-09 2017-06-16 阿里巴巴集团控股有限公司 一种界面元素颜色的设置方法及装置
CN107102791A (zh) * 2017-03-31 2017-08-29 广州酷狗计算机科技有限公司 控件换色方法及装置
CN107622098A (zh) * 2017-09-04 2018-01-23 腾讯科技(深圳)有限公司 网站内容颜色的设置方法和装置、存储介质及电子装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
管理员: ""Coolors線上配色平台,從生活中尋找配色靈感"", 《HTTPS://WWW.MINWT.COM/WEBDESIGN-DEV/HTML/15399.HTML》 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111966933A (zh) * 2020-07-10 2020-11-20 口碑(上海)信息技术有限公司 颜色数据推荐方法及装置
CN112148288A (zh) * 2020-09-23 2020-12-29 京东数字科技控股股份有限公司 界面颜色设置方法、装置、设备及存储介质
CN112416346A (zh) * 2020-11-19 2021-02-26 腾讯科技(深圳)有限公司 界面配色方案的生成方法、装置、设备及存储介质

Also Published As

Publication number Publication date
CN110704052B (zh) 2022-02-08

Similar Documents

Publication Publication Date Title
CN110704052B (zh) 业务平台颜色的配置方法和装置、存储介质、电子装置
US20190385210A1 (en) Automated color processing and selection platform
CA2890158C (en) Automated color processing and selection platform
CN109345612B (zh) 一种图像生成方法、装置、设备和存储介质
CN104978119B (zh) 一种信息窗口显示方法、装置及用户终端
CN111666123A (zh) 页面主题控制方法、系统和计算机设备
CN105761283A (zh) 一种图片主色提取方法及装置
US11417033B2 (en) Applying colors on textures
CN101141478A (zh) 改变便携式终端的皮肤的方法和系统
CN111984164B (zh) 壁纸生成方法、装置、终端及存储介质
US11462002B2 (en) Wallpaper management method, apparatus, mobile terminal, and storage medium
EP3062205A1 (en) User interface adjusting method and apparatus using the same
CN102163197B (zh) 一种换肤方法、系统和装置
CN105224162A (zh) 终端显示风格的匹配方法及系统
CN103838578A (zh) 一种数据处理方法、装置及一种电子设备
CN110287343A (zh) 图片生成方法及装置
US11386588B2 (en) Product design system and design image correction apparatus
US10672049B1 (en) Sample color selection for online retail items
US10679383B2 (en) Interface color branding
CN113658287B (zh) 用户界面配色处理方法、装置及设备
CN109917901A (zh) 穿戴式设备中应用画面的颜色调整方法和穿戴式设备
CN114022581A (zh) 数据处理方法、装置、电子设备及计算机可读存储介质
Colantoni et al. Web browsers colorimetric characterization
JP6033988B2 (ja) 情報処理装置
CN115375790B (zh) 图像处理方法、图像存储方法以及气象图显示方法

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40020888

Country of ref document: HK

SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant