CN113961854A - 页面着色方法及装置以及计算机可读存储介质 - Google Patents
页面着色方法及装置以及计算机可读存储介质 Download PDFInfo
- Publication number
- CN113961854A CN113961854A CN202111072465.4A CN202111072465A CN113961854A CN 113961854 A CN113961854 A CN 113961854A CN 202111072465 A CN202111072465 A CN 202111072465A CN 113961854 A CN113961854 A CN 113961854A
- Authority
- CN
- China
- Prior art keywords
- color
- layer
- background
- elements
- foreground
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Color Image Communication Systems (AREA)
- Processing Or Creating Images (AREA)
Abstract
本公开涉及一种页面着色方法及装置以及计算机可读存储介质。所述页面着色方法包括:获取页面的配色方案;获取所述页面的前景图层和背景图层的分层信息;根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色。本公开的方案可以通过各种配色方案对页面图层进行自动着色,并且能够实现色彩搭配的多样性、简化了人工设计操作,提升了设计效率和设计质量。
Description
技术领域
本公开一般地涉及计算机技术领域。更具体地,本公开涉及页面着色方法及装置以及计算机可读存储介质。
背景技术
目前,随着互联网的广泛应用,针对网页的平面设计越来越复杂。在进行网页的平面设计时,对页面的着色取决于设计人员的直观经验,由设计人员进行颜色搭配并上色。因此页面颜色搭配受限以致设计质量不高,并且设计人员人为选色搭配进行设计使得页面设计效率低。
因此如何获得一种高效的页面自动着色方法为现有技术中需要解决的问题。
发明内容
为了至少部分地解决背景技术中提到的技术问题,本公开的方案提供了一种页面着色方法及装置以及计算机可读存储介质。
根据本公开的第一方面,本公开提供一种页面着色方法,其中,所述方法包括:获取页面的配色方案;获取所述页面的前景图层和背景图层的分层信息;根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色。
可选的,所述配色方案包括多种颜色,所述分层信息包括所述前景图层和所述背景图层的层数以及每层前景图层和每层背景图层所包含的元素信息,所述元素信息包括元素数量。
可选的,所述根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色包括:针对每层背景图层,根据所述背景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,根据所述第一预选颜色与已使用颜色之间的对比度来确定背景待使用颜色,并利用所述背景待使用颜色对所述背景图层进行着色;针对每层前景图层,根据所述前景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第二预选颜色,根据所述第二预选颜色与已使用颜色之间的对比度来确定前景待使用颜色,并利用所述前景待使用颜色对所述前景图层进行着色。
可选的,针对每层背景图层,根据所述背景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,根据所述第一预选颜色与已使用颜色之间的对比度来确定背景待使用颜色,并利用所述背景待使用颜色对所述背景图层进行着色包括:针对当前待着色背景图层,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,所述第一预选颜色的数量小于或等于所述当前待着色背景图层的元素数量;当所有第一预选颜色与已使用颜色之间的对比度小于或等于第一预设阈值时,重新执行以上步骤,当至少一个第一预选颜色与已使用颜色之间的对比度大于第一预设阈值时,将所述至少一个第一预选颜色作为背景待使用颜色;对所述背景待使用颜色进行处理,以根据预设比例降低所述背景待使用颜色的明度和/或饱和度;根据所述当前待着色背景图层的元素数量利用处理后的背景待使用颜色为当前待着色背景图层进行着色。
可选的,所述根据所述当前待着色背景图层的元素数量利用处理后的背景待使用颜色为当前待着色背景图层进行着色包括:当处理后的背景待使用颜色的数量小于所述当前待着色背景图层的元素数量时,将所述处理后的背景待使用颜色与元素随机配对来对元素进行着色,并且在处理后的背景待使用颜色中随机选取一种颜色对剩余未配对的元素进行着色;当处理后的背景待使用颜色的数量等于所述当前待着色背景图层的元素数量时,将所述处理后的背景待使用颜色与元素随机配对来对元素进行着色。
可选的,针对每层前景图层,根据所述前景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第二预选颜色,根据所述第二预选颜色与已使用颜色之间的对比度来确定前景待使用颜色,并利用所述前景待使用颜色对所述前景图层进行着色包括:针对当前待着色前景图层,在所述配色方案中任选至少一种颜色作为第二预选颜色,所述第二预选颜色的数量小于或等于所述当前待着色前景图层的元素数量;当所有第二预选颜色与已使用颜色之间的对比度小于或等于第二预设阈值时,重新执行以上步骤,当至少一个第二预选颜色与已使用颜色之间的对比度大于第二预设阈值时,将所述至少一个第二预选颜色作为前景待使用颜色;根据所述当前待着色前景图层的元素数量利用所述前景待使用颜色为所述当前待着色前景图层进行着色。
可选的,所述根据所述当前待着色前景图层的元素数量利用所述前景待使用颜色为所述当前待着色前景图层进行着色包括:当所述前景待使用颜色的数量小于所述当前待着色前景图层的元素数量时,将所述前景待使用颜色与元素随机配对来对元素进行着色,并且在前景待使用颜色中随机选取一种颜色对剩余未配对的元素进行着色;当所述前景待使用颜色的数量等于所述当前待着色前景图层的元素数量时,将所述前景待使用颜色与元素随机配对来对元素进行着色
根据本公开的第二方面,本公开提供一种页面着色装置,其中,所述装置包括:第一获取模块,其配置为用于获取页面的配色方案;第二获取模块,其配置为用于获取所述页面的前景图层和背景图层的分层信息;着色模块,其配置为用于根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色。
可选的,所述配色方案包括多种颜色,所述分层信息包括所述前景图层和所述背景图层的层数以及每层前景图层和每层背景图层所包含的元素信息,所述元素信息包括元素数量。
可选的,所述着色模块用于采取如下方式根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色:针对每层背景图层,根据所述背景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,根据所述第一预选颜色与已使用颜色之间的对比度来确定背景待使用颜色,并利用所述背景待使用颜色对所述背景图层进行着色;针对每层前景图层,根据所述前景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第二预选颜色,根据所述第二预选颜色与已使用颜色之间的对比度来确定前景待使用颜色,并利用所述前景待使用颜色对所述前景图层进行着色。
可选的,所述着色模块用于采取如下方式针对每层背景图层,根据所述背景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,根据所述第一预选颜色与已使用颜色之间的对比度来确定背景待使用颜色,并利用所述背景待使用颜色对所述背景图层进行着色:针对当前待着色背景图层,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,所述第一预选颜色的数量小于或等于所述当前待着色背景图层的元素数量;当所有第一预选颜色与已使用颜色之间的对比度小于或等于第一预设阈值时,重新执行以上步骤,当至少一个第一预选颜色与已使用颜色之间的对比度大于第一预设阈值时,将所述至少一个第一预选颜色作为背景待使用颜色;对所述背景待使用颜色进行处理,以根据预设比例降低所述背景待使用颜色的明度和/或饱和度;根据所述当前待着色背景图层的元素数量利用处理后的背景待使用颜色为当前待着色背景图层进行着色。
可选的,所述着色模块用于采取如下方式根据所述当前待着色背景图层的元素数量利用处理后的背景待使用颜色为当前待着色背景图层进行着色:当处理后的背景待使用颜色的数量小于所述当前待着色背景图层的元素数量时,将所述处理后的背景待使用颜色与元素随机配对来对元素进行着色,并且在处理后的背景待使用颜色中随机选取一种颜色对剩余未配对的元素进行着色;当处理后的背景待使用颜色的数量等于所述当前待着色背景图层的元素数量时,将所述处理后的背景待使用颜色与元素随机配对来对元素进行着色。
可选的,所述着色模块用于采取如下方式针对每层前景图层,根据所述前景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第二预选颜色,根据所述第二预选颜色与已使用颜色之间的对比度来确定前景待使用颜色,并利用所述前景待使用颜色对所述前景图层进行着色:针对当前待着色前景图层,在所述配色方案中任选至少一种颜色作为第二预选颜色,所述第二预选颜色的数量小于或等于所述当前待着色前景图层的元素数量;当所有第二预选颜色与已使用颜色之间的对比度小于或等于第二预设阈值时,重新执行以上步骤,当至少一个第二预选颜色与已使用颜色之间的对比度大于第二预设阈值时,将所述至少一个第二预选颜色作为前景待使用颜色;根据所述当前待着色前景图层的元素数量利用所述前景待使用颜色为所述当前待着色前景图层进行着色。
可选的,所述着色模块用于采取如下方式根据所述当前待着色前景图层的元素数量利用所述前景待使用颜色为所述当前待着色前景图层进行着色:当所述前景待使用颜色的数量小于所述当前待着色前景图层的元素数量时,将所述前景待使用颜色与元素随机配对来对元素进行着色,并且在前景待使用颜色中随机选取一种颜色对剩余未配对的元素进行着色;当所述前景待使用颜色的数量等于所述当前待着色前景图层的元素数量时,将所述前景待使用颜色与元素随机配对来对元素进行着色
根据本公开的第三方面,本公开提供一种页面着色装置,其中,所述装置包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器执行所述计算机程序时,实现上述本公开的第一方面的方法。
根据本公开的第四方面,本公开提供一种计算机可读存储介质,其中,所述存储介质存储有计算机程序,所述计算机程序被执行时,实现上述本公开的第一方面的方法。
通过本公开的页面着色方法和装置,可以通过各种配色方案对页面图层进行自动着色,并且能够实现色彩搭配的多样性、简化了人工设计操作,提升了设计效率和设计质量。
附图说明
通过参考附图阅读下文的详细描述,本公开示例性实施方式的上述以及其他目的、特征和优点将变得易于理解。在附图中,以示例性而非限制性的方式示出了本公开的若干实施方式,并且相同或对应的标号表示相同或对应的部分其中:
图1是示出根据本公开的一个实施例的页面着色方法的流程图;
图2是示出根据本公开的一个实施例的页面着色装置的示意性框图。
具体实施方式
下面将结合本公开实施例中的附图,对本公开实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本公开一部分实施例,而不是全部的实施例。基于本公开中的实施例,本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
下面结合附图来详细描述本公开的具体实施方式。
本公开提供一种页面着色方法。参照图1,图1是示出根据本公开的一个实施例的页面着色方法的流程图。如图1中所示,所述方法包括以下步骤S101-S103。步骤S101:获取页面的配色方案。步骤S102:获取所述页面的前景图层和背景图层的分层信息。步骤S103:根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色。
通过本公开的页面着色方法和装置,可以通过各种配色方案对平面设计等应用中的页面图层进行自动着色,并且能够实现色彩搭配的多样性、简化了人工设计操作,提升了设计效率和设计质量。
在步骤S101中,可以获取页面的配色方案。
根据本公开的实施例,所述配色方案包括多种颜色。在对页面进行着色之前,应先获取用于着色的配色方案,即可用于着色的多种颜色。该配色方案可以是针对待设计页面专门提供的配色方案,也可以是任意配色方案。在实际应用中,页面设计人员可以随机调取任意配色方案或专用配色方案,该专用配色方案可以是事先准备好的适用于待设计页面所属类别的配色方案,该类别可以是指不同领域(汽车、家电等)、不同场景(室内、草原、广场等)等,该专用配色方案还可以是事先准备好的在特殊情景下应用的配色方案,该特殊情景例如可以是指特殊的纪念日等。由此,使用任意配色方案进行着色,可以通过反复执行本公开的方法获得更多的着色方案以供选择,使用专用配色方案进行着色可以更容易获得期望的着色方案。值得注意的是,所述配色方案应包括足够多的颜色,以满足页面需求。
在步骤S102中,可以获取所述页面的前景图层和背景图层的分层信息。
根据本公开的实施例,为了使得页面产生更好的视觉感受,可以对页面分层着色,尤其前景图层和背景图层都进行分层着色,因此需要获取对应的分层信息。所述分层信息可以包括所述前景图层和所述背景图层的层数以及每层前景图层和每层背景图层所包含的元素信息,所述元素信息包括元素数量。所述元素信息还可以包括元素的类别,所述元素可以包括不同类别的元素,例如标题、文字、空白等任何页面使用的可着色的元素。该分层信息可以根据需要事先人为直接确定而获得,也可以利用任何适用的分层信息自动提取方法来提取。
在步骤S103中,可以根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色。
根据本公开的实施例,在获取配色方案以及页面的前景图层和背景图层的分层信息之后,可以对每层前景图层和每层背景图层进行着色,每次着色仅针对一层图层进行,即仅针对前景图层的一层或背景图层一层进行。当然,可以按照从下向上(从底到顶)的顺序对全部图层进行着色,也可以按照其它顺序进行着色。
具体地,所述根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色可以包括:针对每层背景图层,根据所述背景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,根据所述第一预选颜色与已使用颜色之间的对比度来确定背景待使用颜色,并利用所述背景待使用颜色对所述背景图层进行着色;针对每层前景图层,根据所述前景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第二预选颜色,根据所述第二预选颜色与已使用颜色之间的对比度来确定前景待使用颜色,并利用所述前景待使用颜色对所述前景图层进行着色。
根据该实施例,可以在考虑前景图层和背景图层的情况下分开对前景图层和背景图层进行着色。
以下将具体描述分开着色的情况下对背景图层的着色。
针对每层背景图层,根据所述背景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,根据所述第一预选颜色与已使用颜色之间的对比度来确定背景待使用颜色,并利用所述背景待使用颜色对所述背景图层进行着色可以包括:针对当前待着色背景图层,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,所述第一预选颜色的数量小于或等于所述当前待着色背景图层的元素数量;当所有第一预选颜色与已使用颜色之间的对比度小于或等于第一预设阈值时,重新执行以上步骤,当至少一个第一预选颜色与已使用颜色之间的对比度大于第一预设阈值时,将所述至少一个第一预选颜色作为背景待使用颜色;对所述背景待使用颜色进行处理,以根据预设比例降低所述背景待使用颜色的明度和/或饱和度;根据所述当前待着色背景图层的元素数量利用处理后的背景待使用颜色为当前待着色背景图层进行着色。
根据该实施例,在对当前一层待着色背景图层进行着色时,首先要在配色方案中随机选取至少一种颜色,该颜色不能是已着色前景图层和背景图层中使用过的颜色以便页面图层的色彩多样性和区分,并且随机选取的颜色数量不能大于该图层的元素数量以便将选取的颜色全部利用而不造成无用的操作,将选取的颜色与之前使用过的颜色进行对比度的对比以便更好地区分不同层的着色,如果选取的颜色没有一个符合对比度要求,则重新随机选取颜色,如果有符合对比度要求的颜色,则先将该颜色的明度和/或饱和度降低预设比例,而后对当前图层进行着色。其中,第一预设阈值可以是根据需要人为设定的阈值,并且该第一预设阈值可以被调整,预设比例可以是根据需要人为设定的比例,并且该预设比例可以被调整。此外,降低颜色的明度和/或饱和度是为了前景图层和背景图层更好的融合。
此外,由于处理后的背景待使用颜色的数量与当前待着色背景图层的元素数量之间可能存在不同的关系,因此所述根据所述当前待着色背景图层的元素数量利用处理后的背景待使用颜色为当前待着色背景图层进行着色可以包括:当处理后的背景待使用颜色的数量小于所述当前待着色背景图层的元素数量时,将所述处理后的背景待使用颜色与元素随机配对来对元素进行着色,并且在处理后的背景待使用颜色中随机选取一种颜色对剩余未配对的元素进行着色;当处理后的背景待使用颜色的数量等于所述当前待着色背景图层的元素数量时,将所述处理后的背景待使用颜色与元素随机配对来对元素进行着色。
根据本公开的实施例,可以用到所有处理后的背景待使用颜色,使得图层着色具有多样性。举例来说,当处理后的背景待使用颜色的数量为3,并且当前待着色背景图层的元素数量为5时,3个处理后的背景待使用颜色随机与3个不同的元素配对以便分别对配对的元素进行着色,然后在3个处理后的背景待使用颜色中随机选取一种颜色对剩余的2个元素进行着色。当处理后的背景待使用颜色的数量为3,并且当前待着色背景图层的元素数量为3时,3个处理后的背景待使用颜色随机与3个不同的元素配对以便分别对配对的元素进行着色。
以下将具体描述分开着色的情况下对前景图层的着色。
针对每层前景图层,根据所述前景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第二预选颜色,根据所述第二预选颜色与已使用颜色之间的对比度来确定前景待使用颜色,并利用所述前景待使用颜色对所述前景图层进行着色包括:针对当前待着色前景图层,在所述配色方案中任选至少一种颜色作为第二预选颜色,所述第二预选颜色的数量小于或等于所述当前待着色前景图层的元素数量;当所有第二预选颜色与已使用颜色之间的对比度小于或等于第二预设阈值时,重新执行以上步骤,当至少一个第二预选颜色与已使用颜色之间的对比度大于第二预设阈值时,将所述至少一个第二预选颜色作为前景待使用颜色;根据所述当前待着色前景图层的元素数量利用所述前景待使用颜色为所述当前待着色前景图层进行着色。
根据该实施例,在对当前一层待着色前景图层进行着色时,首先要在配色方案中随机选取至少一种颜色,该颜色不能是已着色前景图层和背景图层中使用过的颜色以便页面图层的色彩多样性和区分,并且随机选取的颜色数量不能大于该图层的元素数量以便将选取的颜色全部利用而不造成无用的操作,将选取的颜色与之前使用过的颜色进行对比度的对比以便更好地区分不同层的着色,如果选取的颜色没有一个符合对比度要求,则重新随机选取颜色,如果有符合对比度要求的颜色,则对当前图层进行着色。其中,第二预设阈值可以是根据需要人为设定的阈值,并且该第二预设阈值可以被调整。
此外,由于前景待使用颜色的数量与当前待着色前景图层的元素数量之间可能存在不同的关系,因此所述根据所述当前待着色前景图层的元素数量利用所述前景待使用颜色为所述当前待着色前景图层进行着色可以包括:当所述前景待使用颜色的数量小于所述当前待着色前景图层的元素数量时,将所述前景待使用颜色与元素随机配对来对元素进行着色,并且在前景待使用颜色中随机选取一种颜色对剩余未配对的元素进行着色;当所述前景待使用颜色的数量等于所述当前待着色前景图层的元素数量时,将所述前景待使用颜色与元素随机配对来对元素进行着色。
根据该实施例,根据本公开的实施例,可以用到所有前景待使用颜色,使得图层着色具有多样性。举例来说,当前景待使用颜色的数量为3,并且当前待着色前景图层的元素数量为5时,3个处理后的前景待使用颜色随机与3个不同的元素配对以便分别对配对的元素进行着色,然后在3个前景待使用颜色中随机选取一种颜色对剩余的2个元素进行着色。当前景待使用颜色的数量为3,并且当前待着色前景图层的元素数量为3时,3个前景待使用颜色随机与3个不同的元素配对以便分别对配对的元素进行着色。
根据本公开的实施例,还可以将背景图层和前景图层作为一个整体,对其进行逐层着色。由此,可以采用以上分开着色的情况下对前景图层的着色的方案来对页面的全部图层(背景图层和前景图层)进行着色。
通过以上着色方法,可以在配色方案的范围内快速随机获得一种着色方案(结果),如果设计人员对该着色方案不满意,可以反复执行以上着色方法,快速获得多种着色方案,并且可以选择合适的着色方案来使用。此外,设计人员可以通过简单的操作或方法实现一次执行多次以上着色方法,获得多个着色方案,以便从中选择最优方案。
本公开还提供一种页面着色装置。该装置用于执行以上结合图1所描述的页面着色方法实施例中的步骤。
参照图2,图2是示出根据本公开的一个实施例的页面着色装置100的示意性框图。该装置100包括第一获取模块101、第二获取模块102和着色模块103。该第一获取模块101配置为用于获取页面的配色方案。该第二获取模块102配置为用于获取所述页面的前景图层和背景图层的分层信息。该着色模块103配置为用于根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色。
根据本公开的实施例,所述配色方案包括多种颜色,所述分层信息包括所述前景图层和所述背景图层的层数以及每层前景图层和每层背景图层所包含的元素信息,所述元素信息包括元素数量。
根据本公开的实施例,所述着色模块103用于采取如下方式根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色:针对每层背景图层,根据所述背景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,根据所述第一预选颜色与已使用颜色之间的对比度来确定背景待使用颜色,并利用所述背景待使用颜色对所述背景图层进行着色;针对每层前景图层,根据所述前景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第二预选颜色,根据所述第二预选颜色与已使用颜色之间的对比度来确定前景待使用颜色,并利用所述前景待使用颜色对所述前景图层进行着色。
根据本公开的实施例,所述着色模块103用于采取如下方式针对每层背景图层,根据所述背景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,根据所述第一预选颜色与已使用颜色之间的对比度来确定背景待使用颜色,并利用所述背景待使用颜色对所述背景图层进行着色:针对当前待着色背景图层,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,所述第一预选颜色的数量小于或等于所述当前待着色背景图层的元素数量;当所有第一预选颜色与已使用颜色之间的对比度小于或等于第一预设阈值时,重新执行以上步骤,当至少一个第一预选颜色与已使用颜色之间的对比度大于第一预设阈值时,将所述至少一个第一预选颜色作为背景待使用颜色;对所述背景待使用颜色进行处理,以根据预设比例降低所述背景待使用颜色的明度和/或饱和度;根据所述当前待着色背景图层的元素数量利用处理后的背景待使用颜色为当前待着色背景图层进行着色。
根据本公开的实施例,所述着色模块103用于采取如下方式根据所述当前待着色背景图层的元素数量利用处理后的背景待使用颜色为当前待着色背景图层进行着色:当处理后的背景待使用颜色的数量小于所述当前待着色背景图层的元素数量时,任选所述处理后的背景待使用颜色中的至少一个分别对多个不同元素进行着色;当处理后的背景待使用颜色的数量等于所述当前待着色背景图层的元素数量时,将所述处理后的背景待使用颜色与元素随机配对来对元素进行着色。
根据本公开的实施例,所述着色模块103用于采取如下方式针对每层前景图层,根据所述前景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第二预选颜色,根据所述第二预选颜色与已使用颜色之间的对比度来确定前景待使用颜色,并利用所述前景待使用颜色对所述前景图层进行着色:针对当前待着色前景图层,在所述配色方案中任选至少一种颜色作为第二预选颜色,所述第二预选颜色的数量小于或等于所述当前待着色前景图层的元素数量;当所有第二预选颜色与已使用颜色之间的对比度小于或等于第二预设阈值时,重新执行以上步骤,当至少一个第二预选颜色与已使用颜色之间的对比度大于第二预设阈值时,将所述至少一个第二预选颜色作为前景待使用颜色;根据所述当前待着色前景图层的元素数量利用所述前景待使用颜色为所述当前待着色前景图层进行着色。
根据本公开的实施例,所述着色模块103用于采取如下方式根据所述当前待着色前景图层的元素数量利用所述前景待使用颜色为所述当前待着色前景图层进行着色:当所述前景待使用颜色的数量小于所述当前待着色前景图层的元素数量时,使用所述背景待使用颜色中的至少一个分别对多个不同元素进行着色;当所述前景待使用颜色的数量等于所述当前待着色前景图层的元素数量时,将所述前景待使用颜色与元素随机配对来对元素进行着色。
可以理解的是,关于以上参照图2描述的实施例中的页面着色装置,其中各个模块执行操作的具体方式已经在结合图1所描述的页面着色方法的实施例中进行了详细描述,此处将不做详细阐述说明。
本公开实施例还提供一种页面着色装置,其中,所述装置包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器执行所述计算机程序时,实现如下步骤:获取页面的配色方案;获取所述页面的前景图层和背景图层的分层信息;根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色。
可以理解的是,所述处理器执行所述计算机程序时实现的步骤与上述方法中的各个步骤的实现方式基本一致,具体方式已经在有关页面着色方法的实施例中进行了详细描述,此处将不做详细阐述说明。
在另一方面中,本公开提供一种计算机可读存储介质,其中,所述存储介质存储有计算机程序,所述计算机程序被执行时,实现如下步骤:获取页面的配色方案;获取所述页面的前景图层和背景图层的分层信息;根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色。
可以理解的是,所述处理器执行所述计算机程序时实现的步骤与上述方法中的各个步骤的实现方式基本一致,具体方式已经在有关页面着色方法的实施例中进行了详细描述,此处将不做详细阐述说明。
以上对本公开实施例进行了详细介绍,本文中应用了具体个例对本公开的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本公开的方法及其核心思想;同时,对于本领域的一般技术人员,依据本公开的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本公开的限制。
应当理解,本公开的权利要求、说明书及附图中的术语“第一”和“第二”、等是用于区别不同对象,而不是用于描述特定顺序。本公开的说明书和权利要求书中使用的术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在,但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
还应当理解,在此本公开说明书中所使用的术语仅仅是出于描述特定实施例的目的,而并不意在限定本公开。如在本公开说明书和权利要求书中所使用的那样,除非上下文清楚地指明其它情况,否则单数形式的“一”、“一个”及“该”意在包括复数形式。还应当进一步理解,在本公开说明书和权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合,并且包括这些组合。
以上对本公开实施例进行了详细介绍,本文中应用了具体个例对本公开的原理及实施方式进行了阐述,以上实施例的说明仅用于帮助理解本公开的方法及其核心思想。同时,本领域技术人员依据本公开的思想,基于本公开的具体实施方式及应用范围上做出的改变或变形之处,都属于本公开保护的范围。综上所述,本说明书内容不应理解为对本公开的限制。
Claims (16)
1.一种页面着色方法,其中,所述方法包括:
获取页面的配色方案;
获取所述页面的前景图层和背景图层的分层信息;
根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色。
2.根据权利要求1所述的页面着色方法,其中,所述配色方案包括多种颜色,所述分层信息包括所述前景图层和所述背景图层的层数以及每层前景图层和每层背景图层所包含的元素信息,所述元素信息包括元素数量。
3.根据权利要求2所述的页面着色方法,其中,所述根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色包括:
针对每层背景图层,根据所述背景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,根据所述第一预选颜色与已使用颜色之间的对比度来确定背景待使用颜色,并利用所述背景待使用颜色对所述背景图层进行着色;
针对每层前景图层,根据所述前景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第二预选颜色,根据所述第二预选颜色与已使用颜色之间的对比度来确定前景待使用颜色,并利用所述前景待使用颜色对所述前景图层进行着色。
4.根据权利要求3所述的页面着色方法,其中,针对每层背景图层,根据所述背景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,根据所述第一预选颜色与已使用颜色之间的对比度来确定背景待使用颜色,并利用所述背景待使用颜色对所述背景图层进行着色包括:
针对当前待着色背景图层,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,所述第一预选颜色的数量小于或等于所述当前待着色背景图层的元素数量;
当所有第一预选颜色与已使用颜色之间的对比度小于或等于第一预设阈值时,重新执行以上步骤,当至少一个第一预选颜色与已使用颜色之间的对比度大于第一预设阈值时,将所述至少一个第一预选颜色作为背景待使用颜色;
对所述背景待使用颜色进行处理,以根据预设比例降低所述背景待使用颜色的明度和/或饱和度;
根据所述当前待着色背景图层的元素数量利用处理后的背景待使用颜色为当前待着色背景图层进行着色。
5.根据权利要求4所述的页面着色方法,其中,所述根据所述当前待着色背景图层的元素数量利用处理后的背景待使用颜色为当前待着色背景图层进行着色包括:
当处理后的背景待使用颜色的数量小于所述当前待着色背景图层的元素数量时,将所述处理后的背景待使用颜色与元素随机配对来对元素进行着色,并且在处理后的背景待使用颜色中随机选取一种颜色对剩余未配对的元素进行着色;
当处理后的背景待使用颜色的数量等于所述当前待着色背景图层的元素数量时,将所述处理后的背景待使用颜色与元素随机配对来对元素进行着色。
6.根据权利要求3所述的页面着色方法,其中,针对每层前景图层,根据所述前景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第二预选颜色,根据所述第二预选颜色与已使用颜色之间的对比度来确定前景待使用颜色,并利用所述前景待使用颜色对所述前景图层进行着色包括:
针对当前待着色前景图层,在所述配色方案中任选至少一种颜色作为第二预选颜色,所述第二预选颜色的数量小于或等于所述当前待着色前景图层的元素数量;
当所有第二预选颜色与已使用颜色之间的对比度小于或等于第二预设阈值时,重新执行以上步骤,当至少一个第二预选颜色与已使用颜色之间的对比度大于第二预设阈值时,将所述至少一个第二预选颜色作为前景待使用颜色;
根据所述当前待着色前景图层的元素数量利用所述前景待使用颜色为所述当前待着色前景图层进行着色。
7.根据权利要求6所述的页面着色方法,其中,所述根据所述当前待着色前景图层的元素数量利用所述前景待使用颜色为所述当前待着色前景图层进行着色包括:
当所述前景待使用颜色的数量小于所述当前待着色前景图层的元素数量时,将所述前景待使用颜色与元素随机配对来对元素进行着色,并且在前景待使用颜色中随机选取一种颜色对剩余未配对的元素进行着色;
当所述前景待使用颜色的数量等于所述当前待着色前景图层的元素数量时,将所述前景待使用颜色与元素随机配对来对元素进行着色。
8.一种页面着色装置,其中,所述装置包括:
第一获取模块,其配置为用于获取页面的配色方案;
第二获取模块,其配置为用于获取所述页面的前景图层和背景图层的分层信息;
着色模块,其配置为用于根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色。
9.根据权利要求8所述的页面着色装置,其中,所述配色方案包括多种颜色,所述分层信息包括所述前景图层和所述背景图层的层数以及每层前景图层和每层背景图层所包含的元素信息,所述元素信息包括元素数量。
10.根据权利要求9所述的页面着色装置,其中,所述着色模块用于采取如下方式根据所述配色方案和所述分层信息对所述页面的前景图层和背景图层进行逐层着色:
针对每层背景图层,根据所述背景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,根据所述第一预选颜色与已使用颜色之间的对比度来确定背景待使用颜色,并利用所述背景待使用颜色对所述背景图层进行着色;
针对每层前景图层,根据所述前景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第二预选颜色,根据所述第二预选颜色与已使用颜色之间的对比度来确定前景待使用颜色,并利用所述前景待使用颜色对所述前景图层进行着色。
11.根据权利要求10所述的页面着色装置,其中,所述着色模块用于采取如下方式针对每层背景图层,根据所述背景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,根据所述第一预选颜色与已使用颜色之间的对比度来确定背景待使用颜色,并利用所述背景待使用颜色对所述背景图层进行着色:
针对当前待着色背景图层,在所述配色方案中任选至少一种未使用颜色作为第一预选颜色,所述第一预选颜色的数量小于或等于所述当前待着色背景图层的元素数量;
当所有第一预选颜色与已使用颜色之间的对比度小于或等于第一预设阈值时,重新执行以上步骤,当至少一个第一预选颜色与已使用颜色之间的对比度大于第一预设阈值时,将所述至少一个第一预选颜色作为背景待使用颜色;
对所述背景待使用颜色进行处理,以根据预设比例降低所述背景待使用颜色的明度和/或饱和度;
根据所述当前待着色背景图层的元素数量利用处理后的背景待使用颜色为当前待着色背景图层进行着色。
12.根据权利要求11所述的页面着色装置,其中,所述着色模块用于采取如下方式根据所述当前待着色背景图层的元素数量利用处理后的背景待使用颜色为当前待着色背景图层进行着色:
当处理后的背景待使用颜色的数量小于所述当前待着色背景图层的元素数量时,将所述处理后的背景待使用颜色与元素随机配对来对元素进行着色,并且在处理后的背景待使用颜色中随机选取一种颜色对剩余未配对的元素进行着色;
当处理后的背景待使用颜色的数量等于所述当前待着色背景图层的元素数量时,将所述处理后的背景待使用颜色与元素随机配对来对元素进行着色。
13.根据权利要求10所述的页面着色装置,其中,所述着色模块用于采取如下方式针对每层前景图层,根据所述前景图层的元素数量,在所述配色方案中任选至少一种未使用颜色作为第二预选颜色,根据所述第二预选颜色与已使用颜色之间的对比度来确定前景待使用颜色,并利用所述前景待使用颜色对所述前景图层进行着色:
针对当前待着色前景图层,在所述配色方案中任选至少一种颜色作为第二预选颜色,所述第二预选颜色的数量小于或等于所述当前待着色前景图层的元素数量;
当所有第二预选颜色与已使用颜色之间的对比度小于或等于第二预设阈值时,重新执行以上步骤,当至少一个第二预选颜色与已使用颜色之间的对比度大于第二预设阈值时,将所述至少一个第二预选颜色作为前景待使用颜色;
根据所述当前待着色前景图层的元素数量利用所述前景待使用颜色为所述当前待着色前景图层进行着色。
14.根据权利要求13所述的页面着色装置,其中,所述着色模块用于采取如下方式根据所述当前待着色前景图层的元素数量利用所述前景待使用颜色为所述当前待着色前景图层进行着色:
当所述前景待使用颜色的数量小于所述当前待着色前景图层的元素数量时,将所述前景待使用颜色与元素随机配对来对元素进行着色,并且在前景待使用颜色中随机选取一种颜色对剩余未配对的元素进行着色;
当所述前景待使用颜色的数量等于所述当前待着色前景图层的元素数量时,将所述前景待使用颜色与元素随机配对来对元素进行着色。
15.一种页面着色装置,其中,所述装置包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器执行所述计算机程序时,实现如权利要求1至7中任一项所述的方法。
16.一种计算机可读存储介质,其中,所述存储介质存储有计算机程序,所述计算机程序被执行时,实现如权利要求1至7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111072465.4A CN113961854B (zh) | 2021-09-14 | 2021-09-14 | 页面着色方法及装置以及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111072465.4A CN113961854B (zh) | 2021-09-14 | 2021-09-14 | 页面着色方法及装置以及计算机可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113961854A true CN113961854A (zh) | 2022-01-21 |
CN113961854B CN113961854B (zh) | 2022-10-14 |
Family
ID=79461576
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111072465.4A Active CN113961854B (zh) | 2021-09-14 | 2021-09-14 | 页面着色方法及装置以及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113961854B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070031037A1 (en) * | 2005-08-02 | 2007-02-08 | Microsoft Corporation | Stereo image segmentation |
CN105426347A (zh) * | 2015-10-29 | 2016-03-23 | 北京京东尚科信息技术有限公司 | 提供对象信息的方法、显示终端和服务器 |
CN109389611A (zh) * | 2018-08-29 | 2019-02-26 | 稿定(厦门)科技有限公司 | 交互式抠图方法、介质及计算机设备 |
CN113282258A (zh) * | 2021-05-28 | 2021-08-20 | 武汉悦学帮网络技术有限公司 | 一种信息展示方法及装置 |
CN113360820A (zh) * | 2021-05-29 | 2021-09-07 | 北京网聘咨询有限公司 | 一种页面展示方法、系统、设备和存储介质 |
-
2021
- 2021-09-14 CN CN202111072465.4A patent/CN113961854B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070031037A1 (en) * | 2005-08-02 | 2007-02-08 | Microsoft Corporation | Stereo image segmentation |
CN105426347A (zh) * | 2015-10-29 | 2016-03-23 | 北京京东尚科信息技术有限公司 | 提供对象信息的方法、显示终端和服务器 |
CN109389611A (zh) * | 2018-08-29 | 2019-02-26 | 稿定(厦门)科技有限公司 | 交互式抠图方法、介质及计算机设备 |
CN113282258A (zh) * | 2021-05-28 | 2021-08-20 | 武汉悦学帮网络技术有限公司 | 一种信息展示方法及装置 |
CN113360820A (zh) * | 2021-05-29 | 2021-09-07 | 北京网聘咨询有限公司 | 一种页面展示方法、系统、设备和存储介质 |
Non-Patent Citations (1)
Title |
---|
张亮: "论网页设计中的色彩应用", 《茂名学院学报》 * |
Also Published As
Publication number | Publication date |
---|---|
CN113961854B (zh) | 2022-10-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110266971B (zh) | 一种短视频制作方法和系统 | |
CN104778047B (zh) | 一种内容显示方法及终端 | |
CN106855797A (zh) | 一种界面元素颜色的设置方法及装置 | |
DE112013000202B4 (de) | Anzeigeverfahren und elektronische Vorrichtung | |
CN108876748B (zh) | 图片展示方法、计算设备及计算机存储介质 | |
CN104700442A (zh) | 一种自动添加滤镜与文字的图像处理方法和系统 | |
CN105468617A (zh) | 调整网页内容颜色的方法及装置 | |
US11462002B2 (en) | Wallpaper management method, apparatus, mobile terminal, and storage medium | |
CN105955754B (zh) | 一种用户界面文字显示方法及装置 | |
CN106406900A (zh) | 一种壁纸显示方法及装置 | |
CN104951495A (zh) | 用于管理代表性视频图像的设备和方法 | |
CN104978186A (zh) | 一种界面皮肤的渲染方法和装置 | |
CN107391150A (zh) | 移动终端主题色调自适应变更方法及系统 | |
CN104423909A (zh) | 一种信息处理方法及电子设备 | |
CN113961854B (zh) | 页面着色方法及装置以及计算机可读存储介质 | |
CN105760917A (zh) | 三维码编码方法及系统 | |
CN103324484A (zh) | 一种展现视图的方法及设备 | |
CN104793937B (zh) | 一种启动控制方法及装置 | |
US8731289B2 (en) | Recoloring images of a web page according to a representative color | |
CN109640148A (zh) | 一种通过文本框展示文本内容的方法及装置 | |
CN114998472B (zh) | 鞋体配色的确定方法、装置、电子设备及存储介质 | |
CN103631577A (zh) | 图像显示调节方法和装置 | |
CN113658287B (zh) | 用户界面配色处理方法、装置及设备 | |
CN105893578A (zh) | 一种照片选择的方法及装置 | |
CN103034398B (zh) | 用于处理界面中输入的文本的方法及界面组件 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |