PPT怎么样的配色会令人觉得舒服?

作者: cnpim CNPIM 2016年02月11日

PPT配色问题一直都是很多PPT爱好者遇到最棘手的问题,配色问题,不像排版规则,它更复杂,更难掌握。逛知乎,看到@赤兔女关于如何给PPT配色更让人舒服的详细回答,相信能解决一部分人对PPT配色的学习问题,就转到PPTfans来,大家一起学习学习~~!(提示:本教程偏学术)
原问题是:怎样的 PPT 配色会让人觉得舒服?

以下是@赤兔女的详细回答。

 

一.色彩的几种组合方式

pptfans_1b626e3c1ba2782608bc
首先上个色轮镇楼!
pptfans_2a98a827a68a94afe172

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

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

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

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

pptfans_1c0a9b60b1fb4ae7c15a

Analogous color scheme-同类色系

即色轮上左右两个邻近色,这个通常都好用,也不容易用错。通常同类色都会用来营造比较安静祥和舒服的色彩氛围,因为这样的色彩组合就是在大自然中最常见到的,比如绿树成荫啦蓝天海洋啦。但是在选择这样的颜色的时候在比例上注意调和,选择一个为主要的颜色,其他一个为辅。
pptfans_24fa04841af81d74bc08
看我大自然色多么和谐美丽~
举几个例子来说吧:
pptfans_8f491adaff0e1c4fa437
日常中常见的同类色系, 是不是很和谐舒服?
pptfans_d6aa2a668f48be6d9036
梵高的自画像,可以看到不同的蓝色的运用,包括皮肤都是受环境色影响偏冷绿。这样的画面比较安静祥和,也可以因为颜色的关系是冷寂忧郁,但总体的氛围是安静的,是很稳定的用色。
图片摘自:ArtLex on Post-Impressionist Vincent van Gogh
pptfans_07e4c7582e07a8b013e0
同样,塞尚的作品Houses in Provence. 取色于自然就一定会是和谐统一的。
pptfans_299794de734ad9de7f63
pptfans_13be463b80c117555e0b
在日常生活中,各类设计中也常常见到同类色的应用。
如上图所示,这里可以看到黄棕色系,黄色是主打颜色,黑白灰随便用,和什么颜色都是相配的。
pptfans_1eea5609f7931af9a4ff
前面有个答案是针对服饰的色彩搭配的,已经说得很详细了,我就顺带这个同类色系补两张图片,不复赘述。
pptfans_8f1a4ac073a64041a67c

Triadic color scheme-三色系

这种色彩搭配通常都非常的有鲜亮活泼,但尽量不要用三个大纯色的搭配,要用它们降纯后的的灰度色,然后也是要有一个主次关系,一个颜色为主,另两个为辅。
pptfans_8bef2c98551c19025374
玉米的大块明黄色显然就是画面中主导的颜色,再用两个降低纯度的颜色相对小面积为辅助。
pptfans_160a22c4cf488568c3ff
玫红色在其他两个纯度相对较低的颜色中比较突出,还有桌上的花和琉璃瓶做呼应
pptfans_e5751f1e5bc911cea94f

同样,再时尚领域和室内设计都可以应用起来,色调比较鲜亮活泼,也就是我们常说的“撞色”的感觉。

pptfans_5101c93a9770c1de50ea

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

和互补色很相似,其对立色是补色的邻近两色。如图绿色的补色是红色,那它的分散互补色就是紫红色和橙红色。也和互补色一样,其视觉差很大,也是容易吸引人眼球,但是没有补色的强度高。但用分散互补色比补色保险,所以也不偿为一个保险又出彩的选择。
pptfans_e54dca6e8e6f1652521e
所以请参照色环,绿色对应的分散互补色应该是紫罗兰色或橙色,这里我们用了紫罗兰配绿色
pptfans_d9eeb55ae5ca8606e870
pptfans_c36cc3e282877dd8fcae
同样的梵高自画像,你可以看到绿色大衣和背景橙色的分散互补色的对比,强烈但不至于过分。这张感情明显比之前那张同类色的要强烈得多。而从画中他刚割去的左耳也可以窥得他这个时期的精神状态。
pptfans_9fd354a1a48ef9b14220

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

pptfans_5623c4c0f06390c3197f

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

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

其实说白了就是两对互补色的应用,对色彩没有把握的话不要轻易尝试,很容易混乱。但像这张时尚摄影把黄色对紫色,玫红对蓝绿的色彩用到这样极致的真是需要非常深厚的功力。
请注意每块颜色的比例,在构图中的位置,模特的姿势等等,太有的讲究了。Graphically Geometric Monotography
pptfans_215c8288d99fee92ae25

Square color scheme-方形色系

和前面矩形类似,方形色系也是两对互补色的应用,对色彩没有把握的话不要轻易尝试,很容易混乱。
pptfans_5f345a6b581e5f8910ac
fashion feature from august 1967 seventeen magazine
1967年vogue杂志里的照片,红绿的小面积运用,和大面积的黄紫色搭配。
pptfans_19a3b5bbef9d81bdc865
我还是非常喜欢这种大胆的色块运用的,但一定是对各块颜色的形态、面积、和其他颜色的比例都经过反复的掂量之后再使用。
pptfans_af57cdfd56aa001248e3
这个好好说下,调过颜料的童鞋们都知道,原有的颜色我们叫做纯色,也就是出现在色轮里面的颜色,它们是在色相上进行横向的变化。然后上面这些小格格们就是纵向的变化啦,也就是驶向“高级”之路。
1. 第一个是浅色调,即在纯色上加白达到提亮的效果
2.然后是暗色调,即在纯色的基础上添加黑色不断地降低明度
3.是灰色调,这个不一定是加灰色,也可以通过加互补色来降低纯度

二. 色彩学的模型

1. 奥斯特瓦尔德理论

我都说到横向纵向了,你们就要明白色彩不是一个平面的东西,要建个立体模型才能说清楚呀~这个答案重点就在这里了,前面的只是基础理论铺垫,因为题主注明要科学依据,所以我才写着部分。但是我知道大部分的同学们不会有耐心看下去了,我就是写写,看不看由你~
这个模型的名字叫做Ostawald color system, 是由德国物理化学家弗里德里希·威廉·奥斯特瓦尔德发明的!
pptfans_f6d8cf3e62908461a1fd
奥斯特瓦尔德颜色系统的基本色相为黄、橙、红、紫、蓝、蓝绿、绿、黄绿8个主要色相,每个基本色相又分为3个部分,组成24个分割的色相环,从1号排列到24号。
pptfans_daa708570681c4617199
奥斯特瓦尔德色相环
奥斯瓦尔德的全部色块都是由纯色与适量的白黑混合而成,其关系为
白量W+黑量B+纯色量C=100
消色系统的明度分为8个梯级,附以a、c、e、g、i、l、n、p的记号。a表示最明亮的色标白,p表示最暗的色标黑,其间有6个阶段的灰色。这些消色色调所包含的白和黑的量是根据光的等比级数增减的,明度是以眼睛可以感到的等差级数增减决定的。
pptfans_2c8265e93de682f87863从上表可以看出,作为色标的白(a)比理想的白色含有11%的黑量;而作为色标的黑(p)则比理想的黑含有3.5%的白。并且还有如下关系:
pptfans_3d11e37fb8c0c1e97ce9
将分级的数字代入则得:
pptfans_7c6bf74981fb87520850从这种明度分级的方法即可看出并不是按照视觉特征来分级的,这是该系统的一大缺点。
把这个明度阶梯作为垂直轴,并作成以此为边长的正三角形,在其顶点配以各色的纯色色标,这个三角形就是等色相三角形(下图所示)pptfans_f4fa1258315d79c55f7d奥斯特瓦尔德等色相三角形奥斯瓦尔德颜色系统共包括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.
pptfans_cdb53ff96029c2391638

这四条原则即,
1)颜色在等量的黑白即明度环是协调的。(即平行的圈圈里面)
2)有等量的白色的颜色范围是协调的。(即表面纵向那条线)
3)有等量的黑色的颜色是协调的。(表面横向那条线)
4)在同色的色度里的颜色是协调的 (模型内部纵向的垂直线)
我自己翻译的,如果有歧义请告诉我哦
pptfans_798dd638a79f318b18a1

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个在视觉上等距离的等级。
pptfans_60c5d88b2cd227b32f00

孟塞尔颜色立体示意图

在孟塞尔系统中,颜色样品离开中央轴的水平距离代表饱和度的变化,称之为孟塞尔彩度。彩度也是分成许多视觉上相等的等级。中央轴上的中性色彩度为0,离开中央轴愈远,彩度数值愈大。该系统通常以每两个彩度等级为间隔制作一颜色样品。各种颜色的最大彩度是不相同的,个别颜色彩度可达到20。
孟塞尔颜色立体水平剖面上表示10种基本色。如图5-18所示,它含有5种原色:红(R)、黄(Y)、绿(G)、蓝(B)、紫(P)和5种间色:黄红(YR)、绿黄(GY)、蓝绿(BG)、紫蓝(PB)、红紫(RP)。在上述10种主要色的基础上再细分为40种颜色,全图册包括40种色相样品。

pptfans_daa708570681c4617199-1
孟塞尔色相的标定系统
任何颜色都可以用颜色立体上的色相、明度值和彩度这三项坐标来标定,并给一标号。标定的方法是先写出色相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。

pptfans_1b1b2dbaea3943eaa30c
孟塞尔颜色立体的Y-PB垂直剖面
又如图5-20所示,.是明度值为5的水平剖面,在明度值为5的条件下,红色(R)的彩度最大,黄色(Y)的彩度最小。

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

孟塞尔的色立体

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 随便上去玩就好了

本文作者:赤兔女,来自知乎的回答

内容未完全展示,请下载附件查看




点击加载全文

本文阅读量:

声明:本信息来源于网络,仅用于学习和技术交流,如有侵权或其他问题,请联系本站处理。

技术支持:CNPIM.COM