System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind()
【技术实现步骤摘要】
本公开的实施例涉及页面优化,具体涉及页面配色生成方法、装置、电子设备和计算机可读介质。
技术介绍
1、在网络营销广告制作中,一般会通过平台的智能设计,来生成营销广告页面。该平台通常配置有智能配色模型。这种配色模型通过基础色系划分、色调及离散裂变等,可以支持19种色相5种色调,生成相同色相,不同色阶的配色方案。
2、然而,专利技术人发现,这种配色模型仍存在一些不足。无法满足网络环境下丰富多样的页面色彩设计需求。
3、该
技术介绍
部分中所公开的以上信息仅用于增强对本专利技术构思的背景的理解,并因此,其可包含并不形成本国的本领域普通技术人员已知的现有技术的信息。
技术实现思路
1、本公开的内容部分用于以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
2、本公开的一些实施例提出了页面配色生成方法、装置、电子设备、计算机可读介质和计算机程序产品,来解决以上
技术介绍
部分提到的技术问题中的一项或多项。
3、第一方面,本公开的一些实施例提供了一种页面配色生成方法,包括:响应于接收到预设颜色的属性信息,确定预设颜色所属的色相和色阶;根据预设颜色的色阶,确定页面中各区域的色阶范围,得到色阶搭配数据;根据预设颜色的色相,确定与预设颜色相适配的配色色相;基于预设颜色、色阶搭配数据和配色色相,生成页面的预览彩色页面。
5、在一些实施例中,根据预设颜色的色相,确定与预设颜色相适配的配色色相,包括:响应于确定预设颜色的色相不是设定色相,确定预设颜色的同类色的色相范围;根据同类色的色相范围,确定至少两种其他配色的色相范围,以作为预设颜色的配色色相,其中,至少两种其他配色包括以下至少两种:类似色、邻近色、中差色、对比色和互补色。
6、在一些实施例中,该方法还包括:对各颜色的色相范围、色阶范围进行标准化度量划分。
7、在一些实施例中,对各颜色的色相范围、色阶范围进行标准化度量划分,包括:根据色相环划分预设数目个色相,以及确定预设数目个色相中各色相的角度区间;根据预设数目个色相的数量,确定各色相的角度区间平均值;根据各色相的角度区间和角度区间平均值,确定预设数目个色相中各色相的单位角度。
8、在一些实施例中,对各颜色的色相范围、色阶范围进行标准化度量划分,还包括:对于预设数目个色相中的各色相,根据该色相的明度和饱和度,至少划分为纯色阶、浅色阶、深色阶和灰色阶的色阶区域;以及对于同一色阶区域,根据颜色的深浅进一步划分为至少一个子区域。
9、在一些实施例中,确定预设颜色的同类色的色相范围,包括:根据预设颜色的色相,确定预设颜色在色相环中的单位角度;基于同类色在色相环中的设定转动角度范围、预设颜色的单位角度,确定实际转动角度范围;根据预设颜色的色相值和实际转动角度范围,确定预设颜色的同类色的色相范围。
10、在一些实施例中,该方法还包括:对生成的预览彩色页面进行色彩平衡检测,其中,色彩平衡包括以下至少一项:主辅色平衡、对比度平衡、冷暖色平衡和有无色平衡。
11、在一些实施例中,对生成的预览彩色页面进行色彩平衡检测,包括:确定预览彩色页面中背景颜色的色阶;根据背景颜色的色阶,确定预览彩色页面的背景深浅,以及适配的辅助颜色的色相范围;基于辅助颜色的色相范围,对预览彩色页面进行主辅色平衡检测。
12、在一些实施例中,对生成的预览彩色页面进行色彩平衡检测,包括:根据各层级光学三原色的值,确定各层级的相对亮度;根据各层级的相对亮度、在预览彩色页面中的位置关系,确定层级之间的对比度,以及判断所确定的对比度是否在设定范围内。
13、在一些实施例中,对生成的预览彩色页面进行色彩平衡检测,还包括:根据预设颜色的色相,确定预设颜色的色调;基于预设颜色的色调,调整预览彩色页面中其他不同色调在页面中的占比;和/或响应于展示模块背景色与展示坑位背景色的对比度小于或等于目标值,对展示坑位中的物品背景留有白色区域,其中,白色区域在展示坑位总背景中的占比不小于设定值。
14、第二方面,本公开的一些实施例提供了一种页面配色生成装置,包括:颜色确定单元,被配置成响应于接收到预设颜色的属性信息,确定预设颜色所属的色相和色阶;色阶搭配确定单元,被配置成根据预设颜色的色阶,确定页面中各区域的色阶范围,得到色阶搭配数据;配色色相确定单元,被配置成根据预设颜色的色相,确定与预设颜色相适配的配色色相;页面生成单元,被配置成基于预设颜色、色阶搭配数据和配色色相,生成页面的预览彩色页面。
15、在一些实施例中,色阶搭配确定单元进一步被配置成从预设色阶搭配模板中,选取与预设颜色的色阶相对应的候选色阶搭配模板;根据候选色阶搭配模板中各层级的色阶范围,确定页面中各区域的色阶值,其中,页面中包括多个展示模块,每个展示模块中包含至少一个展示坑位。
16、在一些实施例中,配色色相确定单元进一步被配置成响应于确定预设颜色的色相不是设定色相,确定预设颜色的同类色的色相范围;根据同类色的色相范围,确定至少两种其他配色的色相范围,以作为预设颜色的配色色相,其中,至少两种其他配色包括以下至少两种:类似色、邻近色、中差色、对比色和互补色。
17、在一些实施例中,该页面配色生成装置还包括划分单元,被配置成对各颜色的色相范围、色阶范围进行标准化度量划分。
18、在一些实施例中,划分单元进一步被配置成根据色相环划分预设数目个色相,以及确定预设数目个色相中各色相的角度区间;根据预设数目个色相的数量,确定各色相的角度区间平均值;根据各色相的角度区间和角度区间平均值,确定预设数目个色相中各色相的单位角度。
19、在一些实施例中,划分单元还进一步被配置成对于预设数目个色相中的各色相,根据该色相的明度和饱和度,至少划分为纯色阶、浅色阶、深色阶和灰色阶的色阶区域;以及对于同一色阶区域,根据颜色的深浅进一步划分为至少一个子区域。
20、在一些实施例中,配色色相确定单元进一步被配置成根据预设颜色的色相,确定预设颜色在色相环中的单位角度;基于同类色在色相环中的设定转动角度范围、预设颜色的单位角度,确定实际转动角度范围;根据预设颜色的色相值和实际转动角度范围,确定预设颜色的同类色的色相范围。
21、在一些实施例中,该页面配色生成装置还包括平衡检测单元,被配置成对生成的预览彩色页面进行色彩平衡检测,其中,色彩平衡包括以下至少一项:主辅色平衡、对比度平衡、冷暖色平衡和有无色平衡。
22、在一些本文档来自技高网...
【技术保护点】
1.一种页面配色生成方法,包括:
2.根据权利要求1所述的页面配色生成方法,其中,所述根据所述预设颜色的色阶,确定页面中各区域的色阶范围,包括:
3.根据权利要求1所述的页面配色生成方法,其中,所述根据所述预设颜色的色相,确定与所述预设颜色相适配的配色色相,包括:
4.根据权利要求3所述的页面配色生成方法,其中,所述方法还包括:
5.根据权利要求4所述的页面配色生成方法,其中,所述对各颜色的色相范围、色阶范围进行标准化度量划分,包括:
6.根据权利要求5所述的页面配色生成方法,其中,所述对各颜色的色相范围、色阶范围进行标准化度量划分,还包括:
7.根据权利要求5所述的页面配色生成方法,其中,所述确定所述预设颜色的同类色的色相范围,包括:
8.根据权利要求1-7之一所述的页面配色生成方法,其中,所述方法还包括:
9.根据权利要求8所述的页面配色生成方法,其中,所述对生成的预览彩色页面进行色彩平衡检测,包括:
10.根据权利要求8所述的页面配色生成方法,其中,所述对生成的预览彩
11.根据权利要求8所述的页面配色生成方法,其中,所述对生成的预览彩色页面进行色彩平衡检测,还包括:
12.一种页面配色生成装置,包括:
13.一种电子设备,包括:
14.一种计算机可读介质,其上存储有计算机程序,其中,所述计算机程序被处理器执行时,实现如权利要求1-11中任一所述的页面配色生成方法。
15.一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时,实现如权利要求1-11中任一所述的页面配色生成方法。
...【技术特征摘要】
1.一种页面配色生成方法,包括:
2.根据权利要求1所述的页面配色生成方法,其中,所述根据所述预设颜色的色阶,确定页面中各区域的色阶范围,包括:
3.根据权利要求1所述的页面配色生成方法,其中,所述根据所述预设颜色的色相,确定与所述预设颜色相适配的配色色相,包括:
4.根据权利要求3所述的页面配色生成方法,其中,所述方法还包括:
5.根据权利要求4所述的页面配色生成方法,其中,所述对各颜色的色相范围、色阶范围进行标准化度量划分,包括:
6.根据权利要求5所述的页面配色生成方法,其中,所述对各颜色的色相范围、色阶范围进行标准化度量划分,还包括:
7.根据权利要求5所述的页面配色生成方法,其中,所述确定所述预设颜色的同类色的色相范围,包括:
8.根据权利要求1-7之一所...
【专利技术属性】
技术研发人员:陈紫薇,张文懿,
申请(专利权)人:北京沃东天骏信息技术有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。