1. XenForo 1.5.14 中文版——支持中文搜索!现已发布!查看详情
  2. Xenforo 爱好者讨论群:215909318 XenForo专区

做 PPT、搭配服装时,怎样的配色最舒服?(多图)

本帖由 漂亮的石头2015-07-18 发布。版面名称:知乎日报

  1. 漂亮的石头

    漂亮的石头 版主 管理成员

    注册:
    2012-02-10
    帖子:
    486,020
    赞:
    46
    怎样的配色可以让人很舒服?

    [​IMG] 赤兔女,爱艺术,爱生活,设计师

    因为暑假正好要教一门叫 color and form 的课,所以觉得整理梳理一下也正好。

    好不容易想努力写一次答案各位看官觉得有用就点个赞么么哒~

    一.先普及色彩的几种组合方式:

    [​IMG]

    首先上个色轮镇楼!

    [​IMG]

    这个冷-暖色系大家大概都明白是怎么回事,与问题关切不大,只是顺便一提

    [​IMG]

    Complementary color scheme-互补色

    在色轮上互相对着的颜色,如图所标红配绿。这种高度色差的色调,尤其在这样的这样的纯色下显得十分强烈,通常这样的互补色我们都会通过改变明度降低纯度的方法来让它们看起来不那么刺眼。互补色用起来要注意,很多广告和招贴为了吸引眼球经常会使用。

    [​IMG]

    降低纯度的互补色非常和谐好看有木有,而且设计中一般都会降纯度的,用大纯色一般都是出于某种视觉冲击需要。

    [​IMG]

    室内设计中互补色的应用

    [​IMG]

    时尚领域同理,互补色中总能让一个颜色特别出挑。蓝橙互补是我个人最喜欢的互补色组合。当然红绿、紫黄等等也是常用且很好看的。

    [​IMG]

    [​IMG]

    Analogous color scheme - 同类色系

    即色轮上左右两个邻近色,这个通常都好用,也不容易用错。通常同类色都会用来营造比较安静祥和舒服的色彩氛围,因为这样的色彩组合就是在大自然中最常见到的,比如绿树成荫啦蓝天海洋啦。但是在选择这样的颜色的时候在比例上注意调和,选择一个为主要的颜色,其他一个为辅。

    [​IMG]

    看我大自然色多么和谐美丽~

    举几个例子来说吧:

    [​IMG]

    梵高的自画像,可以看到不同的蓝色的运用,包括皮肤都是受环境色影响偏冷绿。这样的画面比较安静祥和,也可以因为颜色的关系是冷寂忧郁,但总体的氛围是安静的,是很稳定的用色。

    图片摘自:ArtLex on Post-Impressionist Vincent van Gogh

    [​IMG]

    同样,塞尚的作品 Houses in Provence. 取色于自然就一定会是和谐统一的。

    [​IMG]

    [​IMG]

    在日常生活中,各类设计中也常常见到同类色的应用。

    如上图所示,这里可以看到黄棕色系,黄色是主打颜色,黑白灰随便用,和什么颜色都是相配的。

    [​IMG]

    [​IMG]

    排名第一的答案对于服饰的色彩搭配已经说得很详细了,我就顺带这个同类色系补两张图片,不复赘述。

    [​IMG]

    Triadic color scheme- 三色系

    这种色彩搭配通常都非常的有鲜亮活泼,但尽量不要用三个大纯色的搭配,要用它们降纯后的的灰度色,然后也是要有一个主次关系,一个颜色为主,另两个为辅。

    [​IMG]

    玉米的大块明黄色显然就是画面中主导的颜色,再用两个降低纯度的颜色相对小面积为辅助。

    [​IMG]

    玫红色在其他两个纯度相对较低的颜色中比较突出,还有桌上的花和琉璃瓶做呼应

    [​IMG]

    [​IMG]

    Split-Complementary color scheme-分散互补色系

    和互补色很相似,其对立色是补色的邻近两色。如图绿色的补色是红色,那它的分散互补色就是紫红色和橙红色。也和互补色一样,其视觉差很大,也是容易吸引人眼球,但是没有补色的强度高。但用分散互补色比补色保险,所以也不偿为一个保险又出彩的选择。

    [​IMG]

    所以请参照色环,绿色对应的分散互补色应该是紫罗兰色或橙色,这里我们用了紫罗兰配绿色

    [​IMG]

    [​IMG]

    同样的梵高自画像,你可以看到绿色大衣和背景橙色的分散互补色的对比,强烈但不至于过分。这张感情明显比之前那张同类色的要强烈得多。而从画中他刚割去的左耳也可以窥得他这个时期的精神状态。

    [​IMG]

    并不是橙色与蓝色的互补,而是对蓝色向绿色过渡的青色。

    [​IMG]

    Rectangle (tetradic) color scheme-矩形色系/四色系

    两对分散互补色组成的色系,其特点是丰富多彩,变化无穷。但应用时应注意主体色彩要突出,然后就是冷色和暖色的使用一定要平衡。

    [​IMG]

    [​IMG]

    其实说白了就是两对互补色的应用,对色彩没有把握的话不要轻易尝试,很容易混乱。但像这张时尚摄影把黄色对紫色,玫红对蓝绿的色彩用到这样极致的真是需要非常深厚的功力。

    请注意每块颜色的比例,在构图中的位置,模特的姿势等等,太有的讲究了。Graphically Geometric Monotography

    [​IMG]

    Square color scheme- 方形色系

    和前面矩形类似,方形色系也是两对互补色的应用,对色彩没有把握的话不要轻易尝试,很容易混乱。

    [​IMG]

    fashion feature from august 1967 seventeen magazine

    1967 年 vogue 杂志里的照片,红绿的小面积运用,和大面积的黄紫色搭配。

    [​IMG]

    这个好好说下,调过颜料的童鞋们都知道,原有的颜色我们叫做纯色,也就是出现在色轮里面的颜色,它们是在色相上进行横向的变化。然后上面这些小格格们就是纵向的变化啦,也就是驶向“高级”之路。

    1. 第一个是浅色调,即在纯色上加白达到提亮的效果

    2. 然后是暗色调,即在纯色的基础上添加黑色不断地降低明度

    3. 是灰色调,这个不一定是加灰色,也可以通过加互补色来降低纯度

    二. 色彩学的模型

    1. 奥斯特瓦尔德理论

    我都说到横向纵向了,你们就要明白色彩不是一个平面的东西,要建个立体模型才能说清楚呀~这个答案重点就在这里了,看这里!看这里!看这里!(重要的事情说三遍)

    这个模型的名字叫做 Ostawald color system, 是由德国物理化学家弗里德里希·威廉·奥斯特瓦尔德发明的!

    [​IMG]

    奥斯特瓦尔德颜色系统的基本色相为黄、橙、红、紫、蓝、蓝绿、绿、黄绿 8 个主要色相,每个基本色相又分为 3 个部分,组成 24 个分割的色相环,从 1 号排列到 24 号。

    [​IMG]

    奥斯特瓦尔德色相环

    奥斯瓦尔德的全部色块都是由纯色与适量的白黑混合而成,其关系为

    白量 W+ 黑量 B+ 纯色量 C=100

    消色系统的明度分为 8 个梯级,附以 a、c、e、g、i、l、n、p 的记号。a 表示最明亮的色标白,p 表示最暗的色标黑,其间有 6 个阶段的灰色。这些消色色调所包含的白和黑的量是根据光的等比级数增减的,明度是以眼睛可以感到的等差级数增减决定的。

    [​IMG]

    从上表可以看出,作为色标的白(a)比理想的白色含有 11%的黑量;而作为色标的黑(p)则比理想的黑含有 3.5%的白。并且还有如下关系:

    [​IMG]

    将分级的数字代入则得:

    [​IMG]

    从这种明度分级的方法即可看出并不是按照视觉特征来分级的,这是该系统的一大缺点。

    把这个明度阶梯作为垂直轴,并作成以此为边长的正三角形,在其顶点配以各色的纯色色标,这个三角形就是等色相三角形(下图所示)

    [​IMG]

    奥斯特瓦尔德等色相三角形

    奥斯瓦尔德颜色系统共包括 24 个等色相三角形。每个三角形共分为 28 个菱形,每个菱形都附以记号,用来表示该色标所含白与黑的量。例如某纯色色标为 nc,n 是含白量 5.6%,c 是含黑量 44%,则其中所包含的纯色量为:

    100-(5.6+44)=50.4%

    再如纯色色标为 pa,p 含白量为 3.5%,a 含黑量 11%,所以含纯色量为:

    100-(3.5+11)=85.5%

    这样作成的 24 个等色相三色形,以消色轴为中心,回转三角形时成为一复圆锥体,也就是奥斯瓦尔德颜色立体。

    奥斯特瓦尔德色系通俗易懂,它给调配使用色彩的人提供了有益的指示。在做色彩构成练习中的纯度推移时,奥斯特瓦尔德色系的色相三角形不啻可以视为一种配方的指导,此外,色相三角形的统一性也为色彩搭配特性显示了清晰的规律性变化。奥斯特瓦尔德色系的缺陷在于等色相三角形的建立限制了颜色的数量,如果又发现了新的、更饱和的颜色,则在图上就难以表现出来。另外,等色相三角形上的颜色都是某一饱和色与黑和白的混合色,黑和白的色度坐标在理论上应该是不变的。则同一等色相三角形上的颜色都有相同的主波长,而只是饱和度不同而已,这与心理颜色是不符的。目前采用混色盘来配制同色相三角形,以弥补这一缺陷。

    奥斯特瓦尔德认为,color harmony(色彩协调)的理论中最为重要的顺序。也就是你们说的舒服的颜色满足这样的几条:

    1)Colours harmonise if they are located at the equal white and equal black circle in the Ostwald system;
    2)Colours harmonise if they have equal white content;
    3)Colours harmonise if they have equal black content;
    4)Colours harmonise if they have equal hue content.
    [​IMG]

    这四条原则即,
    1)颜色在等量的黑白即明度环是协调的。(即平行的圈圈里面)
    2)有等量的白色的颜色范围是协调的。(即表面纵向那条线)
    3)有等量的黑色的颜色是协调的。(表面横向那条线)
    4)在同色的色度里的颜色是协调的 (模型内部纵向的垂直线)


    我自己翻译的,如果有歧义请告诉我哦

    [​IMG]

    2. The Munsell Color Solid

    Munsell Color System; Color Matching from Munsell Color Company |

    孟塞尔色彩体系(Munsell Color System)是色度学(或比色法)里透过明度(value)、色相(hue)及彩度(chroma)三个维度来描述颜色的方法。这个颜色描述系统是由美国籍美术教育家阿尔伯特·孟塞尔(Albert H. Munsell,1858-1918)在 1898 年创制的,在 1930 年代为USDA采纳为泥土研究的官方颜色描述系统。至今仍是比较色法的标准。​

    Munsell 目的在于创建一个"描述色彩的合理方法",采用的十进位计数法比颜色命名法优越。1905 年他出版了一本颜色数标法的书,已多次再版,目前仍然当作比色法的标准。蒙塞尔色彩系统着重研究颜色的分类与标定、色彩的逻辑心理与视觉特征等,为传统艺术色彩学奠定了基础,也是数字色彩理论参照的重要内容。

    孟塞尔颜色立体如下图所示,中央轴代表无彩色黑白系列中性色的明度等级,黑色在底部,白色在顶部,称为孟塞尔明度值。它将理想白色定为 10,将理想黑色定为 0。孟塞尔明度值由 0-10,共分为 11 个在视觉上等距离的等级。

    [​IMG]

    孟塞尔颜色立体示意图

    在孟塞尔系统中,颜色样品离开中央轴的水平距离代表饱和度的变化,称之为孟塞尔彩度。彩度也是分成许多视觉上相等的等级。中央轴上的中性色彩度为 0,离开中央轴愈远,彩度数值愈大。该系统通常以每两个彩度等级为间隔制作一颜色样品。各种颜色的最大彩度是不相同的,个别颜色彩度可达到 20。

    孟塞尔颜色立体水平剖面上表示 10 种基本色。如图 5-18 所示,它含有 5 种原色:红(R)、黄(Y)、绿(G)、蓝(B)、紫(P)和 5 种间色:黄红(YR)、绿黄(GY)、蓝绿(BG)、紫蓝(PB)、红紫(RP)。在上述 10 种主要色的基础上再细分为 40 种颜色,全图册包括 40 种色相样品。

    [​IMG]

    孟塞尔色相的标定系统

    任何颜色都可以用颜色立体上的色相、明度值和彩度这三项坐标来标定,并给一标号。标定的方法是先写出色相 H,再写明度值 V,在斜线后写彩度 C。

    HV/C=色相明度值 / 彩度

    例如标号为 10Y8/12 的颜色:它的色相是黄(Y)与绿黄(GY)的中间色,明度值是 8,彩度是 12。这个标号还说明,该颜色比较明亮,具有较高的彩度。3YR6/5 标号表示:色相在红(R)与黄红(YR)之间,偏黄红,明度是 6,彩度是 5。

    对于非彩色的黑白系列(中性色)用 N 表示,在 N 后标明度值 V,斜线后面不写彩度。

    NV/=中性色明度值 /

    例如标号 N5/ 的意义:明度值是 5 的灰色。

    另外对于彩度低于 0.3 的中性色,如果需要做精确标定时,可采用下式:

    NV/(H,C)=中性色明度值 /(色相,彩度)

    例如标号为 N8/(Y,0.2)的颜色,该色是略带黄色明度为 8 的浅灰色。

    《孟塞尔颜色图册》是以颜色立体的垂直剖面为一页依次列入。整个立体划分成 40 个垂直剖面,图册共 40 页,在一页里面包括同一色相的不同明度值、不同彩度的样品。如图 5-19 所示,是颜色立体 5Y 和 5PB 两种色相的垂直剖面。中央轴表示明度值等级 1-9,右侧的色相是黄(5Y)。当明度值为 9 时,黄色的彩度最大,该色的标号为 5Y9/14,其它明度值的黄色都达不到这一彩度。中央轴左侧的色相是紫蓝(5PB),当明度值为 3 时,紫蓝色的彩度最大。该色的标号:5PB3/12。

    [​IMG]

    孟塞尔颜色立体的 Y-PB 垂直剖面

    又如图 5-20 所示,.是明度值为 5 的水平剖面,在明度值为 5 的条件下,红色(R)的彩度最大,黄色(Y)的彩度最小。

    [​IMG]

    孟塞尔颜色立体的明度值 5 水平剖面

    [​IMG]

    孟塞尔的色立体

    1) The grey scale;
    2) Colours of the same Munsell Hue and the same Munsell Chroma;
    3) Complementary colours of the same Value and the same Chroma;
    4) Colours of "diminishing sequences", in which each colour is dropped down one step in Value as Chroma goes down one step, and so is Hue;
    5) Colours on an "elliptical path" in the Munsell colour space.​

    好了又到了我瞎翻译的时候啦啦啦啦啦~~~~

    和奥斯特瓦尔德理论相同的是,孟塞尔的色彩原理也认为,色彩的协调舒服基于模型中特定的路径和空间。

    1)所有的灰色系都协调~ (这也就是前面好多答案里面说了的色彩的灰色调、高级色)

    2)孟塞尔色相和饱和度相同的颜色

    3)有着相同明度和相同饱和度的互补色

    4)呈“递减序列”的颜色,即在色立体中一小块一小块的色彩饱和度呈垂直的变化,也叫做色度

    5)在孟塞尔颜色空间呈“椭圆路径”的颜色空间。

    说了那么多理论的,我决定好好总结,好好说话,说人话!

    色调种类综上所述,色调倾向大致可归纳成鲜色调、灰色调、浅色调、深色调、中色调等。

    1.鲜色调

    在确定色相对比的角度、距离后,尤其是中差(90 度)以上的对比时,必须与无彩色的黑、白、灰及金、银等光泽色相配,在高纯度、强对比的各色相之间起到间隔、缓冲、调节的作用,以达到既鲜艳又直接、既变化又统一的积极效果。感觉生动、华丽、兴奋、自由、积极、健康等。

    2.灰色调

    在确定色相对比的角度、距离后,于各色相之中调入不同程度、不等数量的灰色,使大面积的总体色彩向低纯度方向发展,为了加强这种灰色调倾向,最好与无彩色特别是灰色组配作用。感觉高雅、大方、沉着、古朴、柔弱等。

    3、深色调

    在确定色相对比的角度、距离时,首先考虑多选用些低明度色相,如蓝、紫、蓝绿、蓝紫、红紫等,然后在各色相之中调入不等数量的黑色或深白色,同时为了加强这种深色倾向,最好与无彩色中的黑色组配使用,感觉老练、充实、古雅、朴实、强硬、稳重、男性化等。

    4、浅色调

    在确定色相对比的角度、距离时,首先考虑多选用些高明度色相,如黄、桔、桔黄、黄绿等,然后在各色相之中调入不等数量的白色或浅灰色,同时为了加强这种粉色调倾向,最好与无彩色中的白色组配使用。

    5、中色调

    是一种使用最普遍、数量最众多的配色倾向,在确定色相对比的角度、距离后,于各色相中都加入一定

    数量黑、白、灰色,使大面积的总体色彩呈现不太浅也不太深,不太鲜也不太灰的中间状态。感觉随和、朴实、大方、稳定等。

    在优化或变化整体色调时,最主要的是先确立基调色的面积统治优势。一幅多色组合的作品,大面积、多数量使用鲜色,热必成为鲜调,大面积、多数量使用灰色,势必成为灰调,其他色调依此类推。这种优势在整体的变化中能使色调产生明显的统一感,但是,如果只有基调色而没有感到单调、乏味。如果设置了小面积对比强烈的点缀色、强调色、醒目色,由于其不同色感和色质的作用,会使整个色彩气氛丰富。活跃起来。但是整体与对比是矛盾的统一体,如果对比、变化过多或面积过大,易破坏整体,失去统一效果而显得杂乱无章。反之,若面积太小则易被四周包围的色彩同化、融合而失去预期的作用。

    最后给大家推荐个网站:

    Paletton - The Color Scheme Designer 随便上去玩就好了

    查看知乎原文
     
正在加载...