[发明专利]一种图像自动生成配色方法及系统

说明书

本发明公开了配色领域的一种图像自动生成配色方法及系统，建立用户交互界面的UI组件库；将UI组件库设置为全局变量模式；解析目标图像，吸取目标图像在设定色相范围内的原始颜色，得到原始颜色组；调整原始颜色组中各原始颜色的明度值和饱和度，得到对应的分配颜色组；将分配颜色组中的各颜色设置为UI组件库的全局变量，得到多种用户交互界面配色方案；本发明通过对目标图像进行处理分析，获取多种优化的配色方案，提高了用户交互界面设计效率，降低了相似主题用户交互界面的设计成本。

技术领域

本发明属于配色领域，具体涉及一种图像自动生成配色方法及系统。

背景技术

目前前端开发是创建并呈现给用户WEB页面或APP等前端界面的过程，而且实现这一过程的技术手段主要是HTML，CSS及JavaScript，以及衍生出来的各种技术、框架、解决方案，从而呈现互联网产品用户交互界面。在此过程中又包括客户、用户、产品特性、界面或视觉设计师配色能力与偏好等因素都对如何选择界面的主色调起到一定作用，开发过程通常会经过多次更改，更改过程的反复无疑降低了开发效率。进行界面设计的软件和平台提供的配色模式和方案单一，缺少利用图像解析方法提供设计方案的软件和平台。

而且在互联网产品投放过程中通常会对界面配色提出不同的需求，例如，产品投放不同的平台需要不同的配色，不同的节日需要不同的配色，产品维护成本较高。

发明内容

本发明的目的在于提供一种图像自动生成配色方法及系统，从现有图像中获取优化的配色方案，降低互联网界面的设计成本。

为达到上述目的，本发明所采用的技术方案是：

本发明一方面提供了一种图像自动生成配色方法，包括：

建立用户交互界面的UI组件库；将UI组件库设置为全局变量模式；

解析目标图像，吸取目标图像在设定色相范围内的原始颜色，得到原始颜色组；

调整原始颜色组中各原始颜色的明度值和饱和度，得到对应的分配颜色组；

将分配颜色组中的各颜色设置为UI组件库的全局变量，得到多种用户交互界面配色方案。

优选的，将UI组件库中各颜色的样式参数变量设置为固定值。

优选的，建立颜色参数变量计算模型，用于计算UI组件库中各颜色的参数变量。

优选的，调整原始颜色组中各原始颜色的明度值的过程，包括：

当原始颜色的明度值L0大于设定的最大明度阈值L1max时，将原始颜色的明度值L0设置为最大明度阈值L1max；

当原始颜色的明度值L0小于设定的最小明度阈值L1min时，将原始颜色的明度值L0设置为最小明度阈值L1min；

当最小明度阈值L1min≦明度值L0≦最大明度阈值L1max时，保留原始颜色的明度值L0。

优选的，调整原始颜色组中各原始颜色的饱和度的过程，包括：

当原始颜色的饱和度S0大于设定的最大饱和度阈值S1max时，将原始颜色的饱和度S0设置为最大饱和度阈值S1max；

当原始颜色的饱和度S0小于设定的最小饱和度阈值S1min时，将原始颜色的饱和度S0设置为最小饱和度阈值S1min；

当最小饱和度阈值S1min≦饱和度S0≦最大饱和度阈值S1max时，保留原始颜色的饱和度S0。

优选的，原始颜色组根据原始颜色在所述目标图像的像素占比，由高到低对原始颜色进行排序。

优选的，调整原始颜色组中各原始颜色的明度值和饱和度后，将删除重复颜色，得到对应的分配颜色组。