專利名稱：用于自動生成配色法變體的系統(tǒng)和方法
技術領域：
本發(fā)明涉及圖形設計，更具體地，涉及根據(jù)電子文檔的當前配色法自動生成配色 法變體的集合。
背景技術：
圖形設計包括圖形內(nèi)容、文本和顏色的組合。對于在設計中所使用的顏色的選擇 常常稱為設計的“配色法(color scheme)”。例如，帶有黑色文本的白色背景的使用是在電 子文字處理文檔中基本的和常見的缺省配色法。Web瀏覽器應用的通常的配色法包括藍、 灰、白的不同色調(diào)，以呈現(xiàn)包括標題欄、工具條、和滾動條的瀏覽器窗口。不同的配色法可用于規(guī)定特定的字形，喚起來自觀看者的印象和感覺，以及創(chuàng)建 總體的感染力。在一起被使用時產(chǎn)生美感的顏色在配色法中常?；ハ喟殡S在一起。基本配 色法可包括一起產(chǎn)生某種感染力的兩種顏色。更先進的配色法牽涉到組合的幾種顏色，包 括不同色調(diào)的顏色，甚至包括單個顏色的不同深淺的顏色。配色法常常用色環(huán)(color wheel)上顏色的邏輯組合來描述。色環(huán)是圍繞圓圈的 顏色色調(diào)的組織，示出被認為是基色、間色、補色等的顏色之間的關系。藝術家典型地使用紅色、黃色、和藍色基色(RYB顏色模型)，這樣，這些顏色被安 排在圍繞其色環(huán)的三個相等間隔的點。使用現(xiàn)代減色方法和術語的打印機等等使用品紅、 黃色和青色作為減色法基色。電子顯示器，諸如TV屏幕和計算機監(jiān)視器，利用發(fā)光源來顯示顏色。用于這些設 備的基色是紅色、綠色、和藍色(RGB)，由此紅色、綠色、和藍色光的各種組合產(chǎn)生色調(diào)、飽和度與亮度。色環(huán)和色圈的中間點和內(nèi)部點代表顏色混合。在RGB或其它發(fā)光源色環(huán)中，中心 通常是白色，代表光的所有顏色的組合。圖形設計應用允許用戶創(chuàng)建和編輯圖形設計。這樣的應用典型地包括調(diào)色板，其 允許用戶選擇在設計中的元素的顏色。這樣的應用還可允許用戶把配色法改變成多個預先 選擇的顏色集合(被稱為配色法)中的一個。然而，這些配色法由應用設計者預先確定，并 且限制用戶選擇預先確定的配色法之一或在創(chuàng)建想要的配色法時的完全自主性。如果用戶 創(chuàng)建定制的配色法，則當前沒有可用的任何容易和有效的技術以自動創(chuàng)建定制的配色法變 體。因此，希望具有可用的圖形工具，其根據(jù)給定的配色法(具體地，由給定設計中的 顏色確定的配色法)，自動生成配色法變體。還希望把配色法變體表現(xiàn)給用戶，并允許用戶 選擇特定的配色法變體和把在工作區(qū)域中顯示的設計自動更新到所選擇的變體的顏色。

發(fā)明內(nèi)容
本發(fā)明的實施例涉及根據(jù)電子設計的當前配色法自動生成配色法變體。按照本發(fā)明的一個實施例，一種計算機實施的、用于根據(jù)電子文檔的當前配色法自動生成配色法變體的集合的方法，包括確定電子設計的原始配色法，所述原始配色法包 括用于實施電子設計的原始顏色集合；把在原始顏色集合中的顏色映射到色環(huán)上相應位置 處的相應點；將每個點圍繞色環(huán)旋轉相同的旋轉角度到相應的新位置；確定與在色環(huán)上相 應新位置處的已旋轉點相關聯(lián)的對應的新顏色；以及表現(xiàn)與已旋轉點相關聯(lián)的新顏色的至 少一個子集作為原始配色法的配色法變體。按照本發(fā)明的另一個實施例，計算機可讀介質(zhì)包括程序指令，該程序指令在被計 算機執(zhí)行時，實施用于根據(jù)電子文檔的當前配色法自動生成配色法變體的集合的以上方法。按照本發(fā)明的再一個實施例，用于根據(jù)電子文檔的當前配色法自動生成配色法變 體的集合的系統(tǒng)，包括處理器、顯示器、檢測和接收用戶輸入的輸入設備、由處理器執(zhí)行的 圖形設計應用，用于在顯示器上表現(xiàn)圖形用戶界面和接收來自輸入設備的用戶輸入，以在 圖形用戶界面的工作區(qū)域中創(chuàng)建設計；以及配色法變體控件，用于確定電子設計的原始配 色法，所述原始配色法包括用于實施電子設計的原始顏色集合，把原始顏色集合中的顏色 映射到色環(huán)上相應位置處的相應點，將每個點圍繞色環(huán)旋轉相同的旋轉角度到相應的新位 置，確定與在色環(huán)上相應新位置處的已旋轉點相關聯(lián)的對應的新顏色，以及表現(xiàn)與已旋轉 點相關聯(lián)的新顏色的至少一個子集作為原始配色法的配色法變體。本發(fā)明的優(yōu)點是自動生成提供類似的美學感染力的原始配色法的變體以表現(xiàn)給 圖形設計應用的用戶，允許用戶快速選擇替換的、而且類似地吸引人的配色法。參照附圖、說明和權利要求，將更好地了解本發(fā)明的這些和其它目的、特征和優(yōu) 點ο


圖1是示例性圖形設計應用的示例性圖形用戶界面窗口。圖2是示例性配色法變體控件的框圖。圖3是色環(huán)的示例性例子。圖4A到4D是圖3的色環(huán)的描繪圖，顯示通過不同角度旋轉而旋轉變換的顏色。圖5是在用戶激活配色法變體控件后，圖1的圖形用戶界面窗口。圖6是用于自動生成配色法變體的示例性方法的流程圖。圖7是顯示在實施色環(huán)限制時所牽涉到的變換的框圖。圖8是其中可以運行本發(fā)明的示例性計算環(huán)境。
具體實施例方式圖1描繪顯示示例性圖形設計應用的用戶接口的窗口 100。正如在圖上顯示的，窗 口 100包括工作區(qū)域110、多個格式化與編輯控件120、調(diào)色板130、和配色法變體控件140。用戶可以利用鼠標或其它輸入設備來激活格式化與編輯控件120，在工作區(qū)域內(nèi) 創(chuàng)建設計150。格式化與編輯控件120可包括允許用戶選擇工作區(qū)域中的元素的選擇控件； 和允許用戶設置在工作區(qū)域110中顯示的內(nèi)容的縮放(放大)水平的放大控件。編輯控件 可包括允許用戶畫出工作區(qū)域110中的物體的筆工具；允許用戶在工作區(qū)域110中輸入文 本的文本工具；允許用戶用顏色和效果填充工作區(qū)域110中的元素的填充工具；允許用戶用顏色和效果涂畫工作區(qū)域110中的區(qū)域的油漆工具；允許用戶從工作區(qū)域110中擦除內(nèi) 容的擦除工具；允許用戶在工作區(qū)域110中畫直線的直線工具；允許用戶工作區(qū)域110中 畫有控制的弧線的弧線工具；允許用戶工作區(qū)域110中畫自由形式的線的自由形式工具； 允許用戶在工作區(qū)域110中創(chuàng)建矩形方框的方框工具；以及允許用戶在工作區(qū)域110中創(chuàng) 建橢圓形的橢圓工具。在圖1所示的例子中，在工作區(qū)域110中創(chuàng)建示例性設計150。示例性設計150包 括矩形151，其被填充以第一顏色A，用顏色C作為輪廓；橢圓152，其被填充以顏色B ；和顏 色為D的直線153。設計元素的顏色可以通過選擇元素，然后在調(diào)色板130上點擊對于該元 素想要的顏色而設置。這樣的顏色選擇在電子圖形設計領域是熟知的。對于設計中所有元 素所選擇的顏色構成設計150的當前配色法。圖2是顯示配色法變體控件200的框圖，該配色法變體控件200接收配色法，和根 據(jù)當前配色法生成多個不同的配色法，即，配色法變體1到η。示例性色環(huán)300被顯示于圖3。不同的色調(diào)(純色)用圍繞圓的不同角度代表。 在數(shù)字圖像中，表示顏色的方式依賴于由特定系統(tǒng)所使用的顏色模型。例如，RGB(紅色、綠 色、藍色)顏色模型是簡單的相加模型，其中顏色的每個分量(紅色、綠色、藍色)的強度用 0到255的標度表示，其中255代表全部強度。各個顏色值然后被相加，給出總的顏色。黑 色用RGB (0,0,0)代表；白色用(255，255，255)代表；紅色用(255，0，0)代表；藍色用(0,0, 255)代表；綠色用(0,255,0)代表；青色用(0，255，255)代表；品紅用(255，0，255)代表； 黃色用(255，255，0)代表；以及其它顏色用RGB分量顏色的各種其它組合代表。在電子顯 示器中，顏色是通過組合紅色、綠色、和藍色光而生成的，因此RGB模型被用于呈現(xiàn)目的。另一種顏色模型是HSL (色調(diào)、飽和度、亮度)模型，它表示依據(jù)色調(diào)(純色)、飽和 度(顏色的強度)、亮度(照度)的像素的顏色。還存在其它顏色模型，有用于表征顏色和 用于表征不同像素的顏色的差別的現(xiàn)有技術。圖3上的色環(huán)代表按照圍繞色環(huán)的圓的旋轉角度的不同色調(diào)。飽和度可以用離圓 中心的徑向距離來表示，其中最高的飽和度被表示在圓的外圓周處，以及最低的飽和度被 表示在圓的中心處。在色環(huán)模型中，發(fā)光度或亮度是常數(shù)。現(xiàn)在參照圖1的圖形設計應用的圖形用戶界面的工作區(qū)域110中的示例性設計 150，對于元素151，152，153所使用的顏色A，B, C，和D映射到色環(huán)300上的對應點A，B, C， 和D，如圖3所示。在工作區(qū)域110中的設計150中所使用的顏色(在本例中，四個顏色A， B，C，D，但實際上它可包括任何數(shù)目的不同顏色)一起定義設計150的“當前配色法”。為了生成設計的當前配色法的變體，配色法變體控件140把在當前配色法中的每 個顏色A，B, C，D圍繞色環(huán)300旋轉預定的量。在示例性實施例中，圖形設計應用支持圍繞 360°色環(huán)相等間隔開的多達720個不同色調(diào)。因此，可以僅僅根據(jù)純色調(diào)旋轉，通過把當 前配色法中的每個顏色旋轉15°的倍數(shù)以生成多達M個不同配色法，而生成當前配色法 的不同變體。圖4A到4D顯示把當前配色法的顏色A，B，C，D旋轉15°的倍數(shù)以生成配色法變體 V1, V2, V3, ... , V23O 每個配色法變體 V1, V2, V3, ... , V23 是當前配色法 V = {A，B，C，D}的一 個變型，其中每個顏色A，B, C，D圍繞色環(huán)旋轉15°的倍數(shù)，以及其中旋轉的角度代表顏色 的色調(diào)。優(yōu)選地，顏色的其它分量，例如飽和度與亮度(或發(fā)光度)，被保持為不變。在任何給定配色法變體V’中的所有顏色A’，B’，C’，D’被旋轉預定的旋轉角度的相同倍數(shù)。因此， 在圖4A上顯示的第一配色法變體V1包括顏色集合{AWpDj，其中A1 =A+(1X15° )， B1 = BidXlSa )，C1 = C+(1X15° )，和 D1 = D+(1 X 15 ° )。在圖 4B 上顯示的第二配 色法變體 V2 包括顏色集合{A2，B2, C2，D2}，其中 A2 = A+OX 15° ), B2 = B+(2X15° ), C2 =C+OX 15° )，和込=D+QX15。)。因此，在第二配色法變體V2中的所有顏色A2, B2, C2，D2從原始顏色A，B，C，D旋轉30°。在圖4C上顯示的第三配色法變體V3包括顏色集合 {A3，B3, C3, D3}，其中 A3 = A+(3X15° ), B3 = B+(3X15° )，C3 = C+(3X 15° )，禾口 D3 = D+(3X15° )。因此，在第三配色法變體V3中的所有顏色A3，B3，C3，D3在色環(huán)上從原始顏色 A，B，C，D旋轉45°。然后可以繼續(xù)接連地旋轉顏色15°，以生成附加的配色法變體，多達M 種全部配色法變體(包括原始配色法)。圖4D顯示第23個配色法變體V23，V23包括顏色集 合認23，化3，(23，023}，其中43 =八+(23\15° ),B23 = B+(23 X 15° ),C23 = C+(23 X 15° )， 禾口 Dm = D+(23 X 15° )。因此，在第23個配色法變體V23中的所有顏色A23，B23，C23，在 色環(huán)上從原始顏色A，B, C，D旋轉345°。圖5顯示在用戶點擊顯示配色法變體單選按鈕140后的圖1的窗口 100。點擊顯 示配色法變體單選按鈕140激活圖2的配色法變體控件200，把構成當前配色法的、在工作 區(qū)域110中的顏色A，B，C，D旋轉M個接連的15°的倍數(shù)，以生成M個不同的配色法變體 V1, V2, V3, ... , V23O配色法變體V1, V2，V3, ...，V23可被存儲在存儲器中。每個配色法V，V1, V2，V3,...，Vm可以用至少包括相應配色法中的顏色子集的顏色 樣本(color swatch) 1600，160” 1602，· · ·，16 023代表。針對顯示的樣本所選擇的顏色子集 可以按照任何想要的選擇準則進行選擇。在一個實施例中，樣本顏色選擇準則是在工作區(qū)域的設計中使用的主色的選擇。 主色可以是用于呈現(xiàn)工作區(qū)域110中最大數(shù)目的像素的、配色法中的顏色子集。替換地，主 色可以是被用于設計的特定元素的、配色法中的顏色子集。例如，雖然工作區(qū)域10的背景 包括設計150中最大數(shù)目的像素，但如果背景顏色要被保持為恒定，或背景顏色不被看作 設計本身的一部分(例如在可以在任何數(shù)目的不同背景上顯示或打印的圖標的設計的情 形下)，當確定與用于確定設計中的主色的不同顏色相關聯(lián)的像素的相應數(shù)目時，那些呈現(xiàn) 背景的像素在總的像素計數(shù)中可以不被考慮在內(nèi)。在圖5的圖形設計應用的用戶界面中顯示的每個樣本16(^16(^16 , . . . , 16023 代表工作區(qū)域Iio中設計150的當前配色法的不同變體。當用戶例如通過用鼠標指針101 點擊樣本1603而選擇樣本160。，1601； 1602，. . .，16023之一時，如圖5所示，在工作區(qū)域110 中顯示的設計150通過使用所選擇的樣本的顏色而被重新呈現(xiàn)。因此，如果樣本1603被選 擇，則原始顏色A將作為顏色A3被呈現(xiàn)，原始顏色B將作為顏色 被呈現(xiàn)，原始顏色C將作 為顏色C3被呈現(xiàn)，原始顏色D將作為顏色D3被呈現(xiàn)。圖6顯示在用戶選擇樣本1603后的 窗口 100。樣本16CV 1601； 1602，. . .，16 023繼續(xù)被顯示，直至用戶不選擇顯示配色法變體單 選按鈕140為止。如果樣本160。，1601； 1602，· · ·，16 023被顯示(因為顯示配色法變體單選按鈕140 被激活)，用戶改變設計150的元素151、152、153的顏色或把具有新顏色的新元素加到設 計150中，則配色法變體控件200自動更新配色法變體并按照更新后的配色法變體重新呈 現(xiàn)樣本 160。，160” 1602，· · · ，16 023。
在實施中，配色法變體控件包括檢測對顯示配色法變體單選按鈕的點擊事件的圖 形用戶界面部件、實際執(zhí)行用于生成配色法變體的計算的應用部件、和把配色法變體的樣 本呈現(xiàn)在用戶的顯示器上的另一個圖形用戶界面部件。對于通過用戶與圖形用戶界面交互而點擊單選按鈕造成的點擊事件的檢測在技 術上是熟知的，在圖形用戶界面上呈現(xiàn)顏色樣本也是如此。圖6是顯示由實際上生成配色 法變體的配色法變體控件的應用部件所執(zhí)行的步驟的流程圖。如圖6所示，用于根據(jù)電子文檔的當前配色法自動生成配色法變體的集合的方法 600包括以下步驟確定電子設計的包括用于實施電子設計的原始顏色集合的原始配色法 (步驟601)；把原始顏色集合中的顏色映射到色環(huán)上相應位置處的相應點(步驟60 ；把 每個點圍繞色環(huán)旋轉相同的旋轉度數(shù)到色環(huán)上的相應的新位置(步驟60 ；確定與在色環(huán) 上的相應新位置處的已旋轉點相關聯(lián)的對應的新顏色(步驟604)；以及把與已旋轉點相 關聯(lián)的新顏色的至少一個子集呈現(xiàn)在用戶顯示器上，作為原始配色法的配色法變體(步驟605)。步驟603到605可以重復多次，以生成多個不同的配色法變體，并把它們呈現(xiàn)給用戶。方法600可以合并到包括檢測用于激活配色法變體生成的點擊事件的點擊事件 控件的圖形用戶界面。在本實施例中，方法還可包括檢測配色法變體控件的激活(步驟606)，并在檢到測配色法變體控件的激活時執(zhí)行步驟601到605。方法還可包括檢測用戶選擇所表現(xiàn)的配色法變體之一(步驟607)和使用所選擇 的配色法變體把電子設計重新呈現(xiàn)在工作區(qū)域中(步驟608)。本領域技術人員將會意識到，雖然在概念上配色法變體是通過圍繞色環(huán)旋轉原始 配色法而生成的，但實際的映射和旋轉本身可以借助數(shù)學變換執(zhí)行，而不是實際地實施用 于顯示給用戶的色環(huán)。也就是，如圖7所示，可以生成代表色環(huán)的數(shù)學模型，以使得在給定 RGB顏色ColOTtoiginal時，給定顏色的所得到的位置可以借助于RGB到色環(huán)位置變換702而 找到。而且，給定原始顏色的找到的位置或想要的旋轉角度705后，原始到新色環(huán)位置變換 704可以計算到色環(huán)上新的點的旋轉，這可以在數(shù)學上進行計算(或甚至可以借助于簡單 的查找表進行變換，在查找表中預先存儲有通過給定的旋轉角度從一個點到另一個點的數(shù) 學變換)。從色環(huán)上新的點到RGB表示的、色環(huán)位置到RGB變換706也可以在數(shù)學上或經(jīng)由 查找表執(zhí)行。因此，給定具有多個顏色的原始配色法時，如圖7所示的變換可以實施圖6的 步驟，包括映射602、旋轉603、和確定對應的新顏色604步驟，而不實際生成或顯示圖3和 圖4A-4D的實際的色環(huán)。圖8顯示其中本發(fā)明可以運行的示例性計算環(huán)境。在這個環(huán)境下，過程802執(zhí)行存 儲在存儲器804中的代碼。存儲器804存儲計算機可讀指令，包括實施圖形設計應用810的 指令。圖形設計應用810還包括用于實施圖形用戶界面812的指令，借助這個指令，圖形用 戶界面被顯示在諸如計算機監(jiān)視器的顯示器808上，并且借助這個指令，圖形設計應用經(jīng) 由諸如鼠標和鍵盤之類的一個或多個用戶輸入設備806接收用戶輸入。圖形設計應用810 還包括用于實施例如按照圖6的方法生成配色法變體的配色法變體控件814的指令。處理 器802執(zhí)行圖形設計應用810以及它的圖形用戶界面812和配色法變體控件814的指令。 圖形設計應用810、圖形用戶界面812和配色法變體控件814的操作可以是如以前參照圖1 到7描述的。雖然已討論了本發(fā)明的示例性實施例，但所描述的實施例應當看作為說明性而不是限制性的。本發(fā)明的范圍是如在以下的權利要求和所有等價方法和系統(tǒng)中指示的。
權利要求
1.一種計算機實施的、用于根據(jù)電子文檔的當前配色法自動生成配色法變體的集合的 方法，包括確定電子設計的原始配色法，所述原始配色法包括用于實施電子設計的原始顏色集合；把在原始顏色集合中的顏色映射到色環(huán)上相應位置處的相應點； 將每個點圍繞色環(huán)旋轉相同的旋轉角度到相應的新位置； 確定與在色環(huán)上相應新位置處的已旋轉點相關聯(lián)的對應的新顏色；以及 表現(xiàn)與已旋轉點相關聯(lián)的新顏色的至少一個子集作為原始配色法的配色法變體。
2.權利要求1的方法，還包括使用配色法變體來呈現(xiàn)電子設計。
3.權利要求1的方法，還包括重復進行旋轉步驟到表現(xiàn)步驟至少一次，以表現(xiàn)原始配 色法的一個或多個附加配色法變體。
4.權利要求1的方法，還包括檢測配色法變體之一的用戶選擇；以及 使用所選擇的配色法變體來呈現(xiàn)電子設計。
5.權利要求1的方法，其中使用數(shù)學變換執(zhí)行映射、旋轉和確定步驟。
6.一種包括程序指令的計算機可讀介質(zhì)，所述程序指令在被計算機執(zhí)行時實施用于根 據(jù)電子文檔的當前配色法自動生成配色法變體的集合的方法，所述方法包括確定電子設計的原始配色法，所述原始配色法包括用于實施電子設計的原始顏色集合；把在原始顏色集合中的顏色映射到色環(huán)上相應位置處的相應點； 將每個點圍繞色環(huán)旋轉相同的旋轉角度到相應的新位置； 確定與在色環(huán)上相應新位置處的已旋轉點相關聯(lián)的對應的新顏色；以及 表現(xiàn)與已旋轉點相關聯(lián)的新顏色的至少一個子集作為原始配色法的配色法變體。
7.權利要求6的計算機可讀介質(zhì)，還包括使用配色法變體來呈現(xiàn)電子設計。
8.權利要求6的計算機可讀介質(zhì)，還包括重復進行旋轉步驟到表現(xiàn)步驟至少一次，以 表現(xiàn)原始配色法的一個或多個附加配色法變體。
9.權利要求6的計算機可讀介質(zhì)，還包括 檢測配色法變體之一的用戶選擇；以及 使用所選擇的配色法變體來呈現(xiàn)電子設計。
10.權利要求6的計算機可讀介質(zhì)，其中使用數(shù)學變換執(zhí)行映射、旋轉和確定步驟。
11.一種用于根據(jù)電子文檔的當前配色法自動生成配色法變體的集合的系統(tǒng)，包括 處理器；顯不器；檢測和接收用戶輸入的輸入設備；由處理器執(zhí)行的圖形設計應用，用于在顯示器上表現(xiàn)圖形用戶界面，和接收來自輸入 設備的用戶輸入，以在圖形用戶界面的工作區(qū)域中創(chuàng)建設計；以及配色法變體控件，用于確定電子設計的原始配色法，所述原始配色法包括用于實施電 子設計的原始顏色集合，把原始顏色集合中的顏色映射到色環(huán)上相應位置處的相應點，將 每個點圍繞色環(huán)旋轉相同的旋轉角度到相應的新位置，確定與在色環(huán)上相應新位置處的已2旋轉點相關聯(lián)的對應的新顏色，以及表現(xiàn)與已旋轉點相關聯(lián)的新顏色的至少一個子集作為 原始配色法的配色法變體。
12.權利要求11的系統(tǒng)，其中圖形設計應用的圖形用戶界面檢測所表現(xiàn)的配色法變體 之一的用戶選擇，并使用所選擇的配色法變體在圖形用戶界面的工作區(qū)域中呈現(xiàn)設計。
13.權利要求11的系統(tǒng)，其中配色法變體控件根據(jù)原始配色法表現(xiàn)多個不同的配色法 變體。
14.權利要求11的系統(tǒng)，其中配色法變體控件包括把顏色值變換為色環(huán)上對應顏色值的位置的顏色表示變換；把色環(huán)上的輸入坐標變換成色環(huán)上的新坐標的色環(huán)旋轉變換，所述新坐標包括把輸入 坐標在色環(huán)上旋轉預定的旋轉角度；以及把色環(huán)坐標變換為對應的顏色值的色環(huán)坐標變換。
全文摘要
用于根據(jù)圖形設計的當前配色法生成圖形設計的配色法變體的方法包括將當前配色法的顏色在色環(huán)上旋轉預定的角位移。
文檔編號G06F17/21GK102047293SQ200980120502
公開日2011年5月4日 申請日期2009年3月24日 優(yōu)先權日2008年4月21日
發(fā)明者R·X··拉米雷斯 申請人:威仕達品特技術有限公司