页面配置方法、装置、电子设备和存储介质制造方法及图纸

本申请涉及一种页面配置方法、装置、电子设备和存储介质，应用于计算机技术领域，其中，方法包括：获取产品图像，所述产品图像用于对待配置页面进行颜色配置；基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。以解决现有技术中，产品实物颜色和软件页面颜色不一致时，需要进行重新调整，大大增加了设计和开发成本，耗时较长，严重降低了软件制作的效率的问题。严重降低了软件制作的效率的问题。严重降低了软件制作的效率的问题。

【技术实现步骤摘要】
页面配置方法、装置、电子设备和存储介质


[0001]本申请涉及计算机
，尤其涉及一种页面配置方法、装置、电子设备和存储介质。

技术介绍

[0002]目前，关联产品的一些软件或系统在页面配色上存在着如下现象：在产品实物颜色和软件页面颜色不一致，或者是产品外观变更设计后，对应的软件配色元素都要进行重新调整，大大增加了设计和开发成本，耗时较长，严重降低了软件制作的效率。比如水泵选型软件，当水泵的外观配色发生改变时，水泵选型软件并不会随之发生改变，这就需要人工去对软件进行调整。

技术实现思路

[0003]本申请提供了一种页面配置方法、装置、电子设备和存储介质，用以解决现有技术中，产品实物颜色和软件页面颜色不一致时，需要进行重新调整，大大增加了设计和开发成本，耗时较长，严重降低了软件制作的效率的问题。
[0004]第一方面，本申请实施例提供了一种页面配置方法，包括：
[0005]获取产品图像，所述产品图像用于对待配置页面进行颜色配置；
[0006]基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；
[0007]确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；
[0008]将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。
[0009]可选的，所述基于所述产品图像确定待配置页面的颜色配置信息，包括：
[0010]对所述产品图像进行取色，得到至少一个颜色；
[0011]对所述至少一个颜色进行分组，得到至少一组颜色；
[0012]计算每组颜色的RGB值的均值，得到第一配置颜色；
[0013]计算所述至少一个颜色的亮度均值，得到第二配置颜色；
[0014]根据所述第二配置颜色的亮度值与预设亮度值的大小关系，确定第三配置颜色；
[0015]确定所述颜色配置信息包括所述第一配置颜色、所述第二配置颜色和所述第三配置颜色。
[0016]可选的，所述确定每个所述配置颜色对应的目标配置元素，包括：
[0017]确定所述第二配置颜色对应的目标配置元素为所述待配置页面中的背景；
[0018]确定所述第三配置颜色对应的目标配置元素为所述待配置页面中的文字。
[0019]可选的，所述对所述至少一个颜色进行分组，包括：
[0020]将所述至少一个颜色中色相值相同的分为一组。
[0021]可选的，所述基于所述产品图像确定待配置页面的颜色配置信息，还包括：
[0022]计算每组颜色的目标色相在所述产品图像所有色相中的色相占比；
[0023]确定所述色相占比为所述颜色配置信息。
[0024]可选的，所述确定每个所述配置颜色对应的目标配置元素，包括：
[0025]确定每个所述配置颜色对应的目标配色标签；
[0026]确定与所述目标配色标签绑定的配置元素为所述目标配置元素。
[0027]可选的，所述页面配置信息还包括所述配置颜色的色相占比，所述确定每个所述配置颜色对应的目标配色标签，包括：
[0028]根据所述色相占比对所述配置颜色进行排序，得到排序结果；
[0029]根据所述排序结果确定所述配置颜色对应的目标配色标签。
[0030]第三方面，本申请实施例提供了一种页面配置装置，包括：
[0031]获取模块，用于获取产品图像，所述产品图像用于对待配置页面进行颜色配置；
[0032]第一确定模块，用于基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；
[0033]第二确定模块，用于确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；
[0034]配置模块，用于将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。
[0035]第三方面，本申请实施例提供了一种电子设备，包括：处理器、通信接口、存储器和通信总线，其中，处理器、通信接口和存储器通过通信总线完成相互间的通信；
[0036]所述存储器，用于存储计算机程序；
[0037]所述处理器，用于执行所述存储器中所存储的程序，实现第一方面所述的页面配置方法。
[0038]第四方面，本申请实施例提供了一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时实现第一方面所述的页面配置方法。
[0039]本申请实施例提供的上述技术方案与现有技术相比具有如下优点：本申请实施例提供的该方法，通过获取产品图像，所述产品图像用于对待配置页面进行颜色配置；基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。如此，通过对获取的产品图像，即可实现对待配置页面的颜色配置，达到产品颜色与待配置页面的颜色一致，无需人为调整，降低了设计和开发成本，耗时较低，提高了待配置页面制作的效率。
附图说明
[0040]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并与说明书一起用于解释本专利技术的原理。
[0041]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而
言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0042]图1为本申请一实施例提供的页面配置方法的应用场景图；
[0043]图2为本申请一实施例提供的页面配置方法的流程图；
[0044]图3为本申请另一实施例提供的页面配置方法的流程图；
[0045]图4为本申请一实施例提供的页面配置装置的结构图；
[0046]图5为本申请一实施例提供的电子设备的结构图。
具体实施方式
[0047]为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0048]在对本专利技术实施例进行进一步详细说明之前，对本专利技术实施例中涉及的名词和术语进行说明，本专利技术实施例中涉及的名词和术语适用于如下的解释。
[0049]HSB又称HSV，表示一种颜色模式：在HSB模式中，H(hues)表示色相，S(saturation)表示饱和度，B(brightness)表示亮度。HSB模式对应的媒介是人眼。
[0050]RGB是色光的彩色模式，R代表红色，G代表绿色本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面配置方法，其特征在于，包括：获取产品图像，所述产品图像用于对待配置页面进行颜色配置；基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。2.根据权利要求1所述的页面配置方法，其特征在于，所述基于所述产品图像确定待配置页面的颜色配置信息，包括：对所述产品图像进行取色，得到至少一个颜色；对所述至少一个颜色进行分组，得到至少一组颜色；计算每组颜色的RGB值的均值，得到第一配置颜色；计算所述至少一个颜色的亮度均值，得到第二配置颜色；根据所述第二配置颜色的亮度值与预设亮度值的大小关系，确定第三配置颜色；确定所述颜色配置信息包括所述第一配置颜色、所述第二配置颜色和所述第三配置颜色。3.根据权利要求2所述的页面配置方法，其特征在于，所述确定每个所述配置颜色对应的目标配置元素，包括：确定所述第二配置颜色对应的目标配置元素为所述待配置页面中的背景；确定所述第三配置颜色对应的目标配置元素为所述待配置页面中的文字。4.根据权利要求2所述的页面配置方法，其特征在于，所述对所述至少一个颜色进行分组，包括：将所述至少一个颜色中色相值相同的分为一组。5.根据权利要求2所述的页面配置方法，其特征在于，所述基于所述产品图像确定待配置页面的颜色配置信息，还包括：计算每组颜色的目标色相在所述产品图像所有色相中的色相占比；确定所述色相占比为所述颜色...

【专利技术属性】
技术研发人员：阮思静，徐甘来，刘慧，熊雅馨，宋海川，
申请(专利权)人：珠海格力电器股份有限公司，
类型：发明
国别省市：