交互式和諧的配色方法
【專利摘要】本發(fā)明公布了一種基于圖形交互技術的和諧色彩搭配方案生成方法。該方法在HSL色彩空間基礎上，規(guī)定構成色彩搭配方案的各個顏色的色相、純度和明度三個要素參數分別符合兩個原則：家族性原則和等距梯度對比原則。該原則使本方法生成的色彩搭配方案都符合色彩和諧規(guī)律，保證了色彩搭配方案的和諧度。本方法以交互色彩方案生成工具的方式實施。用戶通過圖形界面調節(jié)色相、純度和明度軸上的參數，以構成符合上述原則的色彩要素組合方式，系統(tǒng)即時生成符合用戶需要的和諧色彩搭配方案。系統(tǒng)同時提供配色方案的各顏色參數值和即時圖案著色預覽功能。本發(fā)明具有交互界面直觀、工作流程簡潔、色彩關系編輯方式高效和色彩和諧度穩(wěn)定等優(yōu)點。
【專利說明】
交互式和諧的配色方法

【技術領域】
[0001]本發(fā)明屬于計算機輔助設計領域和色彩設計領域，涉及和諧色彩搭配方案的自動和交互式生成方法。

【背景技術】
[0002]現(xiàn)有的色彩搭配設計方法中，保證色彩方案和諧主要有三條途徑:依靠設計師對色彩的感性判斷；依照既有藝術作品中的色彩搭配方案或色彩搭配參考書中給出的搭配方案；及依據和運用色彩理論中的色相對比規(guī)律和原則。
[0003]現(xiàn)有的色彩方案搭配方法和工具存在如下缺點:受制于設計師感覺的不穩(wěn)定性和設計師的個人專業(yè)素養(yǎng)；設計過程中難以預測最終效果，在填色預覽階段總是頻繁地返工，影響工作效率；設計工具的交互界面不夠直觀，用戶體驗不佳，設計出的方案難以符合用戶的要求，但又不便修改。


【發(fā)明內容】

[0004]本發(fā)明克服了現(xiàn)有技術的上述缺點，提出了一種直觀、高效、穩(wěn)定地保證色彩和諧的色彩搭配方法。
[0005]為了保證色彩方案的全局性和諧度，本方法建立在兩個原則之上:色彩家族性原則和梯度對比原則。
[0006]色彩的家族性原則:在一個配色方案中，各顏色的色相、純度、和明度三維度中保證有一到兩個維度的參數一致(色相值相等、純度值相等或明度值相等)。
[0007]色彩的梯度對比原則:在一個配色方案中，各顏色的色相、純度、和明度三維度中保證有一到兩個維度的參數遵循等跨度分布，使各顏色的對比在同一要素維度上呈等值梯度對比。圖1 一 3分別示意了色相、純度和明度三個維度的梯度對比原理。
[0008]兩種原則的疊加:在一個配色方案中，只有一個色彩要素維度符合家族性原則，其他兩個維度都符合梯度對比原則；或兩個色彩要素維度符合家族性原則，只有一個維度符合梯度對比原則。通過色彩家族性原則和梯度對比原則疊加形成下列六種色彩搭配組合方式:
[0009]色相符合家族性原則、純度符合家族性原則、明度符合梯度對比原則；
[0010]色相符合家族性原則、純度符合梯度對比原則、明度符合家族性原則；
[0011]色相符合梯度對比原則、純度符合家族性原則、明度符合家族性原則；
[0012]色相符合家族性原則、純度符合梯度對比原則、明度符合梯度對比原則；
[0013]色相符合梯度對比原則、純度符合家族性原則、明度符合梯度對比原則；
[0014]色相符合梯度對比原則、純度符合梯度對比原則、明度符合家族性原則。
[0015]在HSL色彩空間中，保證色相、純度和明度三要素關系服從色彩的家族性原則和梯度對比原則，以實現(xiàn)這兩種原則的六種色彩搭配組合方式。本方法基于HSL色立體的可視化交互操作和計算。
[0016]本發(fā)明所述的交互式和諧配色方法包括如下實現(xiàn)步驟:
[0017]1.在本方法實施工具運行的狀態(tài)下，在文件菜單欄中選取導入命令，導入需要設計和著色的位圖圖片；
[0018]2.根據要設計的方案要求，在選擇菜單欄中選擇相應的顏色套數；
[0019]3.在色調傾向調節(jié)區(qū)中拖動游標設定色相、純度和明度上的參數值，確定色彩方案的整體色彩傾向；
[0020]4.在色彩對比度與限制調節(jié)欄中勾選色相、純度和明度軸中的一到兩項，所有顏色的在被勾選軸上的值因此被設定為完全相等(即符合色彩家族性原則)，未勾選軸的值呈等差值梯度對比(即符合梯度對比原則)，因而將家族性原則和梯度對比原則結合起來，形成下列六種色彩搭配方式:
[0021]色相符合家族性原則、純度符合家族性原則、明度符合梯度對比原則；
[0022]色相符合家族性原則、純度符合梯度對比原則、明度符合家族性原則；
[0023]色相符合梯度對比原則、純度符合家族性原則、明度符合家族性原則；
[0024]色相符合家族性原則、純度符合梯度對比原則、明度符合梯度對比原則；
[0025]色相符合梯度對比原則、純度符合家族性原則、明度符合梯度對比原則；
[0026]色相符合梯度對比原則、純度符合梯度對比原則、明度符合家族性原則；
[0027]5.在色彩對比度與限制調節(jié)欄中拖動未勾選軸的游標調節(jié)各顏色在此軸向上的總體對比跨度，以設定色彩方案的對比強度；
[0028]6.在色標顯示區(qū)按照色彩方案對比軸的維度值次序，排列顯示各個顏色的色標小樣，并在每個色標下面顯示該顏色的RGB值和HSL值；
[0029]7.在色標顯示區(qū)交替單擊各個色標，以交換對應的填色區(qū)域，調整圖案的色彩布局;
[0030]8.在文件菜單欄中選擇保存命令，保存著色預覽區(qū)呈現(xiàn)的當前著色方案。
[0031]進一步，步驟第4的色彩家族性原則:在一個配色方案中，各顏色的色相、純度、和明度三維度中有一到兩個維度的參數一致(色相值相等、純度值相等或明度值相等)，其他一到兩個維度的參數均勻分布。
[0032]進一步，步驟第4的色彩梯度對比原則:在一個配色方案中，各顏色的對比符合色相、純度、或明度軸上均勻分布，形成各顏色在同一要素維度上的等差值梯度分布。
[0033]本發(fā)明具有如下優(yōu)點:直觀的交互界面、簡潔的工作流程、高效的色彩關系編輯方式和穩(wěn)定的色彩和諧保證。

【專利附圖】

【附圖說明】
[0034]圖1。色相梯度對比原則示意圖。
[0035]圖2。純度梯度對比原則示意圖。
[0036]圖3。明度梯度對比原則示意圖。
[0037]圖4。本發(fā)明的用戶使用流程圖。
[0038]圖5。本方法具體實施的軟件界面。

【具體實施方式】
[0039]參照附圖:
[0040]為了保證色彩方案的全局性和諧度，本方法建立在兩個原則之上:色彩家族性原則和梯度對比原則。
[0041]色彩的家族性原則:在一個配色方案中，各顏色的色相、純度、和明度三維度中保證有一到兩個維度的參數一致(色相值相等、純度值相等或明度值相等)。
[0042]色彩的梯度對比原則:在一個配色方案中，各顏色的色相、純度、和明度三維度中保證有一到兩個維度的參數遵循等跨度分布，使各顏色的對比在同一要素維度上呈等值梯度對比。圖1 一 3分別示意了色相、純度和明度三個維度的梯度對比原理。
[0043]兩種原則的疊加:在一個配色方案中，只有一個色彩要素維度符合家族性原則，其他兩個維度都符合梯度對比原則；或兩個色彩要素維度符合家族性原則，只有一個維度符合梯度對比原則。通過色彩家族性原則和梯度對比原則疊加形成下列六種色彩搭配組合方式:
[0044]色相符合家族性原則、純度符合家族性原則、明度符合梯度對比原則；
[0045]色相符合家族性原則、純度符合梯度對比原則、明度符合家族性原則；
[0046]色相符合梯度對比原則、純度符合家族性原則、明度符合家族性原則；
[0047]色相符合家族性原則、純度符合梯度對比原則、明度符合梯度對比原則；
[0048]色相符合梯度對比原則、純度符合家族性原則、明度符合梯度對比原則；
[0049]色相符合梯度對比原則、純度符合梯度對比原則、明度符合家族性原則。
[0050]依據上述方法，本發(fā)明的實施以HSL色立體的可視化交互操作和計算為基礎，通過保證色彩方案的色相、純度和明度三要素關系服從色彩的家族性原則和梯度對比原則，并實現(xiàn)這兩種原則的六種色彩搭配組合方式，以保證用戶在此規(guī)則框架內通過調整色彩全局關系獲得的任意色彩搭配方案一定和諧。圖4為本發(fā)明的工作原理與基本流程。
[0051]下面結合圖4的基本流程和圖5呈現(xiàn)的案例介紹用戶使用本方法設計色彩方案的全過程:
[0052]1.在本方法實施工具運行的狀態(tài)下，在文件菜單欄中選取導入命令，導入需要設計和著色的位圖圖片；
[0053]2.根據要設計的方案要求，在選擇菜單欄中選擇相應的顏色套數；
[0054]3.在色調傾向調節(jié)區(qū)中拖動游標設定色相、純度和明度上的參數值，確定色彩方案的整體色彩傾向；
[0055]4.在色彩對比度與限制調節(jié)欄中勾選色相、純度和明度軸中的一到兩項，所有顏色的在被勾選軸上的值因此被設定為完全相等(即符合色彩家族性原則)，未勾選軸的值呈等差值梯度對比(即符合梯度對比原則)，因而將家族性原則和梯度對比原則結合起來，形成下列六種色彩搭配方式:
[0056]色相符合家族性原則、純度符合家族性原則、明度符合梯度對比原則；
[0057]色相符合家族性原則、純度符合梯度對比原則、明度符合家族性原則；
[0058]色相符合梯度對比原則、純度符合家族性原則、明度符合家族性原則；
[0059]色相符合家族性原則、純度符合梯度對比原則、明度符合梯度對比原則；
[0060]色相符合梯度對比原則、純度符合家族性原則、明度符合梯度對比原則；
[0061]色相符合梯度對比原則、純度符合梯度對比原則、明度符合家族性原則；
[0062]5.在色彩對比度與限制調節(jié)欄中拖動未勾選軸的游標調節(jié)各顏色在此軸向上的總體對比跨度，以設定色彩方案的對比強度；
[0063]6.在色標顯示區(qū)按照色彩方案對比軸的維度值次序，排列顯示各個顏色的色標小樣，并在每個色標下面顯示該顏色的RGB值和HSL值；
[0064]7.在色標顯示區(qū)交替單擊各個色標，以交換對應的填色區(qū)域，調整圖案的色彩布局;
[0065]8.在文件菜單欄中選擇保存命令，保存著色預覽區(qū)呈現(xiàn)的當前著色方案。
[0066]步驟第4的色彩家族性原則:在一個配色方案中，各顏色的色相、純度、和明度三維度中有一到兩個維度的參數一致(色相值相等、純度值相等或明度值相等)，其他一到兩個維度的參數均勻分布。
[0067]步驟第4的色彩梯度對比原則:在一個配色方案中，各顏色的對比符合色相、純度、或明度軸上均勻分布，形成各顏色在同一要素維度上的等差值梯度分布。
[0068]本流程中，用戶可以視色彩效果滿意度反復步驟3到步驟6的流程，直至獲得滿意的色彩搭配方案。另外，圖5a區(qū)域提供了基于HSL色彩空間更為直觀的色彩關系調整游標系統(tǒng)。用戶可以直接在該區(qū)域完成與普通流程中步驟3到步驟6的調整任務。這兩種調整方式是等價的。
【權利要求】
1.一種基于HSL色立體可視化的交互式和諧配色方法，包括如下步驟: 1)在本方法實施工具運行的狀態(tài)下，在文件菜單欄中選取導入命令，導入需要設計和著色的位圖圖片； 2)根據要設計的方案要求，在選擇菜單欄中選擇相應的顏色套數； 3)在色調傾向調節(jié)區(qū)中拖動游標設定色相、純度和明度上的參數值，確定色彩方案的整體色彩傾向； 4)在色彩對比度與限制調節(jié)欄中勾選色相、純度和明度軸中的一到兩項，所有顏色的在被勾選軸上的值因此被設定為完全相等(即符合色彩家族性原則)，未勾選軸的值呈等差值梯度對比(即符合色彩梯度對比原則)，因而將家族性原則和梯度對比原則結合起來，形成下列六種色彩搭配方式: 色相符合家族性原則、純度符合家族性原則、明度符合梯度對比原則； 色相符合家族性原則、純度符合梯度對比原則、明度符合家族性原則； 色相符合梯度對比原則、純度符合家族性原則、明度符合家族性原則； 色相符合家族性原則、純度符合梯度對比原則、明度符合梯度對比原則； 色相符合梯度對比原則、純度符合家族性原則、明度符合梯度對比原則； 色相符合梯度對比原則、純度符合梯度對比原則、明度符合家族性原則； 5)在色彩對比度與限制調節(jié)欄中拖動未勾選軸的游標調節(jié)各顏色在此軸向上的總體對比跨度，以設定色彩方案的對比強度； 6)在色標顯示區(qū)按照色彩方案對比軸的維度值次序，排列顯示各個顏色的色標小樣，并在每個色標下面顯示該顏色的RGB值和HSL值； 7)在色標顯示區(qū)交替單擊各個色標，以交換對應的填色區(qū)域，調整圖案的色彩布局； 8)在文件菜單欄中選擇保存命令，保存著色預覽區(qū)呈現(xiàn)的當前著色方案。
2.根據權利要求1中第4)點的色彩家族性原則:在一個配色方案中，各顏色的色相、純度、和明度三維度中有一到兩個維度的參數一致(色相值相等、純度值相等或明度值相等)，其他一到兩個維度的參數均勻分布。
3.根據權利要求1中第4)點的色彩梯度對比原則:在一個配色方案中，各顏色的對比符合色相、純度、或明度軸上均勻分布，形成各顏色在同一要素維度上的等差值梯度分布。
【文檔編號】G06F17/50GK104199994SQ201410319598
【公開日】2014年12月10日 申請日期:2014年7月7日 優(yōu)先權日:2014年7月7日
【發(fā)明者】胡國生, 盛艾, 梁勇 申請人:中國美術學院