本发明专利技术提供了一种软件界面配色方法、装置和电子设备，首先获取目标配色图片和预设的软件分层数据；其中，软件分层数据包括：目标软件界面被划分的至少一个层级；进而对目标配色图片进行颜色提取，得到多个目标颜色；然后基于多个目标颜色，对软件分层数据中的层级进行颜色赋予，得到配色后的目标软件界面。该方式将软件界面划分为多个层级，可自动对每个层级进行单独配色，且采用配色图片中的主要颜色进行界面配色，可使得软件界面配色更加均匀，且该方式能快速生成软件界面的配色方案，并在配色方案改动时，无需开发工程师逐个手动界面内容的颜色，可自动更改软件界面中的配色，从而提高了软件研发效率。高了软件研发效率。高了软件研发效率。
【技术实现步骤摘要】
软件界面配色方法、装置和电子设备
[0001]本专利技术涉及软件设计
，尤其是涉及一种软件界面配色方法、装置和电子设备。
技术介绍
[0002]在软件设计上，良好的界面色彩搭配可以给受众带来更好的用户体验，而界面色彩搭配关键在于界面配色。相关技术中提供的界面配色方法，通常需要UI设计师设计软件界面布局和配色方案，然后将软件界面布局和配色方案交给开发工程师进行软件开发，开发工程师开发时按照软件设计图的配色进行取色，再把取色得到的具体颜色数值填写到软件界面对应的控件的样式颜色设定中，从而实现对软件界面的配色。但是，当软件设计稿更改配色方案时，开发工程师需要再次逐个控件修改样式颜色等，增加了开发工程师的工作负担，也使得软件配色更新比较耗时，增加了软件开发时间。
技术实现思路
[0003]本专利技术的目的在于提供一种软件界面配色方法、装置和电子设备，以快速生产良好的配色方案，并快速响应软件设计稿的变更，节约软件开发时间。
[0004]第一方面，本专利技术提供了一种软件界面配色方法，该方法包括：获取目标配色图片和预设的软件分层数据；其中，软件分层数据包括：目标软件界面被划分的至少一个层级；对目标配色图片进行颜色提取，得到多个目标颜色；基于多个目标颜色，对软件分层数据中的层级进行颜色赋予，得到配色后的目标软件界面。
[0005]第二方面，本专利技术提供了一种软件界面配色装置，该装置包括：数据获取模块，用于获取目标配色图片和预设的软件分层数据；其中，软件分层数据包括：目标软件界面被划分的至少一个层级；颜色提取模块，用于对目标配色图片进行颜色提取，得到多个目标颜色；颜色赋予模块，用于基于多个目标颜色，对软件分层数据中的层级进行颜色赋予，得到配色后的目标软件界面。
[0006]第三方面，本专利技术提供了一种电子设备，该电子设备包括处理器和存储器，该存储器存储有能够被处理器执行的机器可执行指令，该处理器执行机器可执行指令以实现上述软件界面配色方法。
[0007]第四方面，本专利技术提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机可执行指令，计算机可执行指令在被处理器调用和执行时，计算机可执行指令促使处理器实现上述软件界面配色方法。
[0008]本专利技术实施例带来了以下有益效果：
[0009]本专利技术提供的一种软件界面配色方法、装置和电子设备，首先获取目标配色图片和预设的软件分层数据，该软件分层数据包括：目标软件界面被划分的至少一个层级；进而对目标配色图片进行颜色提取，得到多个目标颜色；然后基于多个目标颜色，对软件分层数据中的层级进行颜色赋予，得到配色后的目标软件界面。该方式将软件界面划分为多个层
级，可自动对每个层级进行单独配色，且采用配色图片中的主要颜色进行界面配色，可使得软件界面配色更加均匀，且该方式能快速生成软件界面的配色方案，并在配色方案改动时，无需开发工程师逐个手动界面内容的颜色，可自动更改软件界面中的配色，从而提高了软件研发效率。
[0010]本专利技术的其他特征和优点将在随后的说明书中阐述，或者，部分特征和优点可以从说明书推知或毫无疑义地确定，或者通过实施本专利技术的上述技术即可得知。
[0011]为使本专利技术的上述目的、特征和优点能更明显易懂，下文特举较佳实施方式，并配合所附附图，作详细说明如下。
附图说明
[0012]为了更清楚地说明本专利技术具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0013]图1为本专利技术实施例提供的一种软件界面配色方法的流程图；
[0014]图2为本专利技术实施例提供的另一种软件界面配色方法的流程图；
[0015]图3为本专利技术实施例提供的一种软件界面配色装置的结构示意图；
[0016]图4为本专利技术实施例提供的一种电子设备的结构示意图。
具体实施方式
[0017]为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。
[0018]因此，以下对在附图中提供的本专利技术的实施例的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0019]在软件设计上，良好的界面色彩搭配可以给受众带来更好的用户体验，而界面色彩搭配关键在于界面配色。在设计学科中最为有效和常见的配色途经是将自然色彩和人工色彩进行分解、归纳并重新组合创造，即对色彩进行分析、采集、概括、重构的过程，其方法一是可以分析源图像色彩组成的色性和色彩构成形式，以确保源图像的主要色彩关系及其色块的面积配比，进而保持其源图像的主要色调、精神特征和整体风格；另一方面，通过打散源图像色彩的组织构成，根据目标图形的造型特征重新组织色彩从而构成新的形象和新的色彩形式，可以产生强烈的视觉冲击。但无论哪种在软件开发时都需要经过大量尝试，不断调整色彩搭配等，要消耗大量的时间。
[0020]相关技术中提供的界面配色方法，通常需要UI设计师设计软件界面布局和配色方案，然后将软件界面布局和配色方案交给开发工程师进行软件开发，开发工程师开发时按照软件设计图的配色进行取色，再把取色得到的具体颜色数值填写到软件界面对应的控件
的样式颜色设定中，从而实现对软件界面的配色。但是，当软件设计稿更改配色方案时，开发工程师需要再次逐个控件修改样式颜色等，增加了开发工程师的工作负担，且软件想要快速响应更新比较耗时，增加了软件开发时间。
[0021]基于上述问题，本专利技术实施例提供了一种软件界面配色方法、装置和电子设备，该技术可以应用于软件开发场景中，尤其是生成软件配色的场景中。
[0022]为了便于对本专利技术实施例进行理解，首先对本专利技术实施例公开的一种软件界面配色方法，如图1所示，该方法具体包括如下步骤：
[0023]步骤S102，获取目标配色图片和预设的软件分层数据；其中，软件分层数据包括：目标软件界面被划分的至少一个层级。
[0024]上述目标配色图片可以是用户根据需求任意选择的一张拥有良好色彩搭配的图片，也可以是用户指定的一个彩色图片等。上述软件分层数据是预设设置好的，该软件分层数据中包括目标软件界面被划分后的一个或者多个层级，该目标软件界面被划分后的层级的数量可以根据划分规则确定，该划分规则可以根据研发需求任意设定，具体地，该划分规则可以是根据目标软件界面整体结构的组成类别进行划分，也可以是根据目标软件界面整体结构中不同结构所属的区域进行划分，还可以是根据目标软件界面整体结构的功能进行本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种软件界面配色方法，其特征在于，所述方法包括：获取目标配色图片和预设的软件分层数据；其中，所述软件分层数据包括：目标软件界面被划分的至少一个层级；对所述目标配色图片进行颜色提取，得到多个目标颜色；基于所述多个目标颜色，对所述软件分层数据中的层级进行颜色赋予，得到配色后的目标软件界面。2.根据权利要求1所述的方法，其特征在于，所述软件分层数据通过下述方式确定：按照预设分类规则，对所述目标软件界面的整体结构进行分类，得到所述目标软件界面对应的多个层级；其中，所述多个层级包括：主窗体层、容器层、控件层和文字层；所述文字层的级数大于所述多个层级中的除所述文字层之外的其他层级。3.根据权利要求1所述的方法，其特征在于，所述对所述目标配色图片进行颜色提取，得到多个目标颜色的步骤，包括：提取所述目标配色图片的多个主色调；基于所述多个主色调，确定多个所述目标颜色；其中，所述目标颜色的数量，大于或者等于所述软件分层数据所包含的层级的数量。4.根据权利要求3所述的方法，其特征在于，所述提取所述目标配色图片的多个主色调的步骤，包括：将所述目标配色图片的颜色空间转换为RGB空间；针对所述目标配色图片所包含的每个RGB颜色，确定当前RGB颜色在所述RGB空间中出现的频次；根据每个所述RGB颜色在所述RGB空间中出现的频次，对所述RGB颜色进行降序排序，得到排序结果；将所述排序结果中排序靠前的指定数量的RGB颜色，确定为所述目标配色图片的多个主色调；其中，所述指定数量大于或者等于所述软件分层数据所包含的层级的数量。5.根据权利要求4所述的方法，其特征在于，所述基于所述多个主色调，确定多个所述目标颜色的步骤，包括：将所述多个主色调中的每个主色调，确定为所述目标颜色；或者，对所...
【专利技术属性】
技术研发人员：谷统伟，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。