CN112416346A - 界面配色方案的生成方法、装置、设备及存储介质 - Google Patents

Abstract

本申请公开了一种界面配色方案的生成方法、装置、设备及存储介质，属于计算机技术领域。所述方法包括：获取目标应用程序的关联图片；基于关联图片的图片主色，确定目标应用程序的展示界面的界面基色；基于界面基色，生成展示界面的界面色板；基于界面色板，生成展示界面的配色方案。本申请中，一方面，展示界面的配色方案是在关联图片的图片主色的基础上生成的，能够保证通过配色方案获取的展示界面颜色与关联图片相比不会相差过大，保证关联图片与展示界面在显示时的一致性。另一方面，在图片主色的基础上进行调整，获取界面色板，且界面色板中包括用于渲染展界面的多种颜色，使得展示界面的展示效果丰富多样，不单一。

Description

界面配色方案的生成方法、装置、设备及存储介质

技术领域

本申请涉及计算机技术领域，特别涉及一种界面配色方案的生成方法、装置、设备及存储介质。

背景技术

随着网络技术的发展和普及，利用界面进行信息宣传和产品介绍已成为目前主要趋势。

目前，界面中各显示元素的配色往往是预设的固定值，用户可以使用界面模版制作界面，并在界面模板的基础上进行内容修改，才可以生成自己需要的界面，但是无法改变界面模板中各显示元素的配色。

相关技术中，受限于界面配色方案固定，展示界面的显示单一。

发明内容

本申请实施例提供了一种界面配色方案的生成方法、装置、设备及存储介质，使得展示界面的展示效果丰富多样，不单一。所述技术方案如下：

根据本申请实施例的一个方面，提供了一种界面配色方案的生成方法，所述方法包括：

获取目标应用程序的关联图片；

基于所述关联图片的图片主色，确定所述目标应用程序的展示界面的界面基色；其中，所述目标应用程序的展示界面是应用聚合平台提供的用于展示所述目标应用程序的用户界面；

基于所述界面基色，生成所述展示界面的界面色板，所述界面色板包括所述展示界面所采用的多种颜色；

基于所述界面色板，生成所述展示界面的配色方案，所述配色方案是指为所述展示界面中各界面元素分配的颜色方案。

根据本申请实施例的一个方面，提供了一种界面配色方案的生成装置，所述装置包括：

关联图片获取模块，用于获取目标应用程序的关联图片；

界面基色确定模块，用于基于所述关联图片的图片主色，确定所述目标应用程序的展示界面的界面基色；其中，所述目标应用程序的展示界面是应用聚合平台提供的用于展示所述目标应用程序的用户界面；

界面色板生成模块，用于基于所述界面基色，生成所述展示界面的界面色板，所述界面色板包括所述展示界面所采用的多种颜色；

配色方案生成模块，用于基于所述界面色板，生成所述展示界面的配色方案，所述配色方案是指为所述展示界面中各界面元素分配的颜色方案。

根据本申请实施例的一个方面，提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现上述界面配色方案的生成方法。

根据本申请实施例的一个方面，提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现上述界面配色方案的生成方法。

根据本申请实施例的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述界面配色方案的生成方法。

本申请实施例提供的技术方案可以带来如下有益效果：

通过目标应用程序的关联图片的图片主色，确定展示界面的界面基色，进而在界面基色上生成界面色板，并采用界面色板中的颜色生成针对展示界面的配色方案，一方面，展示界面的配色方案是在关联图片的图片主色的基础上生成的，能够保证通过配色方案获取的展示界面颜色与关联图片相比不会相差过大，保证关联图片与展示界面在显示时的一致性。另一方面，在图片主色的基础上进行调整，获取界面色板，且界面色板中包括用于渲染展界面的多种颜色，使得展示界面的展示效果丰富多样，不单一。

附图说明

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

图1是本申请一个实施例提供的应用聚合平台的运行系统的示意图；

图2是本申请一个实施例提供的界面配色方案的生成方法的流程图；

图3示例性示出了一种界面基色的生成方式的示意图；

图4示例性示出了几种关联图片与展示界面的示意图；

图5示例性示出了一种展示界面中各个元素的颜色值的生成方式的示意图；

图6示例性示出了一种界面配色方案的生成方式的示意图；

图7是本申请一个实施例提供的界面配色方案的生成装置的框图；

图8是本申请另一个实施例提供的界面配色方案的生成装置的框图；

图9是本申请一个实施例提供的计算机设备的结构框图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。

请参考图1，其示出了本申请一个实施例提供的应用聚合平台的运行系统的示意图。该应用聚合平台的运行系统可以包括：终端10和服务器20。

终端10可以是诸如手机、平板电脑、游戏主机、多媒体播放设备、可穿戴设备、PC(Personal Computer，个人计算机)、手持便携式游戏设备等电子设备。可选地，终端10中可以安装应用程序的客户端。在本申请实施例中，该应用程序可以是任意能够为用户提供应用聚合平台的程序。其中，应用聚合平台是指向用户展示多于一个目标应用程序的展示服务的平台，该目标应用程序可以是游戏应用程序、购物应用程序、音乐应用程序、资讯应用程序、社交应用程序等，本申请实施例对此不作限定。可选地，上述应用程序可以是以网页形式展示应用聚合平台的浏览器，也可以是应用聚合平台的客户端。

服务器20用于为上述应用聚合平台提供后台服务。例如，服务器20可以是上述应用聚合平台的后台服务器。可选地，服务器20中可以存储有应用聚合平台中的数据，如应用聚合平台所包含的目标应用程序的标识信息、目标应用程序的展示界面的配色方案、目标应用程序的统计数据等，进一步地，服务器20在接收到来自终端10的针对应用聚合平台或目标应用程序的展示指令时，向终端10发送对应的数据，并由终端10基于该数据向用户展示应用聚合平台或目标应用程序的相关内容。需要说明的一点是，服务器20可以是一台服务器，也可以是由多台服务器组成的服务器集群，或者是一个云计算服务中心，可以提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN(Content Delivery Network，内容分发网络)、以及大数据和人工智能平台等基础云计算服务。

可选地，终端10和服务器20之间可通过网络30进行互相通信。

请参考图2，其示出了本申请一个实施例提供的界面配色方案的生成方法的流程图。该方法可应用于服务器中，如各步骤的执行主体可以是图1所示的应用聚合平台的运行系统中的服务器20。该方法可以包括以下几个步骤(201～204)：

步骤201，获取目标应用程序的关联图片。

目标应用程序可以是任意应用程序，如游戏应用程序、音乐应用程序、购物应用程序、资讯应用程序等。可选地，该目标应用程序可以是需要下载安装的应用程序，也可以是即点即用的应用程序。

在本申请实施例中，服务器在生成针对目标应用程序的展示界面的配色方案之前，获取该目标应用程序的关联图片，并对该关联图片进行处理，生成针对目标应用程序的展示界面的配色方案。其中，上述关联图片是上述目标应用程序的特征图片。可选地，该关联图片可以是HSB模式的图片，其中，H(Hue)代表色相；S(Saturation)代表饱和度，即颜色的强度或纯度；B(Brightness)代表明度，即是颜色的明暗程度。

需要说明的一点是，上述关联图片可以是目标应用程序在运行过程中向用户展示的界面截图，也可以是由目标应用程序的设计人员根据目标应用程序的特点绘制的图片，还可以似乎从互联网中获取的与该目标应用程序相关的任意图片，本申请实施例对此不作限定。

在一种可能的实施方式中，上述关联图片为目标应用程序的后台服务器为服务器提供的。可选地，目标应用程序的后台服务器在为服务器提供该目标应用程序的相关数据时，直接为服务器提供该目标应用程序的关联图片。

在另一种可能的实施方式中，上述关联图片为服务器从目标应用程序的特征图片中挑选获取的。可选地，目标应用程序的后台服务器在为服务器提供该目标应用程序的相关数据时，为服务器提供至少一张该目标应用程序取得特征图片，进而服务器从多张特征图片中选择目标应用程序的关联图片。可选地，服务器从上述多张特征图片中选择颜色最复杂或最简单的图片作为关联图片。

步骤202，基于关联图片的图片主色，确定目标应用程序的展示界面的界面基色。

图片主色是指关联图片中占据主角地位的颜色。可选地，图片主色可以是在关联图片中出现频率最高的颜色，也可以是在关联图片中最醒目的颜色。当然，在其它可能的实施方式中，上述图片主色还可以是未出现在上述关联图片中的颜色。可选地，服务器可以对关联图片上的各个像素点进行遍历，获取各个像素点的颜色，并对每个像素点进行处理，获取该关联图片的平均颜色，将该平均颜色确定为关联图片的图片主色。

目标应用程序的展示界面是应用聚合平台提供的用于展示目标应用程序的用户界面，应用聚合平台是指为多个目标应用程序提供展示服务的平台。可选地，用户可以通过应用聚合平台观看各个目标应用程序的相关内容，该相关内容中可以包括目标应用程序的功能、作用、启动方式等。

在本申请实施例中，服务器在获取上述关联图片之后，从该关联图片中提取图片主色，进而基于该关联图片的图片主色，确定目标应用程序的展示界面的界面基色。其中，界面基色是指用于渲染目标应用程序的基础色调。可选地，服务器在可以基于该界面基色，对该界面基色进行调整，确定上述展示界面中各个界面元素的颜色。

步骤203，基于界面基色，生成展示界面的界面色板。

界面色板是指用于记录上述展示界面在渲染过程中所采用的颜色的色板。其中，该界面色板包括展示界面所采用的多种颜色。可选地，展示界面在渲染的过程中，可以使用界面色板所包括的颜色对展示界面的各个界面元素进行渲染。

在本申请实施例中，服务器在获取上述界面基色之后，基于该界面基色，生成展示界面的界面色板。可选地，上述界面色板中可以包括卡片色、内容色、高亮色和高亮悬浮色。

其中，卡片色用于生成展示界面的背景颜色，可选地，终端在对目标应用程序的展示界面进行展示时，采用背景颜色对展示界面的背景进行渲染；内容色，用于生成展示界面中文字内容的颜色，可选地，终端在对目标应用程序的展示界面进行展示时，采用内容色对展示界面中的文字内容进行渲染；高亮色，用于生成展示界面中按钮控件在第一状态下的颜色，可选地，终端在对目标应用程序的展示界面进行展示时，在展示界面中的按钮控件处于第一状态下时，采用高亮色该按钮控件进行渲染；高亮色悬浮，用于生成展示界面中按钮控件在第二状态下的颜色，可选地，终端在对目标应用程序的展示界面进行展示时，在展示界面中的按钮控件处于第二状态下时，采用高亮悬浮色对该按钮控件进行渲染。

需要说明的一点是，上述第一状态和第二状态是指展示界面中的按钮控件所处的不同状态。可选地，第一状态与第二状态之间可以进行互相转换。例如，在未接收到用户触发的针对按钮控件的触发操作时，确定该控制按钮处于第一状态，采用高亮色对按钮控件进行渲染；在接收到用户触发的针对按钮控件的触发操作时，确定该控制按钮处于第二状态，采用高亮悬浮色对控制按钮进行渲染。再例如，在接收到用户触发的针对按钮控件的第一操作时，确定该控制按钮处于第一状态，采用高亮色对按钮控件进行渲染；在接收到用户触发的针对按钮控件的第二操作时，确定该控制按钮处于第二状态，采用高亮悬浮色对控制按钮进行渲染。

还需要说明的一点是，上述对界面色板中各个颜色的介绍只是示例性和解释性的，在实际运用中，设计人员可以依据实际情况对界面色板中包括的颜色进行添加或减少，而且，设计人员也可以根据实际情况对各个颜色所需渲染的界面元素进行调整，本申请实施例对此不作限定。

步骤204，基于界面色板，生成展示界面的配色方案。

配色方案是指为展示界面中各界面元素分配的颜色方案。可选地，在目标应用程序的展示界面的展示过程中，终端可以基于该配色方案对展示界面中的各个元素进行渲染。

在本申请实施例中，服务器在获取上述界面色板之后，基于该界面色板，生成展示界面的配色方案。可选地，服务器可以基于界面色板以及展示界面中各个界面元素的颜色生成算法，确定各个界面元素的颜色。其中，上述颜色生成算法中可以包括各个界面元素与界面色板中各个颜色的关联关系，以及各个界面元素与关联颜色之间的比例关系。

综上所述，本申请实施例提供的技术方案，通过目标应用程序的关联图片的图片主色，确定展示界面的界面基色，进而在界面基色上生成界面色板，并采用界面色板中的颜色生成针对展示界面的配色方案，一方面，展示界面的配色方案是在关联图片的图片主色的基础上生成的，能够保证通过配色方案获取的展示界面颜色与关联图片相比不会相差过大，保证关联图片与展示界面在显示时的一致性。另一方面，在图片主色的基础上进行调整，获取界面色板，且界面色板中包括用于渲染展界面的多种颜色，使得展示界面的展示效果丰富多样，不单一。

需要说明的一点是，上述界面基色中包括界面深基色和界面浅基色。其中，界面深基色和界面浅基色是指在图片主色的基础上，通过两种不同的处理方式获取的两种界面基色。下面，从界面深基色和界面浅基色两个方面，对本申请进行介绍。

在示例性实施例中，上述步骤202包括以下几个步骤：

1、获取关联图片的图片主色。

在本申请实施例中，服务器在获取目标应用程序的关联图片之后，对该关联图片进行主色提取，获取该关联图片的图片主色。

2、获取图片主色的色相、饱和度和亮度。

可选地，上述关联图片可以是HSB模式的图片，其中，H代表色相；S代表饱和度，即颜色的强度或纯度；B代表明度，即是颜色的明暗程度。

在本申请实施例中，服务器在依据上述关联图片获取图片主色之后，获取该图片主色的色相、饱和度和亮度。

可选地，在本申请实施例中，服务器在获取上述关联图片之后，可以基于关联图片的色彩倾向确定生成界面深基色和界面浅基色的方式。其中，色彩倾向是指色彩基调，即在图片中起主导作用的颜色。在关联图片具有色彩倾向的情况下，服务器可以通过针对图片主色的色相、饱和度和亮度的第一色彩调整和第二色彩调整来分别获取界面深基色和界面浅基色。关联图片不具有色彩倾向的情况下，将预设深基色确定为界面深基色，以及将预设浅基色确定为所界面浅基色。其中，预设深基色和预设浅基色可以是由设计人员所预设的两种界面基色。

可选地，在本申请实施例中，服务器可以基于图片主色的饱和度来确定上述关联图片是否具有色彩倾向。服务器在获取上述图片主色之后，进一步获取该图片主色的饱和度。若图片主色的饱和度大于第一阈值，则确定关联图片具有色彩倾向；若图片主色的饱和度小于第一阈值，则确定关联图片不具有色彩倾向。

3、对图片主色的色相、饱和度和亮度进行第一色彩调整，得到界面深基色的色相、饱和度和亮度。

可选地，在本申请实施例中，服务器在确定上述关联图片具有色彩倾向之后，对该关联图片的图片主色的色相、饱和度和亮度进行第一色彩调整，得到界面深基色的色相、饱和度和亮度。

4、对图片主色的色相、饱和度和亮度进行第二色彩调整，得到界面浅基色的色相、饱和度和亮度。

可选地，在本申请实施例中，服务器在确定上述关联图片具有色彩倾向之后，对该关联图片的图片主色的色相、饱和度和亮度进行第二色彩调整，得到界面深基色的色相、饱和度和亮度。

示例性地，结合参考图3，假设关联图片的图片主色的HSB值为(h，s，b)。若图片主色的饱和度s大于10，则确定该关联图片的图片主色具有色彩倾向。进一步地，采用第一色彩调整获取界面浅基色(Hi，Si，Bi)，其中，Hi＝h，Si＝0.07s+5，Bi＝0.07b+90；采用第二色彩调整获取界面深基色(Hd，Sd，Bd)，其中，Hd＝h，Sd＝0.1s+55，Bd＝0.08b+22。若图片主色的饱和度s小于或等于10，则确定该关联图片的图片主色不具有色彩倾向。进一步地，将预设浅基色确定为所界面浅基色(Hi，Si，Bi)，其中，Hi＝0，Si＝0，Bi＝093；将预设深基色确定为界面深基色(Hd，Sd，Bd)，其中，Hd＝240，Sd＝10，Bd＝16。之后，服务器即获取目标应用程序的关联图片的界面深基色和界面浅基色。

在示例性实施例中，上述步骤203包括以下几个步骤：

1、基于界面深基色，生成展示界面的深色界面色板；

2、基于界面浅基色，生成展示界面的浅色界面色板。

在本申请实施例中，服务器在获取上述界面深基色和界面浅基色之后，基于该界面深基色，生成上述展示界面的深色界面色板，并基于该界面浅基色，生成上述展示界面的浅色界面色板。

上述深色界面色板中包括展示界面所采用的多种颜色。可选地，服务器在获取上述界面深基色之后，可以对该界面深基色进行调整，基于该界面深基色获取多种颜色，进而获取展示界面的深色界面色板。

上述浅色界面色板中包括展示界面所采用的多种颜色。可选地，服务器在获取上述界面浅基色之后，可以对该界面浅基色进行调整，基于该界面浅基色获取多种颜色，进而获取展示界面的浅色界面色板。

可选地，在本申请实施例中，明度超过目标值的界面基色为界面深基色。明度未超过目标值的界面基色为界面浅基色。

需要说明的一点是，深色界面色板包括的颜色和浅色界面色板包括的颜色可以相同，也可以不同，还可以部分相同，本申请实施例对此不作限定。当然，针对相同的颜色，在深色界面色板和浅色界面色板中的作用可以不同，例如，同一颜色在深色界面色板中为内容色，在浅色界面色板中为卡片色。

可选地，在本申请实施例中，服务器可以基于界面基色的色彩倾向确定生成界面色板的方式，其中，色彩倾向是指色彩基调，即在界面基色中起主导作用的颜色。在界面基色具有色彩倾向的情况下，服务器可以基于上述界面深基色，生成展示界面的深色界面色板，并基于界面浅基色，生成展示界面的浅色界面色板。在界面基色不具有色彩倾向的情况下，将预设深色色板确定为深色界面色板，并将预设浅色色板确定为浅色界面色板。其中，预设深色色板和预设浅色色板可以是由设计人员所预设的两种界面色板。

可选地，在本申请实施例中，服务器可以基于界面基色的饱和度来确定上述界面基色是否具有色彩倾向。服务器在获取上述界面基色之后，进一步获取该界面基色的饱和度。若界面基色的饱和度大于第二阈值，则确定界面基色具有色彩倾向；若界面基色的饱和度小于第二阈值，则确定界面基色不具有色彩倾向。

在示例性实施例中，上述步骤204包括以下步骤：

1、基于深色界面色板，生成展示界面的深色配色方案；

2、基于浅色界面色板，生成展示界面的浅色配色方案。

深色配色方案是指界面背景为深色的配色方案，浅色配色方案是指界面背景为浅色的配色方案。在本申请实施例中，服务器在获取上述深色界面色板和浅色界面色板之后，基于深色界面色板，生成展示界面的深色配色方案，并基于浅色界面色板，生成展示界面的浅色配色方案。也就是说，每一个关联图片均可以生成一深一浅两种配色方案。示例性地，结合参考图4，第一关联图片40对应有浅色界面色板和深色界面色板，其中，浅色界面色板对应展示界面41，深色界面色板对应展示界面42；第二关联图片43对应有浅色界面色板和深色界面色板，其中，浅色界面色板对应展示界面44，深色界面色板对应展示界面45；第三关联图片46对应有浅色界面色板和深色界面色板，其中，浅色界面色板对应展示界面47，深色界面色板对应展示界面48；第四关联图片49对应有浅色界面色板和深色界面色板，其中，浅色界面色板对应展示界面50，深色界面色板对应展示界面51。

另外，结合参考图5，对从界面基色获取配色方案的过程进行介绍。假设界面基色为(H，S，B)：

若界面基色的明度B大于50，则确定该界面基色为界面浅基色。在这种情况下，若界面基色的饱和度S大于10，则确定界面基色具有色彩倾向；若界面基色的饱和度S小于10，则确定界面基色不具有色彩倾向。在界面基色具有色彩倾向的情况下，基于该界面基色，生成展示界面的浅色界面色板。其中，该浅色界面色板中包括卡片色C01(H，S-3，B+3)，内容色C02(H，S+20，B/3)，高亮色C03(H，S*6，B-30)和高亮色悬浮C04(H，S*6，B-40)。在界面基色不具有色彩倾向的情况下，将预设浅色色板作为浅色界面色板。其中，该浅色界面色板中包括卡片色C01(0,0,96)，内容色C02(0,0,13)，高亮色C03(47,100,100)和高亮色悬浮C04(47，100，90)。进一步地，服务器在获取浅色界面色板之后，基于该浅色界面色板确定展示界面中各个元素的颜色值，并输出该各个元素的颜色值。示例性地，各个元素的颜色值可以为标题＝C02*透明度100％，正文＝C02*透明度80％，辅助图标&文字＝C02*透明度60％，分割线＝C02*透明度10％，折扣标签＝C03*透明度100％，标签文字＝C01*透明度100％，普通按钮填充＝C02*透明度0％，普通按钮文字＝C02*透明度80％，普通按钮描边＝C02*透明度20％，普通按钮悬浮填充＝C02*透明度10％，高亮按钮填充＝C03*透明度100％，高亮按钮文字＝C01*透明度100％，高亮按钮描边＝C04*透明度100％，高亮按钮悬浮填充＝C04*透明度100％。

若界面基色的明度B不大于50，则确定该界面基色为界面深基色。在这种情况下，若界面基色的饱和度S大于10，则确定界面基色具有色彩倾向；若界面基色的饱和度S小于10，则确定界面基色不具有色彩倾向。在界面基色具有色彩倾向的情况下，基于该界面基色，生成展示界面的深色界面色板。其中，该深色界面色板中包括卡片色C01(H，S，B+10)，内容色C02(H，S/3，B*4)，高亮色C03(H，S+15，B+40)和高亮色悬浮C04(H，S+15，B+50)。在界面基色不具有色彩倾向的情况下，将预设深色色板作为深色界面色板。其中，该深色界面色板中包括卡片色C01(240,10,24)，内容色C02(0,0,100)，高亮色C03(47,100,100)和高亮色悬浮C04(47，100，90)。进一步地，服务器在获取深色界面色板之后，基于该深色界面色板确定展示界面中各个元素的颜色值，并输出该各个元素的颜色值。示例性地，各个元素的颜色值可以为标题＝C02*透明度100％，正文＝C02*透明度80％，辅助图标&文字＝C02*透明度60％，分割线＝C02*透明度10％，折扣标签＝C03*透明度100％，标签文字＝C02*透明度100％，普通按钮填充＝C02*透明度10％，普通按钮文字＝C02*透明度80％，普通按钮描边＝C02*透明度20％，普通按钮悬浮填充＝C02*透明度20％，高亮按钮填充＝C03*透明度100％，高亮按钮文字＝C02*透明度100％，高亮按钮描边＝C04*透明度100％，高亮按钮悬浮填充＝C04*透明度100％。

示例性地，结合参考图6，对本申请中界面配色方案的生成进行完整介绍。服务器在获取目标应用程序的关联图片60之后，从该关联图片中获取图片主色61，并基于该图片主色61获取界面浅基色62和界面深基色63。进一步地，服务器基于界面浅基色62生成浅色界面色板64，并基于浅色界面色板64中包括的颜色生成浅色配色方案65；类似地，服务器基于界面深基色63生成深色界面色板66，并基于深色界面色板66中包括的颜色生成深色配色方案67。在这种情况下，目标应用程序的展示界面可以基于浅色配色方案65向用户展示用户界面68，也可以基于深色配色方案67向用户展示用户界面69。

可选地，在实际运用中，用户可以根据实际情况对目标应用程序在展示过程中的配色方案进行调整，如在眼睛疲劳时控制展示界面使用深色配色方案进行展示。例如，用户可以在应用聚合平台的设置界面中直接对展示界面的配色方案进行统一调整，在这种情况下，终端在向用户展示目标应用程序的展示界面时，可以直接根据用户所设置的配色方案对展示界面进行展示。当然，用户也可以针对某个目标应用程序的展示界面的配色方案进行单独调整，例如，在某个目标应用程序的展示界面进行展示时，对该展示界面的配色方案进行实时调整。除此之外，在用户对展示界面进行统一调整的情况下，用户也可以针对单个的目标应用程序的展示界面进行实时调整，本申请实施例对此不作限定。

下述为本申请装置实施例，可用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节，请参照本申请方法实施例。

请参考图7，其示出了本申请一个实施例提供的界面配色方案的生成装置的框图。该装置具有实现上述界面配色方案的生成的功能。该装置700可以包括：关联图片获取模块710、界面基色确定模块720、界面色板生成模块730以及配色方案生成模块740。

关联图片获取模块710，用于获取目标应用程序的关联图片。

界面基色确定模块720，用于基于所述关联图片的图片主色，确定所述目标应用程序的展示界面的界面基色；其中，所述目标应用程序的展示界面是应用聚合平台提供的用于展示所述目标应用程序的用户界面。

界面色板生成模块730，用于基于所述界面基色，生成所述展示界面的界面色板，所述界面色板包括所述展示界面所采用的多种颜色。

配色方案生成模块740，用于基于所述界面色板，生成所述展示界面的配色方案，所述配色方案是指为所述展示界面中各界面元素分配的颜色方案。

在示例性实施例中，所述界面基色包括界面深基色和界面浅基色；如图8所示，所述界面基色确定模块720，包括：图片主色获取单元721、图片参数获取模块722和界面基色确定单元723。

图片主色获取单元721，用于获取所述关联图片的图片主色。

图片参数获取模块722，用于获取所述图片主色的色相、饱和度和亮度。

界面基色确定单元723，用于对所述图片主色的色相、饱和度和亮度进行第一色彩调整，得到所述界面深基色的色相、饱和度和亮度。对所述图片主色的色相、饱和度和亮度进行第二色彩调整，得到所述界面浅基色的色相、饱和度和亮度。

在示例性实施例中，如图8所示，所述界面基色确定模块720，还包括：步骤执行单元724。

步骤执行单元724，用于在所述关联图片具有色彩倾向的情况下，执行对所述图片主色的色相、饱和度和亮度进行所述第一色彩调整和所述第二色彩调整的步骤；在所述关联图片不具有色彩倾向的情况下，将预设深基色确定为所述界面深基色，以及将预设浅基色确定为所述界面浅基色。

在示例性实施例中，如图8所示，所述界面基色确定模块720，还包括：色彩倾向判断单元725。

色彩倾向判断单元725，用于获取所述图片主色的饱和度；若所述图片主色的饱和度大于第一阈值，则确定所述关联图片具有色彩倾向；若所述图片主色的饱和度小于第一阈值，则确定所述关联图片不具有色彩倾向。

在示例性实施例中，所述界面基色包括界面深基色和界面浅基色；如图8所示，所述界面色板生成模块730，包括：界面色板生成单元731。

界面色板生成单元731，用于基于所述界面深基色，生成所述展示界面的深色界面色板；以及，基于所述界面浅基色，生成所述展示界面的浅色界面色板。

在示例性实施例中，所述配色方案生成模块740，用于基于所述深色界面色板，生成所述展示界面的深色配色方案，所述深色配色方案是指界面背景为深色的配色方案；基于所述浅色界面色板，生成所述展示界面的浅色配色方案，所述浅色配色方案是指界面背景为浅色的配色方案。

在示例性实施例中，如图8所示，所述界面色板生成模块730，还包括：步骤进行单元732。

步骤进行单元732，用于在所述界面基色具有色彩倾向的情况下，执行所述基于所述界面深基色，生成所述展示界面的深色界面色板；以及，基于所述界面浅基色，生成所述展示界面的浅色界面色板的步骤；在所述界面基色不具有色彩倾向的情况下，将预设深色色板确定为所述深色界面色板，以及将预设浅色色板确定为所述浅色界面色板。

在示例性实施例中，如图8所示，所述界面色板生成模块730，还包括：色彩倾向判定单元733。

色彩倾向判定单元733，用于获取所述界面基色的饱和度；若所述界面基色的饱和度大于第二阈值，则确定所述界面基色具有色彩倾向；若所述界面基色的饱和度小于第二阈值，则确定所述界面基色不具有色彩倾向。

在示例性实施例中，所述配色方案生成模块740，还用于基于所述界面色板以及所述展示界面中各个界面元素的颜色生成算法，确定所述各个界面元素的颜色。

在示例性实施例中，所述界面色板包括：卡片色，用于生成所述展示界面的背景颜色；内容色，用于生成所述展示界面中文字内容的颜色；高亮色，用于生成所述展示界面中按钮控件在第一状态下的颜色；高亮色悬浮，用于生成所述展示界面中按钮控件在第二状态下的颜色。

综上所述，本申请实施例提供的技术方案，通过目标应用程序的关联图片的图片主色，确定展示界面的界面基色，进而在界面基色上生成界面色板，并采用界面色板中的颜色生成针对展示界面的配色方案，一方面，展示界面的配色方案是在关联图片的图片主色的基础上生成的，能够保证通过配色方案获取的展示界面颜色与关联图片相比不会相差过大，保证关联图片与展示界面在显示时的一致性。另一方面，在图片主色的基础上进行调整，获取界面色板，且界面色板中包括用于渲染展界面的多种颜色，使得展示界面的展示效果丰富多样，不单一。

请参考图9，其示出了本申请一个实施例提供的计算机设备的结构框图。该计算机设备可用于实现上述界面配色方案的生成方法的功能。具体来讲：

计算机设备900包括中央处理单元(Central Processing Unit，CPU)901、包括随机存取存储器(Random Access Memory，RAM)902和只读存储器(Read Only Memory，ROM)903的系统存储器904，以及连接系统存储器904和中央处理单元901的系统总线905。计算机设备900还包括帮助计算机内的各个器件之间传输信息的基本输入/输出(Input/Output，I/O)系统906，和用于存储操作系统913、应用程序914和其他程序模块915的大容量存储设备907。

基本输入/输出系统906包括有用于显示信息的显示器908和用于用户输入信息的诸如鼠标、键盘之类的输入设备909。其中显示器908和输入设备909都通过连接到系统总线905的输入输出控制器910连接到中央处理单元901。基本输入/输出系统906还可以包括输入输出控制器910以用于接收和处理来自键盘、鼠标、或电子触控笔等多个其他设备的输入。类似地，输入输出控制器910还提供输出到显示屏、打印机或其他类型的输出设备。

大容量存储设备907通过连接到系统总线905的大容量存储控制器(未示出)连接到中央处理单元901。大容量存储设备907及其相关联的计算机可读介质为计算机设备900提供非易失性存储。也就是说，大容量存储设备907可以包括诸如硬盘或者CD-ROM(CompactDisc Read-Only Memory，只读光盘)驱动器之类的计算机可读介质(未示出)。

不失一般性，计算机可读介质可以包括计算机存储介质和通信介质。计算机存储介质包括以用于存储诸如计算机可读指令、数据结构、程序模块或其他数据等信息的任何方法或技术实现的易失性和非易失性、可移动和不可移动介质。计算机存储介质包括RAM、ROM、EPROM(Erasable Programmable Read Only Memory，可擦除可编程只读存储器)、EEPROM(Electrically Erasable Programmable Read Only Memory，电可擦可编程只读存储器)、闪存或其他固态存储其技术，CD-ROM、DVD(Digital Video Disc，高密度数字视频光盘)或其他光学存储、磁带盒、磁带、磁盘存储或其他磁性存储设备。当然，本领域技术人员可知计算机存储介质不局限于上述几种。上述的系统存储器904和大容量存储设备907可以统称为存储器。

根据本申请的各种实施例，计算机设备900还可以通过诸如因特网等网络连接到网络上的远程计算机运行。也即计算机设备900可以通过连接在系统总线905上的网络接口单元911连接到网络912，或者说，也可以使用网络接口单元911来连接到其他类型的网络或远程计算机系统(未示出)。

所述存储器还包括计算机程序，该计算机程序存储于存储器中，且经配置以由一个或者一个以上处理器执行，以实现上述界面配色方案的生成方法。

在示例性实施例中，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或所述指令集在被处理器执行时以实现上述界面配色方案的生成方法。

可选地，该计算机可读存储介质可以包括：ROM(Read Only Memory，只读存储器)、RAM(Random Access Memory，随机存取记忆体)、SSD(Solid State Drives，固态硬盘)或光盘等。其中，随机存取记忆体可以包括ReRAM(Resistance Random Access Memory,电阻式随机存取记忆体)和DRAM(Dynamic Random Access Memory，动态随机存取存储器)。

在示例性实施例中，还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述界面配色方案的生成方法。

应当理解的是，在本文中提及的“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。另外，本文中描述的步骤编号，仅示例性示出了步骤间的一种可能的执行先后顺序，在一些其它实施例中，上述步骤也可以不按照编号顺序来执行，如两个不同编号的步骤同时执行，或者两个不同编号的步骤按照与图示相反的顺序执行，本申请实施例对此不作限定。

以上所述仅为本申请的示例性实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (12)

1.一种界面配色方案的生成方法，其特征在于，所述方法包括：

获取目标应用程序的关联图片；

基于所述关联图片的图片主色，确定所述目标应用程序的展示界面的界面基色；其中，所述目标应用程序的展示界面是应用聚合平台提供的用于展示所述目标应用程序的用户界面；

基于所述界面基色，生成所述展示界面的界面色板，所述界面色板包括所述展示界面所采用的多种颜色；

基于所述界面色板，生成所述展示界面的配色方案，所述配色方案是指为所述展示界面中各界面元素分配的颜色方案。

2.根据权利要求1所述的方法，其特征在于，所述界面基色包括界面深基色和界面浅基色；

所述基于所述关联图片的图片主色，确定所述目标应用程序的展示界面的界面基色，包括：

获取所述关联图片的图片主色；

获取所述图片主色的色相、饱和度和亮度；

对所述图片主色的色相、饱和度和亮度进行第一色彩调整，得到所述界面深基色的色相、饱和度和亮度；

对所述图片主色的色相、饱和度和亮度进行第二色彩调整，得到所述界面浅基色的色相、饱和度和亮度。

3.根据权利要求2所述的方法，其特征在于，所述获取所述图片主色的色相、饱和度和亮度之后，还包括：

在所述关联图片具有色彩倾向的情况下，执行对所述图片主色的色相、饱和度和亮度进行所述第一色彩调整和所述第二色彩调整的步骤；

在所述关联图片不具有色彩倾向的情况下，将预设深基色确定为所述界面深基色，以及将预设浅基色确定为所述界面浅基色。

4.根据权利要求3所述的方法，其特征在于，所述方法还包括：

获取所述图片主色的饱和度；

若所述图片主色的饱和度大于第一阈值，则确定所述关联图片具有色彩倾向；

若所述图片主色的饱和度小于第一阈值，则确定所述关联图片不具有色彩倾向。

5.根据权利要求1所述的方法，其特征在于，所述界面基色包括界面深基色和界面浅基色；

所述基于所述界面基色，生成所述展示界面的界面色板，包括：

基于所述界面深基色，生成所述展示界面的深色界面色板；以及，基于所述界面浅基色，生成所述展示界面的浅色界面色板；

所述基于所述界面色板，生成所述展示界面的配色方案，包括：

基于所述深色界面色板，生成所述展示界面的深色配色方案，所述深色配色方案是指界面背景为深色的配色方案；

基于所述浅色界面色板，生成所述展示界面的浅色配色方案，所述浅色配色方案是指界面背景为浅色的配色方案。

6.根据权利要求5所述的方法，其特征在于，所述基于所述关联图片的图片主色，确定所述目标应用程序的展示界面的界面基色之后，还包括：

在所述界面基色具有色彩倾向的情况下，执行所述基于所述界面深基色，生成所述展示界面的深色界面色板；以及，基于所述界面浅基色，生成所述展示界面的浅色界面色板的步骤；

在所述界面基色不具有色彩倾向的情况下，将预设深色色板确定为所述深色界面色板，以及将预设浅色色板确定为所述浅色界面色板。

7.根据权利要求6所述的方法，其特征在于，所述方法还包括：

获取所述界面基色的饱和度；

若所述界面基色的饱和度大于第二阈值，则确定所述界面基色具有色彩倾向；

若所述界面基色的饱和度小于第二阈值，则确定所述界面基色不具有色彩倾向。

8.根据权利要求1所述的方法，其特征在于，所述基于所述界面色板，生成所述展示界面的配色方案，包括：

基于所述界面色板以及所述展示界面中各个界面元素的颜色生成算法，确定所述各个界面元素的颜色。

9.根据权利要求1所述的方法，其特征在于，所述界面色板包括：

卡片色，用于生成所述展示界面的背景颜色；

内容色，用于生成所述展示界面中文字内容的颜色；

高亮色，用于生成所述展示界面中按钮控件在第一状态下的颜色；

高亮色悬浮，用于生成所述展示界面中按钮控件在第二状态下的颜色。

10.一种界面配色方案的生成装置，其特征在于，所述装置包括：

关联图片获取模块，用于获取目标应用程序的关联图片；

界面基色确定模块，用于基于所述关联图片的图片主色，确定所述目标应用程序的展示界面的界面基色；其中，所述目标应用程序的展示界面是应用聚合平台提供的用于展示所述目标应用程序的用户界面；

界面色板生成模块，用于基于所述界面基色，生成所述展示界面的界面色板，所述界面色板包括所述展示界面所采用的多种颜色；

配色方案生成模块，用于基于所述界面色板，生成所述展示界面的配色方案，所述配色方案是指为所述展示界面中各界面元素分配的颜色方案。

11.一种计算机设备，其特征在于，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1至9任一项所述的界面配色方案的生成方法。

12.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如权利要求1至9任一项所述的界面配色方案的生成方法。

Images