一种页面数据处理方法技术

本公开提供了一种页面数据处理方法

【技术实现步骤摘要】
一种页面数据处理方法、装置、计算机设备及存储介质


[0001]本公开涉及页面开发
，具体而言，涉及一种页面数据处理方法
、
装置
、
计算机设备及存储介质
。

技术介绍

[0002]很多应用程序会为用户提供多种外观方案；用户可以通过对不同外观方案的选择，达到更改与应用程序对应的页面中各个页面元素颜色的效果
。
[0003]在很多业务场景中，随着包含大规模批量私有化的数据营销产品，这些营销产品通过本地化部署的方式落地在客户系统中，而这些系统则更加强调客户的自身属性，这导致了很多客户需要定制化的外观方案
。
但当前的外观方案需要设计师提供各页面元素的具体色值以及图形来进行手动设置，效率低，因此难以满足用户的个性化需求
。

技术实现思路

[0004]本公开实施例至少提供一种页面数据处理方法
、
装置
、
计算机设备及存储介质
。
[0005]第一方面，本公开实施例提供了一种页面数据处理方法，包括：
[0006]确定与待生成页面对应的第一主色；
[0007]基于所述第一主色的颜色信息，确定和所述第一主色属于相同色系的多种延伸颜色；多种所述延伸颜色包括：第一延伸颜色
、
和
/
或，第二延伸颜色；其中，所述第一延伸颜色较之所述第一主色的明度依次递增
、
饱和度依次递减，所述第二延伸颜色较之所述第一主色的明度依次递减<br/>、
饱和度依次递增；
[0008]基于所述第一主色和所述延伸颜色，确定所述待生成页面中的多种页面元素分别对应的目标颜色；
[0009]基于多种所述页面元素分别对应的目标颜色对所述待生成页面进行颜色渲染，得到目标页面
。
[0010]一种可能的实施方式中，所述确定与待生成页面对应的第一主色，包括：
[0011]获取与所述待生成页面对应的对象标识；
[0012]基于所述对象标识对应的颜色，确定所述第一主色
。
[0013]一种可能的实施方式中，所述颜色信息包括：色相
、
饱和度
、
以及明度；
[0014]所述基于所述第一主色的颜色信息，确定和所述第一主色属于相同色系的多种延伸颜色，包括：
[0015]基于所述第一主色的饱和度
、
以及所述第一延伸颜色的数量，确定饱和度递减值，并基于所述第一主色的明度以及所述第一延伸颜色的数量，确定明度递增值；
[0016]基于所述饱和度递减值和所述明度递增值，确定所述第一延伸颜色分别对应的饱和度
、
以及明度；
[0017]基于所述第一主色的色相
、
所述第一延伸颜色分别对应的饱和度以及明度，确定所述第一延伸颜色；
[0018]和
/
或，
[0019]基于所述第一主色的饱和度以及所述第二延伸颜色的数量，确定饱和度递增值，并基于所述第一主色的明度以及第二延伸颜色的数量，确定明度递减值；
[0020]基于所述饱和度递增值和所述明度递减值，确定多种所述第二延伸颜色分别对应的饱和度
、
以及明度；
[0021]基于所述第一主色的色相
、
多种所述第二延伸颜色分别对应的饱和度以及明度，确定多种所述第二延伸颜色
。
[0022]一种可能的实施方式中，所述颜色信息还包括：不透明度；所述延伸颜色还包括：第三延伸颜色；所述第三延伸颜色通过对所述第一主色的不透明度进行调整获得
。
[0023]一种可能的实施方式中，所述方法还包括：基于所述第一主色的颜色信息，确定和所述第一主色属于不同色系的第二主色；其中，所述第二主色为所述第一主色在目标色环上位置相邻的前进色；
[0024]所述基于所述第一主色和所述延伸颜色，确定所述待生成页面中的多种页面元素分别对应的目标颜色，包括：
[0025]基于所述第一主色
、
所述延伸颜色和所述第二主色，确定所述待生成页面中的多种页面元素分别对应的目标颜色
。
[0026]一种可能的实施方式中，所述基于所述第一主色的颜色信息，确定和所述第一主色属于不同色系的第二主色，包括：
[0027]基于所述第一主色的颜色信息，确定所述第一主色在包括所述第一主色的目标色环中的位置；
[0028]基于所述第一主色在所述目标色环中的位置，确定和所述第一主色在所述目标色环中位置相邻的前进色；
[0029]将所述前进色确定为所述第二主色
。
[0030]一种可能的实施方式中，所述页面元素包括图标；
[0031]所述基于所述第一主色和所述延伸颜色，确定所述待生成页面中的多种页面元素分别对应的目标颜色，包括：
[0032]对所述图标进行结构拆解，得到构成所述图标的多个几何图形；
[0033]基于所述第一主色和所述延伸颜色，为多个所述几何图形分别确定目标颜色
。
[0034]第二方面，本公开实施例还提供一种页面数据处理装置，包括：
[0035]确定模块，用于确定与待生成页面对应的第一主色；
[0036]第一生成模块，用于基于所述第一主色的颜色信息，确定和所述第一主色属于相同色系的多种延伸颜色；多种所述延伸颜色包括：第一延伸颜色
、
和
/
或，第二延伸颜色；其中，所述第一延伸颜色较之所述第一主色的明度依次递增
、
饱和度依次递减，所述第二延伸颜色较之所述第一主色的明度依次递减
、
饱和度依次递增；
[0037]处理模块，用于基于所述第一主色和所述延伸颜色，确定所述待生成页面中的多种页面元素分别对应的目标颜色；
[0038]渲染模块，用于基于多种所述页面元素分别对应的第一目标颜色对所述待生成页面进行颜色渲染，得到目标页面
。
[0039]一种可能的实施方式中，所述确定模块，在确定与待生成页面对应的第一主色时，
用于：
[0040]获取与所述待生成页面对应的对象标识；
[0041]基于所述对象标识对应的颜色，确定所述第一主色
。
[0042]一种可能的实施方式中，所述颜色信息包括：色相
、
饱和度
、
以及明度；
[0043]所述生成模块，在基于所述第一主色的颜色信息，确定和所述第一主色属于相同色系的多种延伸颜色时，用于：
[0044]基于所述第一主色的饱和度
、
以及所述第一延伸颜色的数量，确定饱和度递减值，并基于所述第一主色的明度以及所述第一延伸颜色的数量，确定明度递增值；
[0045]基于所述饱和度递减值和所述明度递增值，确定所述第一延伸颜色分别对应的饱和度
、
本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种页面数据处理方法，其特征在于，包括：确定与待生成页面对应的第一主色；基于所述第一主色的颜色信息，确定和所述第一主色属于相同色系的多种延伸颜色；多种所述延伸颜色包括：第一延伸颜色
、
和
/
或，第二延伸颜色；其中，所述第一延伸颜色较之所述第一主色的明度依次递增
、
饱和度依次递减，所述第二延伸颜色较之所述第一主色的明度依次递减
、
饱和度依次递增；基于所述第一主色和所述延伸颜色，确定所述待生成页面中的多种页面元素分别对应的目标颜色；基于多种所述页面元素分别对应的目标颜色对所述待生成页面进行颜色渲染，得到目标页面
。2.
根据权利要求1所述的方法，其特征在于，所述确定与待生成页面对应的第一主色，包括：获取与所述待生成页面对应的对象标识；基于所述对象标识对应的颜色，确定所述第一主色
。3.
根据权利要求1所述的方法，其特征在于，所述颜色信息包括：色相
、
饱和度
、
以及明度；所述基于所述第一主色的颜色信息，确定和所述第一主色属于相同色系的多种延伸颜色，包括：基于所述第一主色的饱和度
、
以及所述第一延伸颜色的数量，确定饱和度递减值，并基于所述第一主色的明度以及所述第一延伸颜色的数量，确定明度递增值；基于所述饱和度递减值和所述明度递增值，确定所述第一延伸颜色分别对应的饱和度
、
以及明度；基于所述第一主色的色相
、
所述第一延伸颜色分别对应的饱和度以及明度，确定所述第一延伸颜色；和
/
或，基于所述第一主色的饱和度以及所述第二延伸颜色的数量，确定饱和度递增值，并基于所述第一主色的明度以及第二延伸颜色的数量，确定明度递减值；基于所述饱和度递增值和所述明度递减值，确定多种所述第二延伸颜色分别对应的饱和度
、
以及明度；基于所述第一主色的色相
、
多种所述第二延伸颜色分别对应的饱和度以及明度，确定多种所述第二延伸颜色
。4.
根据权利要求1所述的方法，其特征在于，所述颜色信息还包括：不透明度；所述延伸颜色还包括：第三延伸颜色；所述第三延伸颜色通过对所述第一主色的不透明度进行调整获得
。5.
根据权利要求1‑4任一项所述的方法，其特征在于，所述方法还包括：基于所述第一主色的颜色信息，确定和所述第一主色属于不同色系的第二...

【专利技术属性】
技术研发人员：钱峰，张爱婧，樊丹驰，李璐，
申请(专利权)人：北京火山引擎科技有限公司，
类型：发明
国别省市：