[发明专利]页面颜色调整方法、装置、存储介质及电子设备

说明书

本公开涉及计算机处理领域，具体涉及一种页面颜色调整方法、装置、存储介质及电子设备。该页面颜色调整方法包括：响应于目标页面的颜色调整指令，获取所述颜色调整指令对应的目标配色参数的目标色值、所述目标页面的基础配色文件以及全局配色参数文件；基于所述目标配色参数的目标色值更新所述全局配色参数文件中色块的色值得到目标全局配色参数文件；根据所述目标全局配色参数文件确定所述基础配色文件中取色变量对应的色值得到目标配色文件；利用所述目标配色文件进行所述目标页面的页面展示。该页面颜色调整方法能够解决页面颜色调整时工程量大、维护成本高等问题。

技术领域

本公开涉及计算机处理领域，具体涉及一种页面颜色调整方法、页面颜色调整装置、存储介质及电子设备。

背景技术

当前在Web前端开发过程中，进行页面配色设计时普遍所使用的方式是在已有的前端UI库或工程模板的基础上进行开发功能，或者是用代码还原设计人员给出的页面功能原型图。

不论是使用业界主流的前端工程模板或者还原设计人员的原型，在颜色设置与获取时通常是以变量表或色值的方式提供给开发人员使用。但不同的开发人员在人工取色时可能存在颜色深浅偏差或者理解偏差，系统页面的颜色过于花哨；并且由于这些方式都是将页面元素的色值写好在配色文件中，后续再进行主题颜色变更时需要将全部的色值进行变更，工程量巨大。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开的目的在于提供一种页面颜色调整方法、页面颜色调整装置、存储介质及电子设备，旨在解决页面颜色调整时工程量大、维护成本高等问题。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本公开实施例的一方面，提供了一种页面颜色调整方法，包括：响应于目标页面的颜色调整指令，获取所述颜色调整指令对应的目标配色参数的目标色值、所述目标页面的基础配色文件以及全局配色参数文件；基于所述目标配色参数的目标色值更新所述全局配色参数文件中色块的色值得到目标全局配色参数文件；根据所述目标全局配色参数文件确定所述基础配色文件中取色变量对应的色值得到目标配色文件；利用所述目标配色文件进行所述目标页面的页面展示。

根据本公开的一些实施例，基于前述方案，所述基于所述目标配色参数的目标色值更新所述全局配色参数文件中色块的色值，包括：确定所述全局配色参数文件中与所述目标配色参数对应的目标色块；基于所述目标色值更新所述目标色块的色值。

根据本公开的一些实施例，基于前述方案，所述基于所述目标色值更新所述目标色块的色值，包括：在所述目标配色参数为可视色时，基于所述目标色值更新所述可视色对应的色阶板以更新所述可视色对应目标色块的色值；在所述目标配色参数为中性色时，将所述目标色值更新为所述中性色对应目标色块的色值。

根据本公开的一些实施例，基于前述方案，所述根据所述目标全局配色参数文件确定所述基础配色文件中取色变量对应的色值，包括：确定所述基础配色文件中与所述目标配色参数对应的目标取色变量；提取所述目标取色变量对应的目标色块信息；从所述目标全局配色参数文件中查询与所述目标色块信息对应的色块的色值作为所述目标取色变量对应的色值。

根据本公开的一些实施例，基于前述方案，在所述目标配色参数为可视色时，所述目标配色参数对应目标取色变量的目标色块信息包括可视色名称和色阶阶数；或者在所述目标配色参数为中性色时，所述目标配色参数对应目标取色变量的目标色块信息包括中性色名称。

根据本公开的一些实施例，基于前述方案，在所述响应于目标页面的颜色调整指令之前，所述方法还包括：配置所述全局配色参数文件；基于所述全局配色参数文件配置所述目标页面的基础配色文件。