[發明專利]頁面顏色調整方法、裝置、存儲介質及電子設備

在審

• 申請號: 202210234050.0
• 申請日: 2022-03-10
• 公開（公告）號: CN114611030A
• 公開（公告）日: 2022-06-10
• 發明（設計）人: 楊積江
• 申請（專利權）人: 京東科技信息技術有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F8/38
• 代理公司: 北京律智知識產權代理有限公司 11438
• 代理人: 王輝

本公開涉及計算機處理領域，具體涉及一種頁面顏色調整方法、裝置、存儲介質及電子設備。該頁面顏色調整方法包括：響應于目標頁面的顏色調整指令，獲取所述顏色調整指令對應的目標配色參數的目標色值、所述目標頁面的基礎配色文件以及全局配色參數文件；基于所述目標配色參數的目標色值更新所述全局配色參數文件中色塊的色值得到目標全局配色參數文件；根據所述目標全局配色參數文件確定所述基礎配色文件中取色變量對應的色值得到目標配色文件；利用所述目標配色文件進行所述目標頁面的頁面展示。該頁面顏色調整方法能夠解決頁面顏色調整時工程量大、維護成本高等問題。

技術領域

本公開涉及計算機處理領域，具體涉及一種頁面顏色調整方法、頁面顏色調整裝置、存儲介質及電子設備。

背景技術

當前在Web前端開發過程中，進行頁面配色設計時普遍所使用的方式是在已有的前端UI庫或工程模板的基礎上進行開發功能，或者是用代碼還原設計人員給出的頁面功能原型圖。

不論是使用業界主流的前端工程模板或者還原設計人員的原型，在顏色設置與獲取時通常是以變量表或色值的方式提供給開發人員使用。但不同的開發人員在人工取色時可能存在顏色深淺偏差或者理解偏差，系統頁面的顏色過于花哨；并且由于這些方式都是將頁面元素的色值寫好在配色文件中，后續再進行主題顏色變更時需要將全部的色值進行變更，工程量巨大。

需要說明的是，在上述背景技術部分公開的信息僅用于加強對本公開的背景的理解，因此可以包括不構成對本領域普通技術人員已知的現有技術的信息。

發明內容

本公開的目的在于提供一種頁面顏色調整方法、頁面顏色調整裝置、存儲介質及電子設備，旨在解決頁面顏色調整時工程量大、維護成本高等問題。

本公開的其他特性和優點將通過下面的詳細描述變得顯然，或部分地通過本公開的實踐而習得。

根據本公開實施例的一方面，提供了一種頁面顏色調整方法，包括：響應于目標頁面的顏色調整指令，獲取所述顏色調整指令對應的目標配色參數的目標色值、所述目標頁面的基礎配色文件以及全局配色參數文件；基于所述目標配色參數的目標色值更新所述全局配色參數文件中色塊的色值得到目標全局配色參數文件；根據所述目標全局配色參數文件確定所述基礎配色文件中取色變量對應的色值得到目標配色文件；利用所述目標配色文件進行所述目標頁面的頁面展示。

根據本公開的一些實施例，基于前述方案，所述基于所述目標配色參數的目標色值更新所述全局配色參數文件中色塊的色值，包括：確定所述全局配色參數文件中與所述目標配色參數對應的目標色塊；基于所述目標色值更新所述目標色塊的色值。

根據本公開的一些實施例，基于前述方案，所述基于所述目標色值更新所述目標色塊的色值，包括：在所述目標配色參數為可視色時，基于所述目標色值更新所述可視色對應的色階板以更新所述可視色對應目標色塊的色值；在所述目標配色參數為中性色時，將所述目標色值更新為所述中性色對應目標色塊的色值。

根據本公開的一些實施例，基于前述方案，所述根據所述目標全局配色參數文件確定所述基礎配色文件中取色變量對應的色值，包括：確定所述基礎配色文件中與所述目標配色參數對應的目標取色變量；提取所述目標取色變量對應的目標色塊信息；從所述目標全局配色參數文件中查詢與所述目標色塊信息對應的色塊的色值作為所述目標取色變量對應的色值。

根據本公開的一些實施例，基于前述方案，在所述目標配色參數為可視色時，所述目標配色參數對應目標取色變量的目標色塊信息包括可視色名稱和色階階數；或者在所述目標配色參數為中性色時，所述目標配色參數對應目標取色變量的目標色塊信息包括中性色名稱。

根據本公開的一些實施例，基于前述方案，在所述響應于目標頁面的顏色調整指令之前，所述方法還包括：配置所述全局配色參數文件；基于所述全局配色參數文件配置所述目標頁面的基礎配色文件。