PPT色彩的对比与调和.docx

PPT色彩的对比与调和.docx

《PPT色彩的对比与调和.docx》由会员分享，可在线阅读，更多相关《PPT色彩的对比与调和.docx（14页珍藏版）》请在冰豆网上搜索。

PPT色彩的对比与调和

色彩的对比与调和

　　在设计过程中，配色是首要环节，也是重要的环节，色彩能直接地表达设计需求。

在配色过程中，有几个要点是必须注意的：

色彩的对比与调和，色彩的心理感觉。

　　在配色设计过程中，有一些基本的原理，例如网页设计中，用做主色的颜色不宜过多，一般不超过三种。

主色存在于视觉的冲击中心点，是整个画面的重心，它的亮度、饱和度和色块大小等都直接影响辅助色的存在形式及整体的视觉效果。

而辅助色在整体的画面中则应该平衡主色的冲击和减轻观看者所产生的视觉疲劳度，起到一定的视觉分散的效果。

可以简单理解为：

主色需要对比，辅助色调和对比。

色彩对比

　　提到对比，首先得理解一下色彩的对比。

色彩对比色包括色相对比、亮度对比、饱和度对比、冷暖对比、聚散对比、位置对比和面积对比。

共七种对比。

·色相对比

　　在配色中，有个色环的概念是必须要理解的。

在色环上可以分为12个区域，每个颜色占了30度。

同类色相对比就是色相距离在色环中15度以内的对比。

色相间在15度到45度左右的对比，称为邻近色相对比。

色相距离在130度左右的对比，一般称为对比色相对比。

色相距离在180度左右的对比，称为互补色相对比。

　　可以看到，同类色相对比是最弱的对比，而邻近色相对比是较弱的对双，对比色相对比则是中等对比，而互补色相对比是最强的对比。

这些基本理论可以应用到设计中去。

　　网页所用颜色一般采用邻近色相对比和对比色相对比。

一般邻近色相对比容易使颜色搭配得看上去舒服，而对比色相对比就相对较难，不过只要搭配得法，一样可以美观大方。

·亮度对比

　　亮度对比（又称明度对比）是色彩构成的最主要因素，它的对比效果可以说是最强烈的。

色彩的层次与空间关系主要是领先色彩的亮度对比来表现的。

据色彩专家估计，色彩亮度的对比所产生的力量至少要比饱和度对比大3倍。

　　将色彩的亮度变化做成一个标签，从0度到100度，共分为11等分，每1等分的亮度差为10度，亮度相差3格以内的为弱对比，相差３到５格的称为中对比，相差5格以上的为强对比。

在设计中多采用中对比。

·饱和度对比。

　　饱和度对比，也就是纯度对比，它是指比较鲜艳的颜色与含有各种比例的黑、白、灰的色彩，即模糊的浊色的对比。

降低一种颜色饱和度的办法有4种，分别是添加灰、添加黑、添加白或添加它的互补色。

色彩调和

　　色彩调和是色彩对比的反义。

我们知道，强烈的对比是一种刺激，尽管抢眼，但却会造成视觉上的不适。

所以，调和的目的就是使色彩和谐、协调。

·无彩色系最易调和，即黑、白、灰的设计最协调。

可以在亮度对比条中，每相隔一格取一色，这样的设计就比较储蓄、协调。

·无彩色系与彩色系调和最容易，就是说黑、白、灰能与任何彩色搭配。

通过观察可以发现，用灰色搭配鲜艳的彩色时，可以使彩色显得更加艳丽。

·有亮度差的色彩更容易调和。

一般有三格以上的亮度差的对比色都能调和，拉开亮度差是配色的关键。

·同色相调和也很容易，但需要考虑拉开亮度对比和饱和度对比，间隔倒不需过大。

通过单色调配出不同亮度和饱和度的色彩。

在网页设计中可先选定一种色彩，然后调整亮度或者饱和度（说得通俗些就是将色彩变淡或者加深），产生新的色彩。

这样的页面看起来色彩统一而且具有层次感。

·对比色、互补色的调和办法，可以使用中性色（如黑、白、灰）作为间隔，或者降低一方的饱和度。

如下图，红色与青色本来是互补色，形成强对比，但玫瑰的红色与背景的青色之间有了魄作为间隔，并且红色与青色的亮度拉开距离，所以整体看来还是协调的。

·在不同色相的颜色中掺入相同的黑或白就容易调和。

掺入的办法很简单，只需在所有颜色上面新增一个，用黑色或白色填充，然后把不透明度降低即可。

·必须要有主色调，要么是冷色调，要么是暖色调。

如果冷暖调等量混合在一起，就会显得不协调。

不平均搭配各种色彩，可以获得较好　的美感。

另外，应注意使暖色调与黑色调和，冷色调与白色调和。

·同类色的调和一般变化比较微妙，需要有主次关系，又需要变化饱和度。

亮度上也要用小间隔以外的办法，即弱对比和中对比。

·配色时与灰色组合使用，亮度差不要太大，否则就有失协调。

另外，由于鲜艳明度的色彩波长稍长，所以它的色彩面积应小一些。

网页配色技巧

配色宝典软件

同系配色：

如果对色相的对比把握不好，倒不如直接用同色相的颜色。

先选定一个颜色，然后调整它的亮度、饱和度，从而得到其它的颜色。

这样配色的好处就是配出来的效果很协调。

要快速得到同系列的颜色，可以在拾色器中单击自定义。

文字与背景颜色搭配：

　　文字与背景颜色搭配的通常做法是：

背景、图片用彩色，主要内容文字用非彩色，如黑色。

这样做的好处就是页面整体不单调，主要内容也便于阅读。

　　网页设计中的对比非常重要，并且有不同的应用方式。

如果是大量文字，应尽量用深色文字浅色背景。

这是由色彩的透视造成的。

色彩的透视的基本原则就是：

近暖远冷，近艳远灰，近实远虚。

这意味着冷色、亮色更适合做网页背景颜色，而暖色、暗色更适合做文字颜色。

　　背景色与文字色要造成强烈的对比，才便于阅读，所以我们考虑用一组互补色进行搭配，暖色做文字色，冷色做背景色。

但是，如果互补色之间明度差距不大的话，效果是挺糟糕的，特别是文字太小的时候，更难以阅读。

如下图：

加大两种颜色的亮度差距，至少要相差三格以上，如下：

这样就清楚了。

在用图像做背景时，可以使用两个或多个相似色做背景图的颜色，同时使用其中某一个颜色的互补色作为文字的颜色。

当然，使背景图亮度较高，饱和度较低，而文字颜色的亮度较低，这样的搭配效果也会比较协调。

如下图：

文字的版面构成

　　文字在设计中，不仅仅局限于传递信息，更是一种艺术表现的形式。

文字是版面的核心，也是视觉传达的最直接方式。

有时候，好的版面并不需要任何图形，仅凭文字就可以做出很好的效果。

在平面设计中往往简单就是美，文字可以制造一种简单的美。

而在网页设计中，文字的艺术形式主要表现在标题、标志和突出的语句上。

　　在设计时，应注意视觉流程。

所谓视觉流程，就是当读者注视版面时，能很自然地按照各种内容，一步一步地阅读下去。

这根无形的视觉空间流动线，就称为“视觉流程”。

视觉流程的最佳原则是从上到下，从左到右。

在设计时，文字无论如何摆放，都要有一定的规律性。

　　在字体的选择中，选择二到三种字体为最佳，字体过多反而令人感觉杂乱。

在选用的三种字体中，可以采用加粗、变细、拉长、压扁或调整行距等方式变化字号大小，达到丰富视觉效果的目的。

字号大小与行距的最佳比例为8：

10,但对于一些特殊的版面来说，字距与行距的加宽或缩紧更能体现主题的内涵。

　　标题在版面中起到画龙点睛的作用。

即使文字冗长而无特色，只要配上吸引人的标题，同样可以产生不可抵挡的魅力。

　　文字的编排也可以表达三维空间效果。

远、中、近的效果一般可以通过大、中、小的比例，黑、白、灰的对比，肌理的互相衬托，以及构图的前后关系等形式获得。

版面上，大标题作为近景时，副标题、图形就作为中景，而正文、地址就作为远景。

白色为近景，黑色为中景，灰色则为远景。

一般来说，近景要活跃，突出、高调一些，远景则要平和，趋于安静，灰度一些。

这样的版面才显得有序，并能产生韵律之美。

例１：

新建一个黑色背景的图像，然后输入文字。

为了有意将前几个文字推远，所以选取了较单薄的文字，字号也比后面的文字要小得多，颜色用了蓝色。

而ONLINE则用了粗体，白色，使之拉到最前面来：

2:

为了使近景的文字活跃一些，可以考虑用一些辅助符号进行。

输入一个蓝色的S，然后旋转９０度，置于ONLINE的低下，这样，前景文字就活泼了许多。

3：

为了增加空间的层次感，再次使用一个性的符号，并将它设置为灰色，作为远景图案。

4、为了使前面的文字不至于被忽视，所以再增加一些引号性的线和点，甚至是箭头。

　　此外，文字的前后层次关系具有导读的作用。

因此，设计师要很准确地把握好视觉流程。

如下图，文字的前后交叠，大小变化，形成了画面的层次感。

图片的版面构成

　　如果将文字和图片放在一起比较的话，图片的视觉冲击力要比文字强得多。

图片并不会减弱文字的冲击力，而是增强了文字的说服力。

有时候，需要花费很多文字才能解释清楚的概念，一张图片就能够说清了。

图片要比冗长的文字说明更为直观。

　　图片放置的位置直接关系到版面的构图而已。

版面的左、右、上、下及对角线的两端（四个角落）都是视线的焦点，可以在这些点上安排恰到好处的图片，以增强版面的视觉力冲击力。

　　图片面积的大小安排，直接关系到版面的视觉效果和表达的主题。

一般情况下，要重要的，吸引读者注意力的图片放大　，起辅助作用的图片缩小，以形成主次分明的格局。

图片的数量问题：

　　如果只有单幅图片，那么要特别注重这幅图片的质量和内容。

很多时尚广告设计都是一张图片配以简单的文字，却能达到很好的视觉效果，原因就是那张图片的质量高，吸引力强。

如果是多幅图片，虽然可欣赏性提高了，但是却更需要注意图片之间的主次关系、对比关系，要注意它们之间的协调性。

图片形式问题

　　一般图片的表现形式有：

方形图式，出血图式、去底图式，化网图式和特殊图式。

方形图式最为常见，处理起来也最轻松。

尽管常见和简单，但它能完整地表达主题，具有直接性，性，构成的版面稳重、大方，读者也容易接受。

如下图：

　　出血图式，即图片充满整个版面而不露出边框。

它使人感觉到图片就在眼前，具有扩张，自由等我。

出血图式构成的版面，动感十足，冲击力强，如下图：

　　退底式，简单点说，其实就是去背。

它将图片的精华部分沿边线裁剪出来。

如下图所示。

退底后的图片，灵活而不凌乱，看起来很轻松，很自由，极具亲切感，是常用的表现手法之一。

　　化网图式，即用电脑物质处理图片，以减少图片的层次。

为了追求特殊效果，不妨采取这种办法来衬托主题。

如下图：

　　特殊图式，是将图片按一定的形状剪切，经组合，加工之后，版面会出现新颖、独特的效果。

特殊图式包含的范围很广，总之是为了效果而做效果，如下图：

　　小结：

　　不管是平面设计还是网页设计，总之，处理好图片、文字、色彩这三个要素就差不多成功了。

理论归理论，具体操作时不仅要以理论为指导，还要以个人感觉、实际经验为主。

总之，做出来的作品具备美感，有吸引力，就是好作品。

　　本章讨论的内容很泛，但指导性很强。

色彩、版面构成这些东西，并没有永远的定局，就像色彩有流行色一样，每个时期都不一样。

但是色彩搭配基本原理还是很有用的。

它是前人积累下来的经验，掌握了原理，实际操作起来就不会盲目，可以达到事半功倍的效果。