色彩理论:简要指南For Designers.

许多人认为UI的颜色选择主要取决于设计师的口味和美感。 然而,颜色选择的过程比看起来更复杂,在设计中起着重要的作用。 在我们看过很多色彩心理学的文章中,发现颜色对我们的心情和行为有很大的影响。 这就是为什么产品的成功在很大程度上取决于为设计选择的颜色。 Colorcom提供的研究表明,人们对产品进行潜意识判断只需要90秒,评估的62%至90%仅基于颜色。 因此,适当选择的颜色可以用于改进产品转换的方式以及提高产品的可用性。

为了更有效地创造良好的设计和使用颜色,需要先了解颜色的形成以及它们之间的相互关系。 这就是为什么艺术学院,高等院校的学生学习着色于色彩的色彩理论。 今天,记录历史以来(或甚至可以学习)色彩理论的知识总结,希望可以有效地应用于小伙伴的设计创作过程中(案例素材都有链接)。


Color Wheel色轮

如果你有任何与绘画有关的课程,你必须看到由不同颜色组成的圆圈。 它被称为色轮,它有助于了解不同颜色与不同颜色的相互关系以及它们如何组合。 彩色圆通常由主色,次色和三色构成。 主要是那些不能通过其他颜色的任何组合形成的三种颜料颜色。 结合原色,我们得到次要的,主要和次要颜色的混合给了我们通常有两个字的名字如红紫色的三级颜色。

彩色圆圈是由Isaac Newton在1666年创建的,从此,它已经经历了许多变化,但仍然是颜色组合的主要工具。主要思想是色轮必须这样做,所以颜色将是混合适当。

Color models颜色模型

在开始混合颜色之前,小伙伴们需要了解颜色有两种不同的性质:有形颜色是物体的表面,而其他颜色是由光产生的,例如电视机。这些类型创建了两个颜色模型,通过该颜色模型形成色轮:加和减。

添加颜色模型将红色,蓝色和绿色视为原色,因此也称为RGB色彩系统。该模型是屏幕上使用的所有颜色的基础。这种系统中相等比例的原色组合产生了青色,品红色和黄色的次要颜色,但是您需要记住,添加的光线越多,颜色越亮越亮。通过混合添加剂颜色获得的结果对于习惯于涂料,染料,油墨和其他有形物体的减色系统的人来说,往往是违反直觉的。

减色模型通过减光获得颜色。它由两个颜色系统组成。第一个是RYB(红,黄,蓝)也被称为艺术系统经常用于艺术教育,特别是在绘画。 RYB是现代科学色彩理论的基础,它确定青色,品红色和黄色是最有效的三种颜色组合。这就是颜色模型CMY的形成。它主要用于印刷,当机械印刷包括黑色墨水(关键部件)时,系统被命名为CMYK(青色,品红色,黄色和黑色)。没有这种额外的颜料,最接近黑色的阴影将是泥棕色的。

Additive vs Subtractive加法和减法

这两个系统之间的主要区别:添加剂是数字屏幕,减去打印介质。 如果您正在开发的设计项目是打印出来的,请勿忘记简单而重要的规则:屏幕上看到的颜色在打印中看起来并不一样。 添加色谱比CMYK更宽,这就是为什么设计师在打印之前将其项目转换为减色系的原因,以便他们可以看到结果接近他们会得到的结果。 然而,如果您使用数字产品,RGB颜色系统是明智的选择,因为它可以创建具有广泛色彩色彩的惊人的东西。

Color Harmony颜色和谐

“和谐”一词通常与有序和愉悦的事物联系在一起。颜色和谐是关于设计中颜色的安排,以最有吸引力和有效的方式为用户的感知。当颜色组织时,观众感到高兴和平静,而设计中的不协调则会产生混乱和厌恶的感觉。颜色平衡在设计中至关重要,因为用户首先看到网站或应用程序的印象,颜色有很大的影响。设计们区分了有效的基本配色方案。

Monochromatic单色

它基于一种颜色,具有各种色调和色调。单色和声永远是一个胜利的选择,因为很难做出错误并创造令人讨厌的配色方案。

Analogous类似

要创造类似的和声,建议需要使用颜色相邻的颜色。 这种类型的配色方案用于不需要对比度的设计,包括网页或横幅的背景。

Complementary补充

互补方案是在色轮上相互放置的颜色的混合。 该方案与类似和单色相反,因为它旨在产生高对比度。 例如,蓝色背景上的橙色按钮很难在任何界面中错过。

Split-Complementary互补色搭配

该方案的工作原理与上一个方案类似,但它采用更多的颜色。 例如,如果您选择蓝色,则需要使用两个与其相反颜色相邻的其他颜色,即黄色和红色。 这里的对比不如互补方案那么锐利,但它允许使用更多的颜色。

Triadic三元

当设计需要更多颜色时,您可以尝试三合一方案。 它基于在色轮上等距的三种独立的颜色。 为了节省这个方案的平衡,建议使用一种颜色作为主导,另一种用作强调。

Tetradic/Double-Complementary四元/双互补

的复合颜色方案的经验丰富的设计师,因为它是最难平衡。它使用四种颜色的车轮是相辅相成的对。如果你把所选颜色上的点连接起来形成矩形,这个方案很难协调,但是如果你做的每件事都是正确的,结果可能是令人震惊的。

Ending:色彩理论是一门复杂的学科,需要一天以上的时间来学习(真实有效的1天)。然而,了解基本知识是非常重要的,这样你就可以用你所做的知识来创建有效的设计。

Recommended reading推荐阅读

这里有一些材料我们可以推荐给那些想深入讨论这个话题的人(国外的一些干货整理):

Color in Design: Influence on Users’ Actions

Digital colour mixing explained

Color Systems — RGB & CMYK

Why Color Matters

Responding To Color

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容