一套优秀的建筑图纸必须掌握的配色原则有哪些?
![](http://n4.ikafan.com/assetsj/blank.gif)
人们对图纸的第一印象往往是它的配色,不同的配色可以创造出不同感觉的图像,更好地传达信息,同时合适的颜色组合还可以获得更多的关注,并进一步拉近设计师与观众的距离,让图像更具力量,在设计的时候应该慎重地考虑和选用颜色。
一组优秀的配色不仅仅停留在视觉上的美观,还可以传达一定的信息、氛围和价值观,因此我们在图纸表达时应该慎重地考虑和选用颜色,那么本篇文章就以图纸配色中涉及到的原理、规律以及方法为主,为大家讲解如何通过好的颜色搭配为图纸的表达加分。
![](http://n4.ikafan.com/assetsj/blank.gif)
首先,在讲解图纸配色原理之前,我们需要先理解三个核心概念:分别是色相、饱和度和亮度。
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
Hue /色相/:不同的色系,其作用是区别不同的色彩。
Saturation /饱和度/:相同色系,也称纯度,用来调节颜色的鲜艳程度。
Luminance /亮度/:相同色系,用来调节颜色的明暗程度。
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
Monochromatic /单色配色/
单色配色是以单一颜色做为基础色,通过改变饱合度和亮度变化出同色系的其它搭配色。因为是属于同一个色系,所以这种配色法能调配出相对舒适的色彩感受。这种配色方式只有一种色相,也就是说我们只需要对它的明度进行调节,对于线稿图来说,颜色的加深可以用于重要信息的表达,而对于轴测图来说,则要注意结合图纸中的阴影关系来调配颜色的深浅。
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
Analogous /类似色配色/
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
Complementary /互补色配色/
互补色是指色轮上那些呈180°角的颜色。与单色和类似色相比,互补色更加吸引人,有非常强烈的对比度,在颜色饱和度很高的情况下,可以创建很多十分震撼的视觉效果,让图纸更加抢眼。这种配色方式需要我们对颜色的饱和度,明度以及颜色所占的空间有一个良好的控制,通常来说图纸主色调选择其中一种颜色,并将其饱和度调低,主色调所占比例大约为70%--90%;而一些较小的主体比如建筑的核心体块等,则用较为艳丽的颜色,所占比例为10%--30%,这样既实现了颜色上的对比,又对主体进行了强调。
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
以上三种配色方法都属于色系比较少的情况,如果我们既想要配色和谐的类似色,又想要配色充满对比的互补色,那么这时候就需要用到多色配色法。
![](http://n4.ikafan.com/assetsj/blank.gif)
常见的多色配色原则可以分为以下三种,分别是三分色配色、分散互补色配色和四分色配色。与对比配色的原理相似,我们在进行颜色搭配时首先要定好主色调,要保证它的面积足够大,同时尽量不要用过于艳丽的颜色,另外所有的颜色都要有对比;其次,在颜色比较多的情况下,我们需要确保比较鲜艳的颜色的使用面积是小的,总的来说多色配色的总体原则就是让灰色调的面积大于饱和度较高的面积。
![](http://n4.ikafan.com/assetsj/blank.gif)
Triad /三分色配色/
三分色也是一组常见的配色方式,它是通过在色环上创建一个等边三角形来取出的一组颜色,可以形成十分强烈的对比感。
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
Split-Complementary /分散互补色配色/
分散互补色和互补色的区别在于分散互补色并不是取目标颜色正对面的颜色。以下图为例,青色的互补色应该是红色,但是我们取红色旁边的两个颜色和青色进行配色,这样在保障对比度的情况下,还可以让颜色更丰富。
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
Tetrad /四分色配色/
四分色是在色轮上画一个矩形,取四个角的颜色,我们可以使用其中一个颜色作为主色,其他的三个颜色作为辅助色。
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
在这一部分,我们将介绍两种方法,一种是通过配色板获取色彩,另一种是通过图片获取色彩。
![](http://n4.ikafan.com/assetsj/blank.gif)
通过配色板获取色彩
一些可以通过配色板获取色彩的网站有Adobe Color、Muzli Colors、HueSnap等,在这里我们主要介绍利用Adobe Color网站的配色板来获取色彩的方法,这是一家在线色轮提取网站,使用兼容性很强,它能提供RGB、CMYK、LAB、SHB、HEX五种色彩模式,非常人性化,用户可以根据自己的配色要求进行实时搭配,是配色的必备良器。
我们可以选择一个基础颜色然后创建以它为中心的颜色主题,在设置了基础颜色之后,另外4个关联颜色会自动生成,调色规则 /Color Harmony Rule/ 可以让你在改变基础颜色时自动改变它们。我们可以在色盘里拖动调整基础颜色,关联颜色会根据规则一起移动。我们可以选择不同的调色规则,然后使用交互式色盘、亮度以及不同颜色模式的滑块来建立颜色,也可以从图片中提取颜色,或者直接输入颜色代码。
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
通过图片获取色彩
在这一部分,我们主要介绍两种方法,一种是通过Adobe Color的网站从图片中提取颜色,另一种是通过AI图像描摹来提取颜色。
Adobe Color:
首先需要从本地上传一张图片,Adobe Color支持的图片格式有TIFF、JPEG、GIF、PNG和BMP。同样,接下来这里也有调色规则,在Color Mood中我们可以选择不同的模式:Colorful(五彩缤纷)、Bright(明亮的)、Muted(浅色的)、Deep(深色的)、Dark(灰暗的)和 Custom(自定)。选择规则后,会自动从图片中提取生成颜色,通过移动标记点的位置,Adobe Color可以提取当前位置的颜色并在图片下面的主题预览中显示出来。
![](http://n4.ikafan.com/assetsj/blank.gif)
AI:
我们还可以利用AI中图像描摹的功能,将标量图转化为矢量图来获取配色,它的优点在于可以将我们找到的参考图片中的配色主题提取出来,方便我们将其运用在自己的图纸上。
首先,把我们需要描摹的图片拖入Ai软件中打开,或者在菜单栏中选择文件--置入,同样可以导入图片。
![](http://n4.ikafan.com/assetsj/blank.gif)
点击图片,在顶部的命令栏中找到图像描摹并点击其右侧的箭头,在弹出的菜单中选择合适的选项,这里我们将图片描摹为16色。
![](http://n4.ikafan.com/assetsj/blank.gif)
描摹结果选择完成后,我们点击扩展,即可以把原来的位图变为一个由路径和色块组成的矢量图片。
完成上述操作之后,点击右侧工具栏中的画板选项,然后选择新建颜色组。
![](http://n4.ikafan.com/assetsj/blank.gif)
最后点击确定,我们就会得到这张参考图的配色主题。
![](http://n4.ikafan.com/assetsj/blank.gif)
配色反映了设计的整体感觉,有时候单凭图纸的颜色就可以调度起一个人的情绪、情感甚至回忆。而这种颜色的搭配其实是有规律可循的,希望本篇文章可以为大家提供参考,针对自己的设计选择出合适的配色方案。
扫码获取更多课程信息
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
![](http://n4.ikafan.com/assetsj/blank.gif)
2019@Shanghai Studio
![](http://n4.ikafan.com/assetsj/blank.gif)
支持一格海外设计课
如果你在看,请让我们知道哟 💜