一種軟件界面配色方法及裝置制造方法及圖紙

本申請公開了一種軟件界面配色方法及裝置。該方法包括：確定軟件界面的主色；根據預設調色操作，對所述主色進行調整，得到與所述預設調色操作對應的目標顏色；根據所述預設調色操作與所述軟件界面中各功能模塊的皮膚顏色之間的映射關系，將所述預設調色操作對應的目標顏色作為與所述預設調色操作對應的各功能模塊的皮膚顏色。應用本申請實施例提供的軟件界面配色方法，只需確定軟件界面的主色，就可實現整個軟件界面的重新配色，解決了現有技術中通過人工配色的方法逐一地為軟件界面中各功能模塊的皮膚重新配色所導致配色效率相對較低的問題。

Software interface color matching method and device

The present invention discloses a software interface color matching method and device. The method includes: determining the main color of the software interface; according to the preset color, adjust the color, get corresponding to the preset target color palette operation; according to the mapping relationship between the various functional modules of the preset color operation with the software interface of the skin color, the default color the operation of the corresponding target color for each functional module corresponding to the preset operation of the skin color palette. The software interface matching method provided by the embodiment of the invention is applied, only need to determine the main color of the software interface, the new color can achieve the whole software interface, solving methods of artificial color art in one by one for each functional module in the software interface of the skin color to match color caused by the low efficiency problem.

【技術實現步驟摘要】
一種軟件界面配色方法及裝置
本申請涉及計算機
，尤其涉及一種軟件界面配色方法及裝置。
技術介紹
目前，隨著科技的不斷發展，為了提高用戶的視覺體驗，用戶在為一個軟件界面配色時，不再采用單一的顏色，而是根據用戶確定的主色，導出一系列其他顏色，并利用這一系列顏色分別為軟件界面中不同的功能模塊的皮膚進行配色，這樣，使得整個軟件界面的顏色更加鮮明。在現有技術中，用戶為軟件界面配色的步驟是：第一步，確定該軟件界面的主色，例如，某軟件的主色調為藍色或紅色等；第二步，當用戶為該軟件界面中的一個功能模塊的皮膚進行配色時，通常會利用配色軟件，在確定的主色的基礎上執行調色操作，從而獲取各個功能模塊的皮膚顏色(目標顏色)。例如，確定某軟件界面的主色為“藍色”，通過在主色“藍色”的基礎上添加10％的“白色”(加白10％)，獲取某種“淡藍色”，將該“淡藍色”作為該軟件界面中某輸入框的皮膚顏色等，這里的“加白10％”為針對主色“藍色”執行的“調色操作”，“輸入框”為該軟件界面上的“功能模塊”，“淡藍色”為“目標顏色”。通過重復步驟二逐一地為該軟件界面中的各功能模塊的皮膚進行配色，最終完成整個軟件界面的配色工作。當該軟件界面需要更換主色時，例如，某應用軟件需要升級或改版，這時用戶需要為該軟件界面重新配色，目前給軟件界面重新配色的方法仍采用上述步驟，即通過確定的主色逐一地為該軟件界面中的各功能模塊的皮膚重新配色。采用現有技術中配色方法，可以根據用戶重新確定的主色有效地為各軟件界面進行配色，但在實際應用中，一個軟件界面通常包含有很多功能模塊，因此，用戶在通過上述現有技術中的步驟二逐一地為該軟件界面中的各功能模塊的皮膚進行配色時，步驟相對較為繁瑣，需要耗費用戶大量的時間和精力，且配色效率相對較低。
技術實現思路
鑒于上述問題，本專利技術提供了一種軟件界面配色方法，用于解決現有技術中通過人工配色的方法逐一地為軟件界面中各功能模塊的皮膚重新配色所導致配色效率相對較低的問題。一種軟件界面配色方法，該方法包括：確定軟件界面的主色；根據預設調色操作，對所述主色進行調整，得到與所述預設調色操作對應的目標顏色；根據所述預設調色操作與所述軟件界面中各功能模塊的皮膚顏色之間的映射關系，將所述預設調色操作對應的目標顏色作為與所述預設調色操作對應的各功能模塊的皮膚顏色。優選地，所述根據預設調色操作，對所述主色進行調整，得到與所述預設調色操作對應的目標顏色，具體包括：將所述主色進行分解，獲取所述主色對應的原色，所述主色是通過對所述原色執行調色操作獲得的；對所述原色分別執行所述預設調色操作，得到與所述預設調色操作對應的目標顏色。優選地，所述根據預設調色操作，對所述主色進行調整，得到與所述預設調色操作對應的目標顏色，具體包括：對所述主色執行所述預設調色操作，得到與所述預設調色操作對應的目標顏色。優選地，所述根據預設調色操作，對所述主色進行調整，得到與所述預設調色操作對應的目標顏色，包括：根據一個維度上的至少兩個預設調色操作，對所述主色進行調整，得到至少兩個與所述預設調色操作對應的目標顏色。優選地，在確定軟件界面的主色之前，所述方法還包括：將所述預設調色操作與所述軟件界面上的各功能模塊的皮膚顏色建立映射關系。優選地，所述方法還包括：根據所述預設調色操作與所述軟件界面中各軟件界面背景顏色之間的映射關系，將所述預設調色操作對應的目標顏色作為與所述預設調色操作對應的各軟件界面的背景顏色。優選地，所述預設調色操作包括以下至少一種：加白；加黑；變亮；變淡；模糊；蒙板。一種軟件界面配色裝置，該裝置包括：確定單元、處理單元和配色單元，其中：所述確定單元，確定軟件界面的主色；所述處理單元，根據預設調色操作，對所述主色進行調整，得到與所述預設調色操作對應的目標顏色；所述調色單元，根據所述預設調色操作與所述軟件界面中各功能模塊的皮膚顏色之間的映射關系，將所述預設調色操作對應的目標顏色作為與所述預設調色操作對應的各功能模塊的皮膚顏色。優選地，所述處理單元包括：分解子單元和調色子單元，其中：所述分解子單元，將所述主色進行分解，獲取所述主色對應的原色，且所述主色是通過在所述原色上執行調色操作獲得的；所述調色子單元，對所述原色分別執行所述預設調色操作，得到與所述預設調色操作對應的目標顏色。優選地，所述處理單元根據預設調色操作，對所述主色進行調整，得到與所述預設調色操作對應的目標顏色，具體包括：對所述主色執行所述預設調色操作，得到與所述預設調色操作對應的目標顏色。優選地，所述裝置還包括建立單元，所述建立單元在所述確定單元確定軟件界面的主色之前，將所述預設調色操作與所述軟件界面上的各功能模塊的皮膚顏色建立映射關系。優選地，所述配色單元還用于：根據所述預設調色操作與所述軟件界面中各軟件界面背景顏色之間的映射關系，將所述預設調色操作對應的目標顏色作為與所述預設調色操作對應的各軟件界面的背景顏色。本申請實施例提供了一種軟件界面配色方法，該方法具體包括：首先，確定軟件界面的主色，然后，根據預設調色操作，對主色進行調整，得到與該預設調色操作對應的目標顏色，最后，根據該預設調色操作與該軟件界面中各功能模塊的皮膚顏色之間的映射關系，將所述預設調色操作對應的目標顏色作為與所述預設調色操作對應的各功能模塊的皮膚顏色。相比于現有技術通過人工配色逐一地為軟件界面中各個功能模塊的皮膚重新配色的方法，本申請實施例提供的軟件界面配色方法，只需確定軟件界面的主色，就可以根據預設的調色操作對該確定的主色作調整，獲得目標顏色，而且，該預設調色操作與該軟件界面中的各功能模塊的皮膚顏色之間具有對應關系，由于該目標顏色與該預設調色操作同樣具有對應關系，因此，在獲得多個目標顏色后，可以將這多個目標顏色作為對應功能模塊的皮膚顏色，從而完成整個軟件界面的配色；因此，本申請提供的軟件界面的配色方法，用戶只需確定主色，就可實現整個軟件界面的重新配色，相比于現有技術中的軟件界面配色方法，本申請實施例提供的軟件界面配色的方法的效率更高。附圖說明此處所說明的附圖用來提供對本申請的進一步理解，構成本申請的一部分，本申請的示意性實施例及其說明用于解釋本申請，并不構成對本申請的不當限定。在附圖中：圖1為本申請實施例提供的一種現有技術軟件界面配色的方法的示意圖；圖2為本申請實施例提供的一種軟件界面配色方法的流程示意圖；圖3為本申請實施例提供的一種軟件界面配色方法的示意圖；圖4為本申請實施例提供的一種軟件界面配色方法的示意圖；圖5為本申請實施例提供的一種軟件界面配色方法的示意圖；圖6為本申請實施例提供的一種軟件界面配色方法的示意圖；圖7為本申請實施例提供的一種軟件界面配色方法的示意圖；圖8為本申請實施例提供的一種軟件界面配色裝置的結構示意圖。具體實施方式在前述
技術介紹
已經記載，一個軟件界面通常有很多的功能模塊，且配色人員在為軟件界面配色時，為了給用戶更好的視覺體驗，通常會將具有不同功能的模塊的皮膚設計成不同的顏色。如圖1所示，三個圓形分別表示軟件界面中某個操作按鍵在三種不同的情形下的皮膚顏色狀態，其中，“第一顏色狀態”表示某操作按鍵在“正常狀態(Normal)”下的皮膚顏色狀態，這里的“正常狀態”是指用戶沒有對該按鍵進行任何操作；當用戶將鼠標放置于該按本文檔來自技高網...

【技術保護點】
一種軟件界面配色方法，其特征在于，該方法包括：確定軟件界面的主色；根據預設調色操作，對所述主色進行調整，得到與所述預設調色操作對應的目標顏色；根據所述預設調色操作與所述軟件界面中各功能模塊的皮膚顏色之間的映射關系，將所述預設調色操作對應的目標顏色作為與所述預設調色操作對應的各功能模塊的皮膚顏色。

【技術特征摘要】
1.一種軟件界面配色方法，其特征在于，該方法包括：確定軟件界面的主色；根據預設調色操作，對所述主色進行調整，得到與所述預設調色操作對應的目標顏色；根據所述預設調色操作與所述軟件界面中各功能模塊的皮膚顏色之間的映射關系，將所述預設調色操作對應的目標顏色作為與所述預設調色操作對應的各功能模塊的皮膚顏色。2.根據權利要求1所述的方法，其特征在于，所述根據預設調色操作，對所述主色進行調整，得到與所述預設調色操作對應的目標顏色，具體包括：將所述主色進行分解，獲取所述主色對應的原色，所述主色是通過對所述原色執行調色操作獲得的；對所述原色分別執行所述預設調色操作，得到與所述預設調色操作對應的目標顏色。3.根據權利要求1所述的方法，其特征在于，所述根據預設調色操作，對所述主色進行調整，得到與所述預設調色操作對應的目標顏色，具體包括：對所述主色執行所述預設調色操作，得到與所述預設調色操作對應的目標顏色。4.根據權利要求1～3任一所述的方法，其特征在于，所述根據預設調色操作，對所述主色進行調整，得到與所述預設調色操作對應的目標顏色，包括：根據一個維度上的至少兩個預設調色操作，對所述主色進行調整，得到至少兩個與所述預設調色操作對應的目標顏色。5.根據權利要求1所述的方法，其特征在于，在確定軟件界面的主色之前，所述方法還包括：將所述預設調色操作與所述軟件界面上的各功能模塊的皮膚顏色建立映射關系。6.根據權利要求1所述的方法，其特征在于，所述方法還包括：根據所述預設調色操作與所述軟件界面中各軟件界面背景顏色之間的映射關系，將所述預設調色操作對應的目標顏色作為與所述預設調色操作對應的各軟件界面的背景顏...

【專利技術屬性】
技術研發人員：林曉晴，朱興民，劉佳音，
申請(專利權)人：阿里巴巴集團控股有限公司，
類型：發明
國別省市：開曼群島,KY