[配色][一文获得配色能力]一劳永逸的配色方案,

ag8编辑 官网头条 2019-08-08

  文/郑飞 好的色彩搭配是优秀设计作品不可缺少的元素与表现形式。色彩搭配实际上是对色彩中规律的洞悉与运用,而在平面设计中,正确的色彩搭配不仅可以丰富版面样式,还能够恰如其分地传递设计的主题情绪,加强人们对主题的理解,促进信息的传播。想要做好平面设计,就必须掌握色彩搭配的方法。

  不同色彩搭配可以唤醒受众的情感,在一定程度上影响受众的感情与行为。不同的色彩可以影响人的情绪。例如:

  色相对比配色需要以色相环为基础,在作品中的不同区域选择使用不同的色相,以达到更好的对比效果,同时,还要根据设计的目的,所表现对象的特点等具体因素来选择主色的大致类型,如冷暖色、软硬色等。而具体的配色方法可分为同类色配色、邻近色配色、对比色配色等几种。

  ①色彩搭配的鲜明性。平面设计极为注重视觉的沟通与表现性,力求能够吸引到受众的注意力,表现品牌或自身产品的特点,因此在很多的平面设计中,设计师都会采用非常大胆的色彩运用,且大多以明快、鲜亮的色彩组合为主。需要注意的是要避免使用单一色彩,这样的设计作品缺少色彩的对比,很难形成视觉冲击,影响作品的效果。同时也不可使用过多的色彩,这样会让色彩的对比不够明显,同样会无法给受众留下深刻的印象。

  ③黄色是透明度最高的色彩,会让观赏者感到明亮快乐的感觉;

  最后是对比色配色,这种配色的色彩选择在色相环上的夹角一般都在120°以上,能够体现出强烈而鲜明的色彩对比与矛盾冲突,一般用于需要着重说明的独立视觉元素,或者是需要突出的主题信息。此外还有配色在色相环上夹角为180°互补色配色方法,这种配色选择属于对比色配色的范围内,但由于色彩对比最为强烈,因此画面效果与对比色相比会更加丰富。

  ②色彩搭配的合理性。平面设计是基于商业环境的艺术性的创造活动,因而平面设计作品往往需要为品牌、产品服务,既要面向大众,也要创造商业价值,这使得平面设计中的色彩搭配还需要对作品表现目标进行考虑,找出契合商品的主题颜色。

  ①红色是一种具有强烈刺激效果的色彩,能够使观赏者产生热情冲动这类强烈的感觉;

  同类色的配色需要选择色相环上间隔角度在60°以内的色彩,由于色相对比差异不是很大,会起到协调统一、稳定自然的效果,但为了避免呆板单调,在设计中可以调整色彩的明暗度属性。邻近色的配色需要选择色相环上间隔角度在60°~90°之间的色彩,这种配色方法能够体现出丰富、跳跃的特点,但同时也具有一定的协调统一性,在设计中可以根据实际情况调整配色间的角度。

  ③色彩搭配的平衡性。平面设计中的色彩搭配还要保证色彩的平衡性,具体上可以从色调、色相、色域三方面入手。首先,色调是画面色彩的整体倾向,是作品中颜色体现最为明显的特征,而利用色调平衡,则可以控制画面的色彩倾向,想要保持色带哦的平衡一方面可以在对比强烈的颜色间添加中间色,以起到衬托的作用,另一方面也可以对对比色的属性进行简单的调整。

  ⑤蓝色让人感觉凉爽清新,与白色调和,显得浪漫淡雅;紫色给人以忧郁神秘之感。

  色彩的饱和度也就是色彩的纯度,与明度、色相同为色彩的三大属性之一,而在平面设计的色彩搭配中,饱和度对比的配色方法也比较常用,如果色彩的饱和度越高,那么在设计作品中的表现就越鲜明,而反之如果饱和度较低,那么在作品中的表现则会比较黯淡。因此饱和度较高的色彩通常会作为主色使用,体现其以达到突出主题、引人注意的效果,而饱和度较低的色彩在一般情况下多为辅色,用来衬托主题,主色与辅色相结合,就能够很好的体现出冲突性,将色彩饱和度的对比效果充分发挥出来。

  ②与红色一样具有刺激效果的橙色能够使观赏者产生欢欣轻快的感觉;

  最后是色相的平衡,色相是对色彩最直接的标识,在种类上十分复杂,同一种颜色也可以分为好几种色相,在平面设计中的搭配也并不固定,但为了更好的凸显色相间的对比,需要将对比颜色的透明度、饱和度进行调整,通过饱和度、透明度的高低对比来保证色相对比的平衡性。

  色彩面积大小与比例的对比同样存在于大部分平面设计作品之中,不同的色彩面积比例所呈现出的视觉效果也是截然不同的,而在色彩面积大小对比配方法中,最具代表性的就是由日本设计师所提出的黄金比例配色,具体的配色比例70:25:5,即作品中的70%为大面积使用的主色,25%为辅助色,5%为点缀色。

  ⑥白色让人感觉清洁明快,黑色让人感觉深沉幽静,灰色让人感觉温和高雅。

  ④绿色是介于暖色调与冷色调之间的色彩,能够带给观赏者平和安宁的感觉,与淡白色、金黄色搭配,还会令人产生舒适优雅的感觉;

  总之,色彩搭配对平面设计有着不可忽视的作用,设计师在进行平面设计时需要坚持色彩搭配的基本原则,并对色相、明度、饱和度等几方面的色彩搭配方法进行灵活运用。

  其次,平面设计中会根据不同的颜色形成很多色域,不同色域间会形成对比,而为了保证色域平衡,则需要将大块色域与小块色域搭配使用。

  在色相对比配色中,同类色配色需要通过明暗度的调整来突出同类色间的对比,而这正是对明度对比配色方法的使用。在平面设计中,即便是同样的颜色,不同的明度也会给受众带来不同的感觉,例如高明度的色彩会给人以明朗、积极、醒目的特点,中明度色彩具有比较柔和、高雅的特点,而低明度则更加严肃、庄重、压抑。因此平面设计对色相不同明度的控制与调整也是十分常见的。

  色彩以其独特而丰富的语言为平面设计增添了表达的内容,强化了平面设计表达的效果,使平面设计精彩动人。掌握色彩的语言遵循色彩搭配的原则,灵活采取恰当的方法,就能取得和谐优美、令人难忘的视觉效果,创作出优秀的平面设计作品。以下是色彩搭配的常用方法。

  有时候数据化的色轮并不能表达出颜色真实的感觉,但使用潘通实物色卡就能体验和荧幕色调完全不一样的真实感受。

  所以,每当你觉得你的设计总是缺少一种“对”的感觉时,看看你是否可以去掉一些颜色,只留三种也许是你最理想的选择。

  不管是哪种设计领域,在处理颜色关系时,都会碰到相同的问题。

  答百度派 @灬简单style

  2.灵感来自于平日的收藏

  因此,英国设计师Elena Genova(就职于My Creative Land)就曾给出过建议:“我很中意室内设计的一条原则,而这条原则也同样适用于平面设计——基本色占60%,次要颜色30%,突出颜色10%。”如果你还想用其他颜色,可以换掉次要颜色或者突出色,但是千万不能换掉基本色调。

  在他的这幅Marty Spring里,只有粉红、黑色、绿色这三个主要的色调,而这三种颜色也因较大的反差呈现了不错的效果。

  对于有出版需求的设计师来说,潘通色卡是最好的工具。因为它能最直观地在纸上显现出你要的颜色,这样可以帮助时间紧迫的你省出大量的精力和时间。

  设计师Callie Hegstrom表示当她想用传统方法对比颜色时,潘通色卡是她最好的助手。她曾说:“有时候用实物去比较,反而比荧幕感觉更好。当你的客户想看到实物样本颜色时,给他展示色卡颜色也是最好的选择。”

  在这幅Cindy Kinash的作品中,亮蓝色、蓝黑色和紫色互相呼应,表现出了很深的层次感。

  除非你一定要做出彩虹的效果,否则你的设计必须避免使用过多的颜色。不少知名的设计师都会建议只在设计里使用三种颜色,使其保持整洁,不至于过于花哨。当超过三种颜色,则要保证是比较浅的色调。

  6.对颜色断舍离

  所以,当你发现一张照片、一个设计里有你喜欢的颜色,不要犹豫,简单直接地把它收录到你的色板里。

  以上内容由百度派作者提供

  可是有多少人真的去深度研究过【纪念碑谷】的配色呢?

  事实上,并没有“可操作性的配色训练方法”,因为对于“配色”的理解和运用其实是很主观的,更多只能靠平日对生活的更多观察,并且不断地模仿与尝试。

  Textured Watercolors

  这个方法可以应用到每一种情况中。比如增强你的标题阴影,显现出背景边框等等。因为颜色相近,这些“朋友般”的颜色融合度通常很高,赶快去色轮上用相似的颜色做出新颖的组合吧。

  我们总是惊叹于大自然里宏伟美丽的颜色。来自CO-OP的Gary说过:“当你从自然里摄取灵感时,你会发现颜色的组合是无穷无尽的。”风景、植物、果实,一切来自自然的产物都是灵感的引子。Gary在南非有个线上商店,里面所有色彩灵感均来自南非的灿烂阳光,都充满着温暖、深刻的感觉。

  比如室内设计师,他们就要把空间中的结构、物体和色调很好地融合在一起。

  当我们尝试研究其他设计领域对于色彩应用的经验,你会发现,所有设计师都倾向于用更少的颜色。仔细观察一下身边的房间和建筑,你就会进入一个到处都是色彩技巧的新世界。

  5.使用潘通色卡

  4.利用色轮

  艺术家Marc Chagall曾对色彩之间的组合做出了一个有趣的描述:“对于颜色来说,越是相近就是朋友,越是不同反而是爱人。”

  当然,Fotor在线平面设计工具也给大家总结了以下6点平时生活中可操作的配色的灵感来源、注意事项。

  在这些水彩图片里,可以清晰地感觉到Gary的色彩灵感来自何处,像日落的“火红色”让人倍感温暖,像树林一般的“林绿色”使人倍感凛冽。在网上和其他作品里虽然很容易找到灵感,但是你窗外的自然拥有更为震撼的色彩,赶快出门遛弯吧!

  Callie Hegstrom,来自Make Media的天才设计师,曾经说道:“我的设计都有像鲜花和日落那样绚烂的颜色,这些生活中的颜色就是我颜色的样本。”

  Cindy Kinash,温哥华资深设计师,就职于Cultivated Mind,他曾说:“尤其是在用水彩画花的时候,显出阴影的最好办法就是添加一个相近的颜色。”

  安利不错的公益海报设计模板,公益海报_公益海报设计模板和素材图片_Fotor在线设计平台

  很多人都赞叹【纪念碑谷】的配色怎么这么好看!

  来自优秀作品的配色+来自大自然的颜色,是绝大多数设计师应该观察、理解、学习、模仿的。

  3.借鉴他人的经验

  1.从自然中摄取灵感

  色彩的构成

  每天十分钟,系统学习设计,成为设计师。终生学习,受益终生。这里是【知更常青藤】,欢迎你的到来,这是我和你一起学习设计的第九天。如果你不想丢失这个体系,可以关注我,转发本文。

  在理解分割互补之前,请你回忆一下互补色,互补色是色轮上相距180°的两个色相,它们之间总是有一个冷色和一个暖色,图中的红色和绿色就是一对互补色。

  自然界有许多分割互补配色,如上图。摄影师在创作这幅作品的时候,无论是有意识还是无意识地使用了这种配色方案,可以肯定的是,通过光线和蓝色的天空,巧妙的构图,形成了冷暖色兼具的画面。

  如果文章对你有价值,让你得到了提升,请你相信作者,并且关注他,转发文章让更多的人看到有质量的内容。或者用【打赏】喂食作者,让他继续为你奋斗。如果你有疑问或建议,请留言告诉我。

  这是6大配色方案的最后一章。

  【案例】

  分割互补方案就是在互补色的基础上,去除其中一个补色,利用该与补色相邻的两个色相形成了分割互补配色,也许你可以从分割互补这个名字上得到启发,它确实“分割”了其中一个补色。在上图中,我们去掉绿色的补色:红色,选择与红色相邻的橙红色和紫红色,与绿色共同组成了分割互补,因此,分割互补也是三色的。

  顾名思义,四色系是四种色相。它们在色轮上的位置刚好在矩形的四个角上,从图中可以看出,矩形对角处的两个色相恰好是互补色,因此,四色系是由两组互补色组成的。这意味着,四色系一定有一对暖色和一对冷色。

  我们来看上面这个案例,右上角这幅作品利用了橙色、蓝色、黄绿色、紫红色四色系,你可以通过其左面的调色板观察这四个色相。作品通过变换了四色的饱和度和明度来平衡色彩的和谐,在这四色中,橙色以及一些偏红色和黄色部分的色调都是暖色,为了避免黄色和一些橙色之间的注意力抢夺,作品保留了黄色的高明度和高饱和,降低了其他暖色调的饱和度。使得作品在冷暖之间获得平衡。利用冷色中的中高调蓝色作为背景,配以明度较高的暖色调和低保和的冷色调,让作品表现更加丰富。

  与三色系一样,多样化的色彩,会使四色系表现出丰富的变化和魅力。不过由于四色系包含了两组冷色和暖色,因此在使用时应当格外小心,这也是四色系较少被使用的原因。你要确保两组冷色和暖色之间不会相互影响。

  这副作品的色彩鲜明,色相复杂,混杂了四种主色调,以及它们不同的饱和度和明度版本。让作品充满了神秘和魔幻的格调。

  在告诉你什么是分割互补之前,我们先从色轮上构造一个分割互补,你就会完全明白分割互补的定义了。

  尽管四色配色作为6大配色的一种,但是四色方案依然是十分困难且复杂的。你可以看看下图的四色方案作品:

  你应当知道,在互补色中,二者一冷以暖。尽管互补色中的其中一色被分割,但是,相邻的两个色相依然和补色是邻近色,这意味着,在某种程度上,互补色和分割互补同时表达和表现了相同的感官和态度。

  确定基色:黄绿色找到补色:紫红色分割:红色和紫色

  在这一章中,你将掌握6大配色主题的最后两种:分割互补和四色系。6大配色主题都是建立在色轮的基础上,每个主题的变化都建立在明度和饱和度的变化中。因此,我们一再强调,色彩原理的基础概念是你深入设计的基石,我们会反复使用色轮,反复使用色彩三大属性来进行配色。

  我们再来看看下面的绘画:

  作者/万岁爷 校验/君 知更常青藤原创出品,转载请注明出处,版权所有,侵权必究。

  同时,切记追寻潮流和时尚。学会看到本质,是你设计的根本。

  以上就是本章的内容,希望你能有所收获。

  写在前面

  同样地,我们先在色轮上构建四色系方案。如下图:

  四色系

  除此之外,我们还需要注意四色系中暖色/冷色之间相互争夺注意力。通常我们可以降低这些引起太多关注度的色彩的饱和度,即可解决。

  在这个作品中,作者选用了黄色作为基色,并且做了分割互补。黄色的补色是紫色,因此,紫色相邻的两个色相分别是紫红色和蓝紫色。

  在次要色的选择上,作者采用了橙黄色次之的分配方案,根据构图面积来看:橙红色>橙黄色>蓝色。作者选择了面积最大的橙红色作为主色。使得作品在层次和视觉效果上表现上佳。

  【寻找分割互补的步骤】

  确定你的基础色找到基础色的补色(直径对面,或者旋转180°)分割找到的补色(与补色相邻的两个色彩)

  分割互补

  分割互补:黄色、蓝紫色、紫红色

  坦率地讲,如果你从色轮上寻找分割互补是轻而易举的,但是我们还是给出了寻找分割互补的步骤,看上图:

  分割互补同样有冷暖,并且一定有冷暖色。根据选择的基础色彩不同,冷暖比例不同。你应当通过明度和饱和度的变化来创建多个版本。在上图中,冷色的天空占据了画面很小的面积,使得整幅作品倾向于暖色,冷色的天空恰恰起到了点缀的作用。不过另外两种色相:橙黄色和橙红色都是暖色,因此,你应当注意相同色温之间的喧宾夺主。

  因此,在你熟练使用配色方案之前,色彩基础理论的熟练才是你最好的工具。利用色彩原理从自然事物和优秀设计中学会提取调色板,分析这些令人印象深刻的设计的共同之处,借鉴并再创造这些优秀的设计闪光点。

  四色系

  如果你发现文章中有些你不知道的概念,如:色相、饱和度、明度、色轮等,你可能无法看懂这些配色技巧。我建议你回过头看看我的其他色彩基础系列,这些系列是色彩原理的基础。

  同理,我们可以选择红色作为基色,选择与绿色相邻的两个色相来和红色组成分割互补,它们是:红色、黄绿色、蓝绿色。

  下章内容

  分割互补

  如果你对上述的紫色进行变化,可能会有三个版本的紫色,色彩更深、明度更亮、二者兼备。同理其他三个基本色彩。为此,我给出了一个案例,这个案例不是高清的,但是它却能够说明问题。

  由于篇幅所限,我们将6大配色方法论分为了上中下三册。

  我们给出了一个利用单色配色的完美案例,这是一个蓝绿色的魔方,作者利用了单色配色方法。它的明度跨度非常显眼,在这个案例中,为了突出魔方的立体效果,明度的变化是考虑的首要因素。由于采用了单色的配色方案,因此,我相信新手会很容易获得这种配色能力。不过,你最好掌握色彩的本质和阴影的正确使用,这样才能够做到足够优秀。你放心,单色配色已经足够单纯,相信你可以掌握。

  你看到上面的图形了吗?是的,请先观察右上方的色轮,我们选择了蓝紫色、蓝色、蓝绿色三个相邻的基本色彩,在每个基本色彩的基础上,我们调整了各自的明度和饱和度,尤其是明度的变化非常大,请记住:明度最重要。

  渐变设计

  我们还可以利用相邻的4个色彩的组合来创建邻近色。当超过5种相邻的色彩组合,临近色系两边的色彩之间的色相差距过大,这会导致主题的表达产生不和谐的感觉。

  献给学习设计的你

  单色配色的关键就在于:选择一个合适的色相,在此基础上,进行饱和度和明度的调整,并且这种色调最好不要过多。当超过7到8种单色之后,你就会很难分辨这些色彩之间的差异,因此,3-4个色彩是你最好的选择。

  正如文中所言,你不应当死记硬背这些配色方案,而应当吸取其中的配色思路和原理。

  网站还有大量的留白。这种极简的设计风格在近几年非常流行,不过受限于扁平化设计的弊端,设计师们正在寻找一种更加饱满同时兼具扁平化简洁优点的设计:渐变色就是其中一种。请看下图:

  由于篇幅所限,我们将6大配色方法论分为了上中下三册,期待你的下一次光临。

  最终,我们利用前面的基础概念过渡到了色轮。从此以后,色轮将是你一直使用的色彩工具,如果没有色轮你将很难进行初级的配色。

  我们以红色和蓝紫色的饱和版本为例,配置了单色的变化例子,请看下图:

  单色配色很容易构建和谐。对于新手,我们推荐你先使用单色配色,培养自己的经验,进而掌握更多的配色方法。正如我一直所说,你对色彩的理解建立在色彩原理的基础之上,如果你不具备这些色彩原理的知识,我想你应当填补你的知识盲区,而不是死记硬背这些配色方案或者去网上收集配色板。

  在这个案例中,我们提取了3种色彩。这些色彩都是蓝紫色的不同明度版本,它们都具有不高的饱和度,并且明度逐渐增强。值得注意的是,这个界面的字体同样是蓝紫色的高明度版本,有些字体的色彩几乎接近白色,但是依然可以感受到蓝紫色的成分。

  在所有配色的方法论当中,单色配色是最易上手的。如果一个设计中出现过多的鲜艳色彩,人的视觉系统会感到视觉疲劳,这种状态不应当持续很久,这是不和谐的配色方法。

  与单色配色一样,你要为你选择的基本色彩进行进一步地变化。你可以对一个色彩进行深、浅、明、暗四个调子的调整,请保证总是能够对一个色彩的明度和饱和进行变化和调整。正如上述的4个邻近色组合,尽管你选择了相邻的蓝色、蓝紫色、紫色、紫红色,但是这只是你的开端,你可以进一步地对每一个色彩进行明度和饱和度的调整,你不必担心这会违反邻近色的定义。

  这个网站的顶部设计采用了渐变风格,尽管如此,作者也只采用了青色和紫色的渐变。过多的渐变色彩会产生许多设计噪点,我们甚至可以采用单色的不同明度或者饱和度的渐变版本来构建丰富的视觉设计。这种设计在今年(2018)正在变得流行。

  接下来我给你几个单色配色的案例,你可以慢慢观察并且学习提取这些色彩,然后组合成自己的调色板,切记:配色方案不可随意复制,你应当根据产品面向的用户以及产品本身的特点来构建基础色彩,或者从自然界寻找配色方案,但绝不是复制别人的调色板。

  邻近色的变化和应用

  小贴士:从视觉上看,由于界面背景使用了大量单色体系,而字体的比例在这个UI种并不高,在这种面积对比情况下,字体容易在视觉上受到蓝紫色的影响,从而感觉有蓝紫色的成分。当然,事实是:作者的确使用了蓝紫色的字体,只不过明度非常高。

  对单色配色的讲解到此为止,我们为你总结了单色配色的知识点:

  邻近色

  尽管我们使用色轮来进行配色,但是你需要理解色轮并非必须是圆形,如果你提前使用了Photoshop(我们不推荐先学习软件),那么你需要明白这些软件的取色器就是一个色轮,尽管它是矩形的。

  下章内容

  总结

  小贴士:你会发现我们利用取色器来归纳某些作品的调色板,我们希望你也这样做,这会让你的色彩原理基础能力提升很快。在这个过程中你会接触大量作品,你要分辨哪些作品好,哪些是糟糕的设计。对于优秀的作品,你要能够找出它们之间的共同点。我们的体系会一直带着你做这种分析。帮助你更快地提升自己的欣赏和设计能力。很快你就会发现,自己会制作调色板了。

  随后,我们通过案例展示了光影的关系。光与阴影对UI的交互起着至关重要的作用,利用光影提供易用的交互模式,利用光影提供利于阅读的用户体验。也让你明白了仅仅使用灰度就可以表现整个客观世界。

  长久以来,我们已经走完了色彩体系的大部分课程。这些体系是未来深入学习色彩的基础,让我们回顾这7天的学习成果,并依据这些成果展开对色彩综合学习。

  我们利用这9种色彩,绘制了色轮下方的抽象画。在这幅画中,你能够感受到空间感,这是由明度的差异化导致的,同时一些高饱和的色相使得画面的视觉效果变得丰富。

  饱和度与明度变化的单色

  当你进行设计的时候,配色是摆在你面前的首要问题。如果你是凭感觉在色轮中选择色彩,那么你的作品至少失败了一半。

  相似色

  在这幅图中,我们给出了饱和度版本的单色配色,但是单色仅仅通过饱和度的变化是不够的,你还记得我们说过明度最重要吗?当你使用单色配色的时候,如果丢失了明度的变化,那么你的场景将会失去深度,你要明白,世界的轮廓是通过明度来标识的,因此,当使用单色的配色时,你需要更宽广的明度,否则会使你的设计显得单调乏味,并且缺乏纵深。

  选择一个基础色在基础色的基础上,进行饱和度和明度的变化,明度的范围可以适当放宽,以获得深度感可以利用单色的不同饱和度和明度来进行渐变设计,这可以使设计更有视觉魅力

  但是当你盯着蓝色大海或者绿色森林看上一天也不会有这种感觉。你的视觉系统会感到异常放松。这并不意味着你只需要使用色相一致的纯色单色,事实上,森林的绿色是丰富多彩的,尽管这些绿色都是同样的色相,森林的细节里有许多不同的明度和饱和度。自然的“配色”总是让人感到和谐和震撼,如果你实在没有配色灵感,尝试从身边的大自然寻找调色板,你会有意外收获。

  下图是一个应用软件的UI界面,这个作品同样使用了单色配色方法。请看下图:

  我们利用Photoshop的取色器提取了这个作品的色域,将其展示在作品下方,并且将调色板中的每一个色彩的HSV(Hue=色相;Saturation=饱和度;Value=明度)信息放到表格中。你会发现最左面的蓝色明度非常低,很暗淡,但是饱和度却很高,作品正是以这个低明度高饱和的色彩作为基本色进行调整的。我们发现这个调色板的明度在逐渐提高,饱和度也随着明度的变化逐渐降低,但是调色板的第二个和第三个色彩的饱和度却升高了,这是作品有意为之的。不过我们想表明的一个观点是:单色配色,明度变化尽量保持较宽的范围。

  色轮上3至5个相邻色彩的组合形成相似色。

  如果文章对你有价值,让你得到了提升,请你相信作者,并且关注他,转发文章让更多的人看到有质量的内容。或者用【打赏】喂食作者,让他继续为你奋斗。如果你有疑问或建议,请留言告诉我。

  当你还是一个没有任何设计基础的新手的时候,我们从物理的角度分析了色彩的本质,明白了物体并没有色彩,也明白了色彩是电磁波与视觉系统的综合反映。让你对色彩有了最基本的认识。

  每天十分钟,系统学习设计,成为设计师。终生学习,受益终生。这里是【知更常青藤】,欢迎你的到来,这是我和你一起学习设计的第八天。如果你不想丢失这个体系,可以关注我,转发本文。

  「一文掌获配色能力」一劳永逸的配色方案,6大配色系统大放送(中)

  如你所见,我们介绍了单色配色和邻近色配色的原理和方法论。我们希望你能够从根本上理解这种理论,这使得你的设计生涯种有更多的可能。

  单色配色

  你可以直接选择一组邻近色,通常这是有效的,如上述两组邻近色的选择。但是在色轮上,为邻近色选择一种基本的色彩,只是该调色板走向精细化的一个开始。

  邻近色

  尽管邻近色的配置通常是安全的,但是你还是要注意,位于邻近色最两端的色彩依然相隔遥远,如上图的蓝紫色和蓝绿色,有些邻近色的两端相隔更加遥远,这种情况下,二者会产生一些如混色和互补色的效果。这是你需要注意的,当你需要这种效果的时候,你可以组合邻近色最两端的色彩。这种合理的差异化设计,使得邻近色不仅可以应对肯定和支持等和谐主题,也可以应对需要产生冲突和强对比的主题场景。

  单色的魔方

  APP UI

  青色的不同明度和饱和度的渐变版本

  我们还学习了色彩的属性:色相、饱和度、明度。这三个属性正是我们后来学习色彩的基础概念,它们时刻被提起,并时刻被应用。你应当明白如何利用色彩的三个属性去定义和描述色彩,每当你看见色彩的时候,你都能够利用色相、饱和度、明度这三个属性去思考和观察。

  这个网站的主图采用了蓝绿色的灰度配色,整个图片保持了较高的明度和很低的饱和度。实际上它的色相十分接近灰色,这种色彩给网站一种轻盈的感觉,使得网站看起来不那么头重脚轻。

  然后是色彩的特性,你明白了什么是固有色、物体色、光源色、环境色。尽管这些特性的理解不会在你设计的时候提供有效的帮助,但是却能够帮助你深刻理解色彩的本质,帮助你构建优秀的调色板。

  这一章将是6种配色方法的学习,我们使用色轮来展现这种配色过程。因此,如果你还不明白色彩的三属性以及基础色彩理论,我想你值得看一看我的往期文章,去学习这些基础理论,这是你看懂本章的基础。

  仅仅变化饱和度的单色渐变

  灰度的网站

  这些所有的色彩并不会有冲突的感觉。它们都是邻近色组成的,邻近色的定义使得各自都包含有两边的成分,因此,容易形成和谐一致的观感。

  我们再次修改这个配色,这次加大他们之间的明度差别:

  文/万岁爷 校验/君 知更常青藤原创出品,转载请注明出处,版权所有,侵权必究。

  通过这种配色方式,我们得到了3组一共9种丰富的色彩,请你放心,在经过明度和饱和度的变化之后,这些色彩的色相并不明显,不会如补色那样对立和冲突,相反,其中有两种基本色彩是复色,通常复色的影响是最小的。

版权声明

本文仅代表作者观点,不代表本站立场。
本文地址:http://www.winner-lab.com/guanwangtoutiao/2019/0808/378.html 欢迎转载。

上一篇:[梦之队]“梦之队”又成就谁
下一篇:[鄞州]宁波鄞州凭什么成为全国“双创”优等生