改善颜色选择和组合的方法?


34

我经常很难选择合适的颜色组合。我具有足够的自我意识,可以意识到自己最熟悉并且经常适应可以被视为更具公司色彩或复古色彩的颜色,例如蓝色,勃艮第,棕色,灰色等。

我知道Adobe KulerColorschemer之类的东西。
我没有在寻找其他类似的工具。我可以毫无问题地建立调色板。然而.....

这些似乎并不能真正解决我的问题。我可以从这些工具中获得调色板,但是颜色的应用对于我来说常常会失败。

我有很多使用“复古公司风格”色彩的练习,并且学到了什么可以很好地用作背景,什么可以很好地适合于文字等。但是当我转向明亮或更鲜艳的调色板时,我往往会看不见涂色,并最终开始脱饱和并逐渐将其移回我的舒适区域。

如何扩展“舒适”颜色的使用范围?

有什么最佳实践可以扩大我在设计中的色彩感?

请注意,我主要从事印刷工作,因此“测试”不是屏幕测试的选项。我很少从事那些让我今天奢侈地使用一个调色板并在下周尝试另一个调色板的项目。我通常必须选择一个项目,并将其用于该项目,直到不再需要该项目为止。这意味着错误的颜色选择实际上可能会损害一块及其使用寿命。


澄清:我不是在寻找建立调色板的方法。如上所述,我可以做到。这是我要询问的调色板的实现。假设您建立了7种颜色的调色板。

  • 您如何确定哪种颜色适合哪些对象?(例如,“金丝雀黄的鲜红色太亮,以至于不能很好地读取”,等等)
  • 在什么级别上颜色对比度成为问题?
  • 是否最好使用不和谐的颜色(互补色)?
  • 什么时候颜色太鲜艳而无法用于文本?
  • 是什么通过色彩使用使作品“流行”?
  • 哪种颜色组合可以传达“活泼”,“安全”,“尊重”,“年轻”,“充满活力”?

是我希望的这种输入,而不是“这里是如何选择调色板”。以前我在解释自己的意图方面似乎做得很差。


1
您是否使用情绪板?我并不经常使用它们,但是它们对于将自己逼出自己的舒适区非常有用(特别是如果您让其他人做出贡献的话)。然后提取颜色(喜欢cockypup的技术)并强迫自己尝试任何出现的结果。
user56reinstatemonica8

您应该扩展一点,并将其添加为答案@ user568458 :)
Scott

我已经在公司工作了几年了……为实际项目选择调色板是一个遥远的回忆!我将其留给具有较近期相关经验的人员,除该评论外,我没有太多要补充的内容
user56reinstatemonica8'5

Answers:


32

这可能无法完全回答您的问题,但是作为我工作流程的一部分,我有时会使用此技术。

尝试选择调色板时(在创作过程的开始),我尝试从内存中调出适合项目“心情”或“内容”的图像或绘画。然后,我拍摄该图像,并使用Photoshop,应用像素大小->晶状体化滤光片,并具有相当大的像元大小。这样可以将图像的颜色简化为大的平面色板。

例如,我计划为歌舞表演者制作一张自发海报。她倾向于唱歌,但以某种方式使它听起来很新鲜,她的表演很活泼,幽默,人性化和互动性。出于某种原因,这使人想起了图卢兹·劳特雷克(Toulouse Lautrec)的素描,每次我看到时,它都会向我传达这些价值观或情绪。

在此处输入图片说明

我在图像上使用了过滤器,最终得到了结果。

在此处输入图片说明

然后,我使用单一颜色的大单元格来构建配色方案。我最终做出了永远不会从我的大脑中冒出来的选择,例如淡蓝色和中褐色在一起。创建配色方案后,我会坚持使用它,就像在Universe中没有更多颜色一样。我给自己提供的唯一可能的选择是,使用该单元格中的一种颜色与该方案交换或添加一种颜色。

它只是一种帮助,可以帮助我考虑颜色,对其进行可视化并评估它们之间的相互作用以及它们对特定图像的贡献。这也有助于我摆脱久经考验的公式。

有人可能会认为这与使用Adobe Kuler非常相似,但是我发现这种方法更加亲身实践和个人化。我可以选择颜色,而不是应用程序。我以某种方式发现让工具为我做出创造性的决定令人不安。有一天,机器人将独自统治地球,但直到那时,我还是更喜欢在创作过程中添加两美分的“我”。


不。单独的答案是好的..它们表示不同的方法。
斯科特

2
几乎像对心情板进行像素化处理。此外,这是一种室内设计技术:您找到自己喜欢的一件物品(绘画,枕头),然后从该物品中挑选出颜色来装饰房间(墙壁涂料,家具,地毯,窗帘等)。
Lauren-Reinstate-Monica-Ipsum'Aug

Pictaculous是执行此操作的类似方法,可在线免费使用并直接生成调色板
Zach Saucier 2015年

2
我最喜欢的一种技术,只是我通常使用Mosaic而不是Crystallize。多年前从约翰·麦克韦德(John McWade)那里学到的,它是一个很棒的工具。
艾伦·吉尔伯森

1
这种通用技术的问题在于,它遮盖了原件的键色。在您出色的HTL示例(我的最爱)中,将颜色混合到简单的“马赛克”中会使使原始图像充满活力的小区域变暗。它们的大小不足以在您的过滤版本中正确注册,但它们的强度足以改变原版作品的气氛。
便衣

16

实际上,这听起来更像是关于创造力和脱离舒适区的问题,而不是技术问题,但我会回答技术方面的问题。

您如何确定哪种颜色适合哪些对象?(例如,“金丝雀黄的鲜红色太亮,以至于不能很好地读取”,等等)

这个问题有点笼统,但是要解决您的示例:文本与亮度的背景相比,与背景形成鲜明对比时,文本通常更具可读性,而色相方面则不那么可读。例如,如果您将所有颜色信息都从文本和背景中移开,然后将其保留为黑色和白色,则它们之间的对比度越大,文本的可读性就越高。

另一方面,如果色相非常有对比(互补),例如红色和绿色,尤其是当它们接近相同的亮度时,它们会“振动”,并使您的眼睛感觉好像他们想从头上飞出来。人们甚至不想看您的文本,更不用说阅读了。

在什么级别上颜色对比度成为问题?

请参阅我的最后答案。

通常,根据我的经验:

  • 高亮度对比度和低色调对比度=易于阅读
  • 低亮度对比度和高色调对比度(互补色)=“振动”;眼睛烦躁不安

在设计时,请根据自己的判断来确定何时会出现问题。每个项目都会有所不同。

是否最好使用不和谐的颜色(互补色)?

往上看

什么时候颜色太鲜艳而无法用于文本?

往上看

是什么通过色彩使用使作品“流行”?

我遵循的第一个规则是使用高亮度对比度。黑色在白色上的弹出比灰色在白色上的弹出更多。

我遵循的其他规则是使用温暖,明亮,纯净和饱和的颜色。我已经做了很多杂志封面,其中的封面需要在所有其他忙碌的元素旁边“弹出”,而我过去用来实现这一目标的主要方法之一(除了增加线条的尺寸之外)是为页面上最温暖的最亮彩色文本着色。我使用了很多鲜红色,橙色,金黄色,甚至是鲜黄色,但是我也使用了青色。我通常会根据所用照片中的颜色选择这些色调中的哪种。

但是我在打印项目中还有另外一条规则。即使它是一种较冷的颜色,我也会经常使用青色作为“流行”颜色,因为青色是用一种墨水(而不是CMYK墨水的混合物)创建的,因此它看起来比某些具有相同饱和度的颜色更鲜艳。与相同饱和度的混合墨水相比,完全饱和时的青色,品红色和黄色趋于更亮。出于这个原因,Pantone颜色在印刷中的效果也很好。每种Pantone颜色都是一种墨水,而不是像CMYK颜色那样的4种CMYK墨水的混合。我喜欢使用Pantone颜色来产生影响。

哪种颜色组合可以传达“活泼”,“安全”,“尊重”,“年轻”,“充满活力”?

我不知道我是否可以想出一种方法来回答这个问题,而不是一成不变,所以我将由您自己决定。无论如何,最好自己回答。

希望这可以帮助。


1
一个关于创造力而不是技术的问题。这就是为什么我编辑添加其他信息的原因。谢谢:)我们在这里确实比在其他Stack网站上可以找到更多主观的问题。如果有经验的支持,意见并不总是一件坏事。
斯科特

一般而言,值得注意的一点是,补语相互抵触时会“眩光”。红色/绿色特别恶毒,因为眼睛无法同时关注它们。(问问您的验光师!)
艾伦·吉尔伯森

10

当我选择一个调色板时,我将选择范围限制为最多3-5种颜色,但我会扩展这些颜色。例如,我通常在Illustrator中运行一个脚本,该脚本使我可以将每种颜色放置在其自己的主调色板中,并且根据我全年使用的高光和阴影来改变颜色,以帮助在CSS中生成HEX和RGB输出。此范围的其他颜色有助于我决定或缩小调色板的范围。因此,在这种情况下,您仍然可以使用相同的颜色,但是它们是您喜欢的颜色的不同变体,但会产生完全不同的颜色集。

黄色示例:

在此处输入图片说明

我使用此方法有以下几个原因:

  1. 帮助渐变
  2. 停留在客户调色板内
  3. 保持颜色主题不变,但仍提供多种颜色

8

有一种艺术

在视觉感知中,几乎从没有像实际那样看到颜色,而是从物理上看。这一事实使色彩成为艺术中最相关的媒介。//约瑟夫·阿尔伯斯

颜色理论是光的物理学和颜色心理学变得比其科学组成部分更为重要的地方。就像选择和设置类型以及使用的颜色以及需要实践和浸泡。您必须欣赏这样一个事实,即变量数量超出了我们可以科学解释的范围。

换句话说,随着时间的流逝您会逐渐关注色彩。

互动50周年纪念版 元素的旧副本

它担负着重复的,你必须学习谁献身于这一主题的家伙。我个人最喜欢的是它的简洁,实用和非凡的效果,是Albers的《色彩互动》。那不是很长,所以您也应该有时间吸收Itten的《The Elements of Color》。

捷径

您发现自己无法使用受信任的个人调色板的原因是,您已经学会了实用的(并且很可能是有效的)色彩理论捷径。你不是一个人。就像印刷术一样,我们大多数行业都没有接触过,也没有时间探索其艺术。因此,您已经开发了一种安全可靠的替代方法,但是您还没有掌握颜色。

模板是不错的捷径:Themeforest中的Basic

通过制定规则来支持您的实际系统。您可以通过“文字与地面的对比度必须至少为40%”之类的准则生存下来;或“背景色绝不能饱和超过36%”;或“黄色让我不舒服,所以甚至都不要问!” 公式使事情变得容易。

需要承诺

但是,当您真正掌握颜色的关系时,实际的考虑将变得显而易见。可能在最近的100个项目中无法使用亮黄色的文本,但是这次您将其设置为与之完美匹配的暖灰色。突然黄色文本适合您。也许不是,您的“眼睛”会告诉您。您的色彩本能。

与任何带有“艺术”标签的事物一样,没有捷径可走。阿尔伯斯(Albers)观察到,您必须训练眼睛才能真正看到颜色。当您了解如何使用颜色来相互操纵时,您的工具箱就会扩展。当您了解颜色对观众的影响时,您的设计就会变得更强大。

颜色讲故事

当您练习并开始理解互动时,也会想到色彩的叙述。为自己设置测试,以找到代表某些拟人化特征的正确颜色,就像选择字体时所做的那样。尝试从个性上谈谈个人色彩。然后使用整个调色板。每种颜色如何增加该个性的深度?

就像真实的性格一样,您会知道,给定颜色的一点点将大有帮助。知道什么色彩适合故事的构成要素。

在下面的简单图像中,只有两种颜色(加白色)。可以理解的是,不少于四个。每个象限传达了一个不同的故事。印刷时,套印为这两个不起眼的色板打开了一个全新的机遇世界。

这里只有两种颜色+白色

每种色彩和色彩互动传达的确切内容几乎完全是文化上的。与大多数设计一样,了解您的听众。即使您认为已在正确的位置使用了每个色板,也要与真正的目标用户进行测试并询问他们所看到的内容。这些反应可以启发人。

没有安全

当感知色彩交互和个性成为第二天性时,您会发现“安全”调色板不再存在。所有颜色都是安全的,所有颜色都是危险的。这只是上下文的问题。


6

色彩心理学

颜色对不同的人意味着不同的事物。这是因为我们所有人都过着不同的生活,有着不同的观点,而且我们都是独一无二的。有人说,人类的美丽在于这种差异。

试图通过自己的偏见来感知差异是徒劳的。您可以尝试做到公平,但是要真正做到客观就不可能。增进理解和总体观点的最佳方法是理性

通过在思考过程中运用理性,您自然会被科学和事实所吸引。我将简要介绍主要主题并提供一些参考,并让您根据自己的想法闯入色彩心理学领域。

您还必须牢记,很有可能专有颜色研究的很大一部分为了竞争优势而被私有化。

科学说...

  • 年龄
  • 性别
  • 种族
  • 地理位置
  • 文化哲学
  • 宗教哲学

所有都会影响人们对颜色的感知。有很多考虑。

颜色关联

将色彩与想法相关联是一个潜意识的过程。从我们出生的那一刻起,我们就开始处理并形成在整个余生中引起共鸣的色彩关联。

过去通过不正确的“颜色通用性”概念犯下了代价高昂的错误。几种颜色可能具有广泛理解的关联,但这并不意味着它们全部都具有。实际上,根据您所处的世界,某些颜色关联会反转。例如,在荷兰,粉红色被视为男孩色,而蓝色被视为女孩色。

本能色彩关联

  • 西班牙裔通常会被吸引到更明亮,更强,更强烈的颜色。
  • 非裔美国人喜欢深饱和的颜色。
  • 蓝色是按种族划分的第一大颜色选择,但第二流行的颜色在其中各不相同。
  • 非裔美国人和西班牙裔人更倾向于紫色。
  • 亚洲人更倾向于粉红色。
  • 亚裔美国人对绿色的偏爱远低于其他任何种族。
  • 高加索人更倾向于绿色。

最有趣的是:

  • 人为遗产位于赤道越近,他们偏爱的亮度,饱和度和对比度就越大。

学到的色彩关联

在四个国家对颜色及其与13个词的关联进行了研究;日本,中国,韩国和美国

  • 结果表明,仅在这四种文化中就存在着明显的异同。
  • 四种文化中的人们都将蓝色与高品质联系在一起,将黑色与力量联系在一起。但是,在许多文化中,许多颜色具有相反的含义。

对颜色的不同感知和响应的示例包括:

  • 白色在东亚象征着哀悼或死亡,而在澳大利亚和新西兰象征着幸福,纯洁和出生。
  • 蓝色在东亚被视为冷酷而邪恶,在瑞典被视为冷酷,而在荷兰则被视为温暖。
  • 绿色在马来西亚代表危险或疾病,在比利时代表嫉妒,在日本代表爱,在中国代表诚意和可靠性。
  • 红色在尼日利亚很不幸,但在中国,丹麦和阿根廷很幸运。
  • 黄色在美国代表温暖,在法国代表不忠。在俄罗斯,这与嫉妒有关,但在中国,它却令人愉悦,幸福,品味高贵。
  • 紫色是中国和韩国的爱情之色。墨西哥充满生气和嫉妒,日本充满罪恶和恐惧。紫色在中国被认为是昂贵的。
  • 在美国,蓝色与男孩有关,粉红色与女孩有关。但是在比利时,男孩的蓝色和女孩的粉红色的关联被颠倒了

主要来源:跨文化营销视角对彩色文学评论的回应(包含许多有用的参考)


5

我首先在男性时尚建议页面上学到的一个有趣概念是,选择自然界中出现的颜色组合。例如,褐色,浅绿色和深绿色(森林);灰色,浅蓝色和白色(天空乌云密布);显然,这并不是所有颜色选择和组合的全部,但不时记住这一点可能会有所帮助。


5

在我的整个职业生涯中,我一直在为这个话题而苦苦挣扎。我真的很佩服那些在色彩方面有天赋的设计师。我有一个运球桶,专用于我欣赏的调色板。

文字对比

我使用WCAG颜色对比检查器检查文本和背景颜色对比。我只会使用通过AA级的连击;网站和应用程序上的508合规性很快将需要使用此功能。我不确定该公式如何转换为印刷设计。

超越平面设计

大约十年前,我决定大胆地为卧室涂上深红色,略带浆果色的赤陶色。我张贴到装饰板上,要求悬垂窗帘和被褥的颜色建议。我说过,我所能想到的就是在奶油色背景上铺着黑色瓷砖的床上用品,有人张贴:“你可以做得更好。” 那句话真的让我难忘。我从来没有买过厕所的床上用品。我买了锡制的丝绸窗帘,海军蓝色的床单和米色的缎布床罩。我仍然在努力(10年后)以进一步扩展该调色板(尤其是床罩)并引入图案。

返回平面设计

我将喜欢的颜色保存到Photoshop中的色板调色板中。我喜欢colourlovers.com网站,用于查找颜色和调色板。

当我在业余时间感到有创造力时,我倾向于在Photoshop中制作调色板时不考虑项目。我选择一种主要颜色(通常用作较大的背景正方形),然后尝试使用不同的颜色组合(在背景正方形顶部的较小正方形中)。我为较小的正方形测试不同的笔触颜色,以查看使颜色起作用所需的条件(例如,我需要白色,奶油色或灰色边框才能使它们一起工作,还是可以将它们合并在一起而没有边框?)颜色方块,然后在其上尝试不同的笔触颜色。诀窍是采用一种可能难以使用的颜色(例如粉红色或橙色),然后看一下它的搭配。我保存配色方案,以备以后需要时使用。我有不同的调色板(文件),可以反映不同的心情(例如,明亮和愉快,新鲜,通风,大胆而有力等)。我会尽量坚持公认的颜色关联,例如红色会使人饿或与食物相关联,橙色以显示价格值,等等。

少量使用明亮的颜色(例如在图标中)比用作背景要容易。但是我喜欢看到美丽的色彩背景色,所以我一直努力。我正在重新设计网站,并且不允许自己使用白色作为背景色。这是我自己的个人设计挑战,不需要客户批准。:-)


3

考虑像画家在调色板上那样混合颜色,这使您可以进行不同的渐变,有时混合颜色可以使您获得未想到的新色调。这是与@ Matt / @ cockypup建议的方式相结合的替代方法。

这种方法的好处是,它有点有机,因此可以带来随机惊喜,帮助您养成习惯。它也比肯定有效的均匀毕业程度宽松。

快速的想法

图片1:这个想法的快速占位符。多种颜色混合方式。

您可以做的另一件事是使用颜色选择器工具对照片中的颜色进行采样,这使组合更加自然。


3

我想在这里评论而不是回答,因为我觉得我的回答对像我这样在设计领域起步的任何人都更有用。但是,我是新来的,所以我还没有发表评论的能力。

我敢肯定,作为一名设计师,您听说过色彩理论,并希望读过色彩理论书籍,例如Itten的Colors of Color或Itten撰写的任何书籍。话虽如此,我对您的某些问题感到有些困惑,因为我觉得可以通过更改和视觉观察不同颜色的色相,饱和度或值来解决这些问题。

至于user568458提到的情绪板,他们的建议主要是cockypup回答的内容。我将从找到我认为最能反映这些词的图像开始。您可以出去拍摄自己的照片,或者只是使用互联网查找一些照片。之后,我将做cockypup所做的事情,并从这些图像中创建一个调色板,并以它们为参考来问自己“这种颜色真的反映了这个想法吗?”

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.