配色新技巧!如何巧用大师的作品帮你搞定色彩搭配?

小编:作为专业的设计师必定对颜色的使用十分敏感,不管是设计网页,平面图,标志等。我们都会使用各种不同的颜色。欣赏大师的作品已经成为了大家的生活一部分,那么我们应该如何巧用大师的作品帮你搞定色彩搭配呢?让我们一起来看看吧!

在设计时,对色彩的使用可以看做是给你的工作媒介创造另外一个维度。选用一套成功的配色,是一个有意义和有层级的设计的基础。采用定配色的方法会让整个设计过程更流畅,虽然在刚开始进行色彩选择时会觉得比较无从下手。

我发现其实只需要三个颜色就已足够——做这三个颜色的决定也没有那么难。三个同级的颜色也不会让你在使用时压力很大。在本文中我会介绍一些色彩理论和一点儿长久以来我积累的小技巧。希望可以在你色彩的选择和使用上有所帮助。Enjoy!

色环

当你闭上眼睛去想象一个色环的时候,你脑海中出现的很有可能是Johannes Itten(约翰.伊顿)设计的那一个。Johannes是包豪斯和他自己的一系列东方信仰研究的代表。他坚信“我们外在的科学研究和技术必须要和我们的内在精神与思考的力量相平衡”,正因为如此,他会带着他的学生在课前做呼吸,冥想和一些体育运动等练习。(很酷吧!)

下面是对约翰理论的分解。在他的色环里,一共有十二个颜色:三个原色,三个间色,六个复色-即我们所熟知的色相。伊顿这个设计的美妙之处在于:无论是复杂的色彩理论或者是简单的选择互补色,这个色环都可以作为你的基准。

色彩

原色: 黄,红,蓝。

间色: 橘,紫,绿。

复色: 橘黄,橘红,紫红,蓝紫, 蓝绿,黄绿。

一些名词释义

色相——另外还有个名字叫光谱色,还记得小学时候的赤橙黄绿青蓝紫么?

明调——往色相颜色中加白色,使其更亮。

暗调——往色相颜色中加黑色,使其更暗。

饱和度——色相的鲜艳程度,纯度的低到高。

配色的选择

当你要选择配色时,你的选择不可能仅仅是约翰伊顿色环的这十二个颜色。这可能会是个比较残忍的事情。但是伊顿色环可以作为一个向导。他让你感觉颜色并不是那么复杂。不同的级别饱和度的颜色可以饱含上千的明调和暗调。但是他们都是源自于这简单的12个色调;是不是很令人欣慰。

现在,让我们进行实战练习吧。一条很好的法则告诉我们最好从黑白两色开始设计。这会让你的基础结构层级鲜明,没有其他杂乱的元素。我们假设你现在正在设计一个版式:带头部并且头部下有删格化的文章列表。它的线框图可能看起来是这样的:

你可以看到我们已经初步规划了几个重点的展现并且通篇采用了对比的手法。如果这个阶段有什么差错的话,颜色也不会拯救这一切。只有在你已经对版式充满自信的时候,你才可以开始考虑颜色。

我们对这个版式已经感觉不错了,所以现在我们开始给他填充颜色——不要忘记保持简单。选三个颜色使用并且保持仅使用这三个颜色。我的理念是挑两个颜色扮演主要角色剩下一个作为跑龙套的。这个龙套最好是可以给饱和度高的颜色的延伸的一种补充。另外两个主颜色可以自由的用来创造层次感,代表意义,引导和品牌识别。可以用过色彩和谐来决定这些颜色或者使用Adobe色彩工具,但是,当我开始的时候我发现其实我更容易从其他的地方找到灵感。

环顾四周

我喜欢从自然和我的周围挑选我的配色。当你走过大街,试着注意下你周围的颜色。你是冷漠的,略带攻击性的,寒冷的或是坚韧不拔的?从你挑出的三个颜色中就能体现出你正在经历着的,更甚者能传递出之所以这样选的理由。手机就是个能很好的帮你完成这项任务的工具。如果你是iPhone用户,那我强烈推荐Sip, 若是Android的粉丝, SwatchMatic 则能助你一臂之力。

这里有一些来源于我生活的的灵感来帮助我去挑选3个关键色。与此同时我也会记录下当我捕捉到它们那一刻时激发起的感受。

从日常图像中提取颜色,创建色板的教程:《配色解密-同色系色彩配色技巧》

细品经典艺术作品

经典的艺术著作是另一个寻找灵感的好地方。如果你看到在博物馆墙上悬挂的杰作,他们的色调是相对清晰的。每一个颜色都在适当的位置起着至关重要的作用。在画布上的每一处笔触都表达的准确而无一丝多余。让我们来看一些直观的例子。

牢记于心

色彩是一门回归到它本身的科学,它取决于文化因素,性别,癖好,颜色,很容易成为整个学术论文的课题。这超出了文章讨论的范围,让我们言归正传。颜色其实可以被分为两大类别:冷色系和暖色系。暖色系,如红,橙和黄是积极的而有活力的。冷色系,如蓝,绿和紫是寒冷萧条的。他们粗略的将色环分割开来。

这里有一个很关键地事实去分清他们。那就是视觉层面上暖色系总是比冷色系更为突出,层级更优先。试想,一副风景图,一个冷冷地蓝色天空总是被弱化作为背景。暖色风景却跃于画面最前边。

运用配色

经过Albert的例子,让我们再从之前在“环顾四周“一节的那些素材中依次提取的三个颜色组成版面再次进行练习。首先来自Burlington的砖和天空。天空蓝因为蓝色自身冷色的隐退性被作为了底色。砖红色以暖色鲜亮的特征被用在蓝色的上层。最后,碳黑色的标题在底色的强烈对比下使信息更为明显。

对于来自New Jersey的铁路发动机,我们以银灰色为底色,它是一个很自然的颜色,中庸而不出挑。中性色是一种衬托其他颜色的类型。而深蔓越莓红作为主色调和标题色,奠定了整体色调的同时也强调和突出了信息。碳黑色在最后被运用在了页脚和按钮,也是希望通过强烈的色彩反差来引起用户注意。

最后的一个案例,同样也是冷色——森林绿做了底色。将灰色定为主色调,亮橙色被作为了聚焦点用在了按钮和标题以及页脚。同时又因为他的高饱和度使得页面平添了一些活力。

保持简洁

选择和运用你自己的配色时不要太过拘谨。保持简洁,选择三个适合你设计的颜色来创建起一个能表达你设计的通道。并用它们来表现界面的层次。最重要的是能用智慧运用属于你的配色。

robots.thoughtbot

译者:UED

翻译地址:优设

(0)

相关推荐

  • 配色新技巧!色彩的知识和运用

    小编:配色新技巧!新手必备~今天isgn设计工作室给分享了一些平时色彩的一些心得.主要有色彩的意义,还有色系的关系,当然还有告诉大家一些色彩搭配的小技巧!大家可不能错过哦! 站酷 原文作者:isgn设 ...

  • 10个技巧帮你搞定IE6

    10个技巧帮你搞定IE6

  • #wps技巧#-如何巧用wps段落布局进行排版

    #wps技巧#-如何巧用wps段落布局进行排版?我们编辑完一篇文章后还需要进行排版,主要是从段落.字体等入手,在这里跟大家分享如何巧用wps段落布局进行进行段落布局排版的方法. 操作方法 01 打开W ...

  • QQ飞车新技巧复飘出弯道

    前言大家好,今天快乐的中秋节,又见面了,祝福大家,今天快乐,中秋节快乐,天天快乐,看了小编的分享会更快乐.今天给大家带来的是QQ飞车[侧身飘逸]中的复飘的方法,小编为什么说是复飘,而不说侧身飘逸呢?因 ...

  • 象棋实用技巧之巧破单车

    中国象棋博大精深,想要玩好中国象棋,不仅仅靠的是临时的随机应变,掌握一些基本的杀法技巧也是很有必要的.下面就让小编给大家介绍一下象棋实用技巧之巧破单车吧. 操作方法 01 首先,我们先分析一下棋局,现 ...

  • 理清这八个问题轻松搞定完美配色方案

    编者按:配色的文章并不少,有的是关于趋势,有的则探讨技巧.那么要搞定一整套的配色方案,从头到尾应当注意哪些问题,又该拥有怎样的思路呢?今天的文章,就帮你解决这个问题. 不论是品牌设计还是网站设计,配色 ...

  • 掌握70个功能小技巧全面搞定Windows7(一)

    Windows 7比Vista要好用而且有很多新功能. 不过,由于系统较新, 其中的一些功能并不是很容易被人们所发现,所以我们把其中的一些最重要的技巧和窍门创建成一个列表并且一步一步的向大家进行介绍. ...

  • 巧用attrib命令搞定U盘病毒

    U盘病毒厉害得很,稍不留心就有可能中招了,说不定哪天打开U盘时你会发现里的文件都不见了,但U盘容量正常.遇到这种情况,在没有杀毒软件的情况下,一些小技巧可以帮助你轻松搞定这些难缠的病毒. 1.此法利用 ...

  • 巧用图片换文字 Word2003新技巧

    第一步:打开存放QQ表情的文件夹(如d:/qq/*****/CustomFace/),在"CustomFace"文件夹中选中一个表情,将图片复制到粘贴板中(如果是一些实时的图片,也 ...