CN102047293A

CN102047293A - 用于自动生成配色法变体的系统和方法

Info

Publication number: CN102047293A
Application number: CN2009801205025A
Authority: CN
Inventors: R·X··拉米雷斯
Original assignee: Soft Sight Inc
Current assignee: Vistaprint Technologies Ltd; Soft Sight Inc
Priority date: 2008-04-21
Filing date: 2009-03-24
Publication date: 2011-05-04
Also published as: EP2279493A1; AU2009238502A1; WO2009131783A1; US20090262130A1; CA2721907A1

Abstract

用于根据图形设计的当前配色法生成图形设计的配色法变体的方法包括将当前配色法的颜色在色环上旋转预定的角位移。

Description

用于自动生成配色法变体的系统和方法

技术领域

本发明涉及图形设计，更具体地，涉及根据电子文档的当前配色法自动生成配色法变体的集合。

背景技术

图形设计包括图形内容、文本和颜色的组合。对于在设计中所使用的颜色的选择常常称为设计的“配色法(color scheme)”。例如，带有黑色文本的白色背景的使用是在电子文字处理文档中基本的和常见的缺省配色法。Web浏览器应用的通常的配色法包括蓝、灰、白的不同色调，以呈现包括标题栏、工具条、和滚动条的浏览器窗口。

不同的配色法可用于规定特定的字形，唤起来自观看者的印象和感觉，以及创建总体的感染力。在一起被使用时产生美感的颜色在配色法中常常互相伴随在一起。基本配色法可包括一起产生某种感染力的两种颜色。更先进的配色法牵涉到组合的几种颜色，包括不同色调的颜色，甚至包括单个颜色的不同深浅的颜色。

配色法常常用色环(color wheel)上颜色的逻辑组合来描述。色环是围绕圆圈的颜色色调的组织，示出被认为是基色、间色、补色等的颜色之间的关系。

艺术家典型地使用红色、黄色、和蓝色基色(RYB颜色模型)，这样，这些颜色被安排在围绕其色环的三个相等间隔的点。使用现代减色方法和术语的打印机等等使用品红、黄色和青色作为减色法基色。

电子显示器，诸如TV屏幕和计算机监视器，利用发光源来显示颜色。用于这些设备的基色是红色、绿色、和蓝色(RGB)，由此红色、绿色、和蓝色光的各种组合产生色调、饱和度与亮度。

色环和色圈的中间点和内部点代表颜色混合。在RGB或其它发光源色环中，中心通常是白色，代表光的所有颜色的组合。

图形设计应用允许用户创建和编辑图形设计。这样的应用典型地包括调色板，其允许用户选择在设计中的元素的颜色。这样的应用还可允许用户把配色法改变成多个预先选择的颜色集合(被称为配色法)中的一个。然而，这些配色法由应用设计者预先确定，并且限制用户选择预先确定的配色法之一或在创建想要的配色法时的完全自主性。如果用户创建定制的配色法，则当前没有可用的任何容易和有效的技术以自动创建定制的配色法变体。

因此，希望具有可用的图形工具，其根据给定的配色法(具体地，由给定设计中的颜色确定的配色法)，自动生成配色法变体。还希望把配色法变体表现给用户，并允许用户选择特定的配色法变体和把在工作区域中显示的设计自动更新到所选择的变体的颜色。

发明内容

本发明的实施例涉及根据电子设计的当前配色法自动生成配色法变体。

按照本发明的一个实施例，一种计算机实施的、用于根据电子文档的当前配色法自动生成配色法变体的集合的方法，包括：确定电子设计的原始配色法，所述原始配色法包括用于实施电子设计的原始颜色集合；把在原始颜色集合中的颜色映射到色环上相应位置处的相应点；将每个点围绕色环旋转相同的旋转角度到相应的新位置；确定与在色环上相应新位置处的已旋转点相关联的对应的新颜色；以及表现与已旋转点相关联的新颜色的至少一个子集作为原始配色法的配色法变体。

按照本发明的另一个实施例，计算机可读介质包括程序指令，该程序指令在被计算机执行时，实施用于根据电子文档的当前配色法自动生成配色法变体的集合的以上方法。

按照本发明的再一个实施例，用于根据电子文档的当前配色法自动生成配色法变体的集合的系统，包括：处理器、显示器、检测和接收用户输入的输入设备、由处理器执行的图形设计应用，用于在显示器上表现图形用户界面和接收来自输入设备的用户输入，以在图形用户界面的工作区域中创建设计；以及配色法变体控件，用于确定电子设计的原始配色法，所述原始配色法包括用于实施电子设计的原始颜色集合，把原始颜色集合中的颜色映射到色环上相应位置处的相应点，将每个点围绕色环旋转相同的旋转角度到相应的新位置，确定与在色环上相应新位置处的已旋转点相关联的对应的新颜色，以及表现与已旋转点相关联的新颜色的至少一个子集作为原始配色法的配色法变体。

本发明的优点是：自动生成提供类似的美学感染力的原始配色法的变体以表现给图形设计应用的用户，允许用户快速选择替换的、而且类似地吸引人的配色法。

参照附图、说明和权利要求，将更好地了解本发明的这些和其它目的、特征和优点。

附图说明

图1是示例性图形设计应用的示例性图形用户界面窗口。

图2是示例性配色法变体控件的框图。

图3是色环的示例性例子。

图4A到4D是图3的色环的描绘图，显示通过不同角度旋转而旋转变换的颜色。

图5是在用户激活配色法变体控件后，图1的图形用户界面窗口。

图6是用于自动生成配色法变体的示例性方法的流程图。

图7是显示在实施色环限制时所牵涉到的变换的框图。

图8是其中可以运行本发明的示例性计算环境。

具体实施方式

图1描绘显示示例性图形设计应用的用户接口的窗口100。正如在图上显示的，窗口100包括工作区域110、多个格式化与编辑控件120、调色板130、和配色法变体控件140。

用户可以利用鼠标或其它输入设备来激活格式化与编辑控件120，在工作区域内创建设计150。格式化与编辑控件120可包括允许用户选择工作区域中的元素的选择控件；和允许用户设置在工作区域110中显示的内容的缩放(放大)水平的放大控件。编辑控件可包括允许用户画出工作区域110中的物体的笔工具；允许用户在工作区域110中输入文本的文本工具；允许用户用颜色和效果填充工作区域110中的元素的填充工具；允许用户用颜色和效果涂画工作区域110中的区域的油漆工具；允许用户从工作区域110中擦除内容的擦除工具；允许用户在工作区域110中画直线的直线工具；允许用户工作区域110中画有控制的弧线的弧线工具；允许用户工作区域110中画自由形式的线的自由形式工具；允许用户在工作区域110中创建矩形方框的方框工具；以及允许用户在工作区域110中创建椭圆形的椭圆工具。

在图1所示的例子中，在工作区域110中创建示例性设计150。示例性设计150包括矩形151，其被填充以第一颜色A，用颜色C作为轮廓；椭圆152，其被填充以颜色B；和颜色为D的直线153。设计元素的颜色可以通过选择元素，然后在调色板130上点击对于该元素想要的颜色而设置。这样的颜色选择在电子图形设计领域是熟知的。对于设计中所有元素所选择的颜色构成设计150的当前配色法。

图2是显示配色法变体控件200的框图，该配色法变体控件200接收配色法，和根据当前配色法生成多个不同的配色法，即，配色法变体1到n。

示例性色环300被显示于图3。不同的色调(纯色)用围绕圆的不同角度代表。在数字图像中，表示颜色的方式依赖于由特定系统所使用的颜色模型。例如，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模型被用于呈现目的。

另一种颜色模型是HSL(色调、饱和度、亮度)模型，它表示依据色调(纯色)、饱和度(颜色的强度)、亮度(照度)的像素的颜色。还存在其它颜色模型，有用于表征颜色和用于表征不同像素的颜色的差别的现有技术。

图3上的色环代表按照围绕色环的圆的旋转角度的不同色调。饱和度可以用离圆中心的径向距离来表示，其中最高的饱和度被表示在圆的外圆周处，以及最低的饱和度被表示在圆的中心处。在色环模型中，发光度或亮度是常数。

现在参照图1的图形设计应用的图形用户界面的工作区域110中的示例性设计150，对于元素151，152，153所使用的颜色A，B，C，和D映射到色环300上的对应点A，B，C，和D，如图3所示。在工作区域110中的设计150中所使用的颜色(在本例中，四个颜色A，B，C，D，但实际上它可包括任何数目的不同颜色)一起定义设计150的“当前配色法”。

为了生成设计的当前配色法的变体，配色法变体控件140把在当前配色法中的每个颜色A，B，C，D围绕色环300旋转预定的量。在示例性实施例中，图形设计应用支持围绕360°色环相等间隔开的多达720个不同色调。因此，可以仅仅根据纯色调旋转，通过把当前配色法中的每个颜色旋转15°的倍数以生成多达24个不同配色法，而生成当前配色法的不同变体。

图4A到4D显示把当前配色法的颜色A，B，C，D旋转15°的倍数以生成配色法变体V₁，V₂，V₃，...，V₂₃。每个配色法变体V₁，V₂，V₃，...，V₂₃是当前配色法V＝{A，B，C，D}的一个变型，其中每个颜色A，B，C，D围绕色环旋转15°的倍数，以及其中旋转的角度代表颜色的色调。优选地，颜色的其它分量，例如饱和度与亮度(或发光度)，被保持为不变。在任何给定配色法变体V’中的所有颜色A’，B’，C’，D’被旋转预定的旋转角度的相同倍数。因此，在图4A上显示的第一配色法变体V₁包括颜色集合{A₁，B₁，C₁，D₁}，其中A₁＝A+(1×15°)，B₁＝B+(1×15°)，C₁＝C+(1×15°)，和D₁＝D+(1×15°)。在图4B上显示的第二配色法变体V₂包括颜色集合{A₂，B₂，C₂，D₂}，其中A₂＝A+(2×15°)，B₂＝B+(2×15°)，C₂＝C+(2×15°)，和D₂＝D+(2×15°)。因此，在第二配色法变体V₂中的所有颜色A₂，B₂，C₂，D₂从原始颜色A，B，C，D旋转30°。在图4C上显示的第三配色法变体V₃包括颜色集合{A₃，B₃，C₃，D₃}，其中A₃＝A+(3×15°)，B₃＝B+(3×15°)，C₃＝C+(3×15°)，和D₃＝D+(3×15°)。因此，在第三配色法变体V₃中的所有颜色A₃，B₃，C₃，D₃在色环上从原始颜色A，B，C，D旋转45°。然后可以继续接连地旋转颜色15°，以生成附加的配色法变体，多达24种全部配色法变体(包括原始配色法)。图4D显示第23个配色法变体V₂₃，V₂₃包括颜色集合{A₂₃，B₂₃，C₂₃，D₂₃}，其中A₂₃＝A+(23×15°)，B₂₃＝B+(23×15°)，C₂₃＝C+(23×15°)，和D₂₃＝D+(23×15°)。因此，在第23个配色法变体V₂₃中的所有颜色A₂₃，B₂₃，C₂₃，D₂₃在色环上从原始颜色A，B，C，D旋转345°。

图5显示在用户点击显示配色法变体单选按钮140后的图1的窗口100。点击显示配色法变体单选按钮140激活图2的配色法变体控件200，把构成当前配色法的、在工作区域110中的颜色A，B，C，D旋转24个接连的15°的倍数，以生成24个不同的配色法变体V₁，V₂，V₃，...，V₂₃。配色法变体V₁，V₂，V₃，...，V₂₃可被存储在存储器中。

每个配色法V，V₁，V₂，V₃，...，V₂₃可以用至少包括相应配色法中的颜色子集的颜色样本(color swatch)160₀，160₁，160₂，...，160₂₃代表。针对显示的样本所选择的颜色子集可以按照任何想要的选择准则进行选择。

在一个实施例中，样本颜色选择准则是在工作区域的设计中使用的主色的选择。主色可以是用于呈现工作区域110中最大数目的像素的、配色法中的颜色子集。替换地，主色可以是被用于设计的特定元素的、配色法中的颜色子集。例如，虽然工作区域10的背景包括设计150中最大数目的像素，但如果背景颜色要被保持为恒定，或背景颜色不被看作设计本身的一部分(例如在可以在任何数目的不同背景上显示或打印的图标的设计的情形下)，当确定与用于确定设计中的主色的不同颜色相关联的像素的相应数目时，那些呈现背景的像素在总的像素计数中可以不被考虑在内。

在图5的图形设计应用的用户界面中显示的每个样本160₀，160₁，160₂，...，160₂₃代表工作区域110中设计150的当前配色法的不同变体。当用户例如通过用鼠标指针101点击样本160₃而选择样本160₀，160₁，160₂，...，160₂₃之一时，如图5所示，在工作区域110中显示的设计150通过使用所选择的样本的颜色而被重新呈现。因此，如果样本160₃被选择，则原始颜色A将作为颜色A₃被呈现，原始颜色B将作为颜色B₃被呈现，原始颜色C将作为颜色C₃被呈现，原始颜色D将作为颜色D₃被呈现。图6显示在用户选择样本160₃后的窗口100。样本160₀，160₁，160₂，...，160₂₃继续被显示，直至用户不选择显示配色法变体单选按钮140为止。

如果样本160₀，160₁，160₂，...，160₂₃被显示(因为显示配色法变体单选按钮140被激活)，用户改变设计150的元素151、152、153的颜色或把具有新颜色的新元素加到设计150中，则配色法变体控件200自动更新配色法变体并按照更新后的配色法变体重新呈现样本160₀，160₁，160₂，...，160₂₃。

在实施中，配色法变体控件包括检测对显示配色法变体单选按钮的点击事件的图形用户界面部件、实际执行用于生成配色法变体的计算的应用部件、和把配色法变体的样本呈现在用户的显示器上的另一个图形用户界面部件。

对于通过用户与图形用户界面交互而点击单选按钮造成的点击事件的检测在技术上是熟知的，在图形用户界面上呈现颜色样本也是如此。图6是显示由实际上生成配色法变体的配色法变体控件的应用部件所执行的步骤的流程图。

如图6所示，用于根据电子文档的当前配色法自动生成配色法变体的集合的方法600包括以下步骤：确定电子设计的包括用于实施电子设计的原始颜色集合的原始配色法(步骤601)；把原始颜色集合中的颜色映射到色环上相应位置处的相应点(步骤602)；把每个点围绕色环旋转相同的旋转度数到色环上的相应的新位置(步骤603)；确定与在色环上的相应新位置处的已旋转点相关联的对应的新颜色(步骤604)；以及把与已旋转点相关联的新颜色的至少一个子集呈现在用户显示器上，作为原始配色法的配色法变体(步骤605)。步骤603到605可以重复多次，以生成多个不同的配色法变体，并把它们呈现给用户。

方法600可以合并到包括检测用于激活配色法变体生成的点击事件的点击事件控件的图形用户界面。在本实施例中，方法还可包括检测配色法变体控件的激活(步骤606)，并在检到测配色法变体控件的激活时执行步骤601到605。

方法还可包括检测用户选择所表现的配色法变体之一(步骤607)和使用所选择的配色法变体把电子设计重新呈现在工作区域中(步骤608)。

本领域技术人员将会意识到，虽然在概念上配色法变体是通过围绕色环旋转原始配色法而生成的，但实际的映射和旋转本身可以借助数学变换执行，而不是实际地实施用于显示给用户的色环。也就是，如图7所示，可以生成代表色环的数学模型，以使得在给定RGB颜色Color_Original时，给定颜色的所得到的位置可以借助于RGB到色环位置变换702而找到。而且，给定原始颜色的找到的位置或想要的旋转角度705后，原始到新色环位置变换704可以计算到色环上新的点的旋转，这可以在数学上进行计算(或甚至可以借助于简单的查找表进行变换，在查找表中预先存储有通过给定的旋转角度从一个点到另一个点的数学变换)。从色环上新的点到RGB表示的、色环位置到RGB变换706也可以在数学上或经由查找表执行。因此，给定具有多个颜色的原始配色法时，如图7所示的变换可以实施图6的步骤，包括映射602、旋转603、和确定对应的新颜色604步骤，而不实际生成或显示图3和图4A-4D的实际的色环。

图8显示其中本发明可以运行的示例性计算环境。在这个环境下，过程802执行存储在存储器804中的代码。存储器804存储计算机可读指令，包括实施图形设计应用810的指令。图形设计应用810还包括用于实施图形用户界面812的指令，借助这个指令，图形用户界面被显示在诸如计算机监视器的显示器808上，并且借助这个指令，图形设计应用经由诸如鼠标和键盘之类的一个或多个用户输入设备806接收用户输入。图形设计应用810还包括用于实施例如按照图6的方法生成配色法变体的配色法变体控件814的指令。处理器802执行图形设计应用810以及它的图形用户界面812和配色法变体控件814的指令。图形设计应用810、图形用户界面812和配色法变体控件814的操作可以是如以前参照图1到7描述的。

虽然已讨论了本发明的示例性实施例，但所描述的实施例应当看作为说明性而不是限制性的。本发明的范围是如在以下的权利要求和所有等价方法和系统中指示的。

Claims

1.一种计算机实施的、用于根据电子文档的当前配色法自动生成配色法变体的集合的方法，包括：

确定电子设计的原始配色法，所述原始配色法包括用于实施电子设计的原始颜色集合；

把在原始颜色集合中的颜色映射到色环上相应位置处的相应点；

将每个点围绕色环旋转相同的旋转角度到相应的新位置；

确定与在色环上相应新位置处的已旋转点相关联的对应的新颜色；以及

表现与已旋转点相关联的新颜色的至少一个子集作为原始配色法的配色法变体。

2.权利要求1的方法，还包括使用配色法变体来呈现电子设计。

3.权利要求1的方法，还包括重复进行旋转步骤到表现步骤至少一次，以表现原始配色法的一个或多个附加配色法变体。

4.权利要求1的方法，还包括：

检测配色法变体之一的用户选择；以及

使用所选择的配色法变体来呈现电子设计。

5.权利要求1的方法，其中使用数学变换执行映射、旋转和确定步骤。

6.一种包括程序指令的计算机可读介质，所述程序指令在被计算机执行时实施用于根据电子文档的当前配色法自动生成配色法变体的集合的方法，所述方法包括：

将每个点围绕色环旋转相同的旋转角度到相应的新位置；

7.权利要求6的计算机可读介质，还包括使用配色法变体来呈现电子设计。

8.权利要求6的计算机可读介质，还包括重复进行旋转步骤到表现步骤至少一次，以表现原始配色法的一个或多个附加配色法变体。

9.权利要求6的计算机可读介质，还包括：

检测配色法变体之一的用户选择；以及

使用所选择的配色法变体来呈现电子设计。

10.权利要求6的计算机可读介质，其中使用数学变换执行映射、旋转和确定步骤。

11.一种用于根据电子文档的当前配色法自动生成配色法变体的集合的系统，包括：

处理器；

显示器；

检测和接收用户输入的输入设备；

由处理器执行的图形设计应用，用于在显示器上表现图形用户界面，和接收来自输入设备的用户输入，以在图形用户界面的工作区域中创建设计；以及

配色法变体控件，用于确定电子设计的原始配色法，所述原始配色法包括用于实施电子设计的原始颜色集合，把原始颜色集合中的颜色映射到色环上相应位置处的相应点，将每个点围绕色环旋转相同的旋转角度到相应的新位置，确定与在色环上相应新位置处的已旋转点相关联的对应的新颜色，以及表现与已旋转点相关联的新颜色的至少一个子集作为原始配色法的配色法变体。

12.权利要求11的系统，其中图形设计应用的图形用户界面检测所表现的配色法变体之一的用户选择，并使用所选择的配色法变体在图形用户界面的工作区域中呈现设计。

13.权利要求11的系统，其中配色法变体控件根据原始配色法表现多个不同的配色法变体。

14.权利要求11的系统，其中配色法变体控件包括：

把颜色值变换为色环上对应颜色值的位置的颜色表示变换；

把色环上的输入坐标变换成色环上的新坐标的色环旋转变换，所述新坐标包括把输入坐标在色环上旋转预定的旋转角度；以及

把色环坐标变换为对应的颜色值的色环坐标变换。