CN114253540A - 一种图像自动生成配色方法及*** - Google Patents
一种图像自动生成配色方法及*** Download PDFInfo
- Publication number
- CN114253540A CN114253540A CN202111597690.XA CN202111597690A CN114253540A CN 114253540 A CN114253540 A CN 114253540A CN 202111597690 A CN202111597690 A CN 202111597690A CN 114253540 A CN114253540 A CN 114253540A
- Authority
- CN
- China
- Prior art keywords
- color
- original color
- saturation
- original
- lightness
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Facsimile Image Signal Circuits (AREA)
- Image Processing (AREA)
- Color Image Communication Systems (AREA)
Abstract
本发明公开了配色领域的一种图像自动生成配色方法及***,建立用户交互界面的UI组件库;将UI组件库设置为全局变量模式;解析目标图像,吸取目标图像在设定色相范围内的原始颜色,得到原始颜色组;调整原始颜色组中各原始颜色的明度值和饱和度,得到对应的分配颜色组;将分配颜色组中的各颜色设置为UI组件库的全局变量,得到多种用户交互界面配色方案;本发明通过对目标图像进行处理分析,获取多种优化的配色方案,提高了用户交互界面设计效率,降低了相似主题用户交互界面的设计成本。
Description
技术领域
本发明属于配色领域,具体涉及一种图像自动生成配色方法及***。
背景技术
目前前端开发是创建并呈现给用户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。
优选的,原始颜色组根据原始颜色在所述目标图像的像素占比,由高到低对原始颜色进行排序。
优选的,调整原始颜色组中各原始颜色的明度值和饱和度后,将删除重复颜色,得到对应的分配颜色组。
本发明另一方面提供了一种图像自动生成配色***,包括:
搭建模块,建立用户交互界面的UI组件库;将UI组件库设置为全局变量模式;
颜色获取模块,解析目标图像,吸取目标图像在设定色相范围内的原始颜色,得到原始颜色组;
颜色调整模块,调整原始颜色组中各原始颜色的明度值和饱和度,得到对应的分配颜色组;
配色模块,将分配颜色组中的各颜色设置为UI组件库的全局变量,得到多种用户交互界面配色方案。
与现有技术相比,本发明所达到的有益效果:
本发明中解析目标图像,吸取目标图像在设定色相范围内的原始颜色,得到原始颜色组;调整原始颜色组中各原始颜色的明度值和饱和度,得到对应的分配颜色组;将分配颜色组中的各颜色设置为UI组件库的全局变量,得到多种用户交互界面配色方案;通过对目标图像进行处理分析,获取多种优化的配色方案,提高了用户交互界面设计效率,降低了相似主题用户交互界面的设计成本。
附图说明
图1为本发明提供的一种图像自动生成配色方法的流程图。
具体实施方式
下面结合附图对本发明作进一步描述。以下实施例仅用于更加清楚地说明本发明的技术方案,而不能以此来限制本发明的保护范围。
实施例一
如图1所示,一种图像自动生成配色方法,包括:
建立用户交互界面的UI组件库;将UI组件库设置为全局变量模式;
解析目标图像,吸取目标图像在设定色相范围内的原始颜色,得到原始颜色组;
调整原始颜色组中各原始颜色的明度值和饱和度,得到对应的分配颜色组;
调整原始颜色组中各原始颜色的明度值的过程,包括:
当原始颜色的明度值L0大于设定的最大明度阈值L1max时,将原始颜色的明度值L0设置为最大明度阈值L1max;
当原始颜色的明度值L0小于设定的最小明度阈值L1min时,将原始颜色的明度值L0设置为最小明度阈值L1min;
当最小明度阈值L1min≦明度值L0≦最大明度阈值L1max时,保留原始颜色的明度值L0;其中,0≦最小明度阈值L1min≦最大明度阈值L1max≦1。
调整原始颜色组中各原始颜色的饱和度的过程,包括:
当原始颜色的饱和度S0大于设定的最大饱和度阈值S1max时,将原始颜色的饱和度S0设置为最大饱和度阈值S1max;
当原始颜色的饱和度S0小于设定的最小饱和度阈值S1min时,将原始颜色的饱和度S0设置为最小饱和度阈值S1min;
当最小饱和度阈值S1min≦饱和度S0≦最大饱和度阈值S1max时,保留原始颜色的饱和度S0;其中,0≦最小饱和度阈值S1min≦最大饱和度阈值S1max≦1。
调整原始颜色组中各原始颜色的明度值和饱和度后,将删除重复颜色,保留原始颜色组中个颜色的排列顺序,得到对应的分配颜色组,目的在于保留目标图像的带给人的色调视觉印象。
将分配颜色组中的各颜色设置为UI组件库的全局变量,得到多种用户交互界面配色方案;经过处理后分配颜色组的颜色依据前所述交互界面中的变量设置方法应用到全局中,从而通过一张目标图像得到多种用户交互界面配色方案。将UI组件库中各颜色的样式参数变量设置为固定值,或者,建立颜色参数变量计算模型,用于计算UI组件库中各颜色的参数变量,实现全局变量统一。
实施例二
一种图像自动生成配色***,包括:
UI组件库,UI组件库设置为全局变量模式;
颜色获取模块,解析目标图像,吸取目标图像在设定色相范围内的原始颜色,得到原始颜色组;
颜色调整模块,调整原始颜色组中各原始颜色的明度值和饱和度,得到对应的分配颜色组;
配色模块,将分配颜色组中的各颜色设置为UI组件库的全局变量,得到多种用户交互界面配色方案。
本领域内的技术人员应明白,本申请的实施例可提供为方法、***、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明技术原理的前提下,还可以做出若干改进和变形,这些改进和变形也应视为本发明的保护范围。
Claims (8)
1.一种图像自动生成配色方法,其特征在于,包括:
建立用户交互界面的UI组件库;将UI组件库设置为全局变量模式;
解析目标图像,吸取目标图像在设定色相范围内的原始颜色,得到原始颜色组;
调整原始颜色组中各原始颜色的明度值和饱和度,得到对应的分配颜色组;
将分配颜色组中的各颜色设置为UI组件库的全局变量,得到多种用户交互界面配色方案。
2.根据权利要求1所述的一种图像自动生成配色方法,其特征在于,将UI组件库中各颜色的样式参数变量设置为固定值。
3.根据权利要求1所述的一种图像自动生成配色方法,其特征在于,建立颜色参数变量计算模型,用于计算UI组件库中各颜色的参数变量。
4.根据权利要求1所述的一种图像自动生成配色方法,其特征在于,调整原始颜色组中各原始颜色的明度值的过程,包括:
当原始颜色的明度值L0大于设定的最大明度阈值L1max时,将原始颜色的明度值L0设置为最大明度阈值L1max;
当原始颜色的明度值L0小于设定的最小明度阈值L1min时,将原始颜色的明度值L0设置为最小明度阈值L1min;
当最小明度阈值L1min≦明度值L0≦最大明度阈值L1max时,保留原始颜色的明度值L0。
5.根据权利要求1所述的一种图像自动生成配色方法,其特征在于,调整原始颜色组中各原始颜色的饱和度的过程,包括:
当原始颜色的饱和度S0大于设定的最大饱和度阈值S1max时,将原始颜色的饱和度S0设置为最大饱和度阈值S1max;
当原始颜色的饱和度S0小于设定的最小饱和度阈值S1min时,将原始颜色的饱和度S0设置为最小饱和度阈值S1min;
当最小饱和度阈值S1min≦饱和度S0≦最大饱和度阈值S1max时,保留原始颜色的饱和度S0。
6.根据权利要求1所述的一种图像自动生成配色方法,其特征在于,原始颜色组根据原始颜色在所述目标图像的像素占比,由高到低对原始颜色进行排序。
7.根据权利要求1或6所述的一种图像自动生成配色方法,其特征在于,调整原始颜色组中各原始颜色的明度值和饱和度后,将删除重复颜色,得到对应的分配颜色组。
8.一种图像自动生成配色***,其特征在于,包括:
搭建模块,建立用户交互界面的UI组件库;将UI组件库设置为全局变量模式;
颜色获取模块,解析目标图像,吸取目标图像在设定色相范围内的原始颜色,得到原始颜色组;
颜色调整模块,调整原始颜色组中各原始颜色的明度值和饱和度,得到对应的分配颜色组;
配色模块,将分配颜色组中的各颜色设置为UI组件库的全局变量,得到多种用户交互界面配色方案。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111597690.XA CN114253540A (zh) | 2021-12-24 | 2021-12-24 | 一种图像自动生成配色方法及*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111597690.XA CN114253540A (zh) | 2021-12-24 | 2021-12-24 | 一种图像自动生成配色方法及*** |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114253540A true CN114253540A (zh) | 2022-03-29 |
Family
ID=80794903
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111597690.XA Pending CN114253540A (zh) | 2021-12-24 | 2021-12-24 | 一种图像自动生成配色方法及*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114253540A (zh) |
-
2021
- 2021-12-24 CN CN202111597690.XA patent/CN114253540A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111031346B (zh) | 一种增强视频画质的方法和装置 | |
US7684096B2 (en) | Automatic color correction for sequences of images | |
CN111080780B (zh) | 虚拟角色模型的边缘处理方法和装置 | |
CN104951495B (zh) | 用于管理代表性视频图像的设备和方法 | |
CN110287949A (zh) | 视频片段提取方法、装置、设备及存储介质 | |
US20200210770A1 (en) | Image realism predictor | |
CN106873959B (zh) | 一种软件界面配色方法及装置 | |
CN109658330A (zh) | 一种发色调整方法及装置 | |
CN113011337B (zh) | 一种基于深度元学习的汉字字库生成方法及*** | |
CN110727969B (zh) | 工作流自动调整方法、装置、设备及存储介质 | |
CN116863058B (zh) | 一种基于gpu的视频数据处理*** | |
CN114255187A (zh) | 基于大数据平台的多层次多级图像优化方法及*** | |
CN111583378A (zh) | 一种虚拟资产处理的方法及装置、电子设备、存储介质 | |
CN114511475A (zh) | 一种基于改进Cycle GAN的图像生成方法 | |
CN114253540A (zh) | 一种图像自动生成配色方法及*** | |
CN109640148A (zh) | 一种通过文本框展示文本内容的方法及装置 | |
CN112488114A (zh) | 一种图片合成方法及装置、文字识别*** | |
CN110674628A (zh) | 文件模板生成方法及*** | |
CN116681613A (zh) | 人脸关键点检测的仿光照增强方法、装置、介质及设备 | |
CN106775741B (zh) | 图标生成方法及装置 | |
CN115063800A (zh) | 文本识别方法和电子设备 | |
KR102215607B1 (ko) | 어두운 이미지의 밝기를 개선하기 위한 보정 처리가 가능한 전자 장치 및 그 동작 방법 | |
CN113076539A (zh) | 一种基于大数据的计算机安全防护*** | |
CN115496843A (zh) | 一种基于gan的局部写实感漫画风格迁移***及方法 | |
KR102681587B1 (ko) | 한국 산수화 자동 생성을 위한 장치 및 그 제어방법 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |