PPT色彩的對(duì)比與調(diào)和

1、色彩的對(duì)比與調(diào)和在設(shè)計(jì)過程中，配色是首要環(huán)節(jié)，也是重要的環(huán)節(jié)，色彩能直接地表達(dá)設(shè)計(jì)需求。在配色過程中，有幾個(gè)要點(diǎn)是必須注意的：色彩的對(duì)比與調(diào)和，色彩的心理感覺。在配色設(shè)計(jì)過程中，有一些基本的原理，例如網(wǎng)頁(yè)設(shè)計(jì)中，用做主色的顏色不宜過多，一般不超過三種。主色存在于視覺的沖擊中心點(diǎn)，是整個(gè)畫面的重心，它的亮度、飽和度和色塊大小等都直接影響輔助色的存在形式及整體的視覺效果。而輔助色在整體的畫面中則應(yīng)該平衡主色的沖擊和減輕觀看者所產(chǎn)生的視覺疲勞度，起到一定的視覺分散的效果?？梢院?jiǎn)單理解為：主色需要對(duì)比，輔助色調(diào)和對(duì)比。色彩對(duì)比提到對(duì)比，首先得理解一下色彩的對(duì)比。色彩對(duì)比色包括色相對(duì)比、亮度對(duì)比、飽和度

2、對(duì)比、冷暖對(duì)比、聚散對(duì)比、位置對(duì)比和面積對(duì)比。共七種對(duì)比。·色相對(duì)比在配色中，有個(gè)色環(huán)的概念是必須要理解的。在色環(huán)上可以分為12個(gè)區(qū)域，每個(gè)顏色占了30度。同類色相對(duì)比就是色相距離在色環(huán)中15度以內(nèi)的對(duì)比。色相間在15度到45度左右的對(duì)比，稱為鄰近色相對(duì)比。色相距離在130度左右的對(duì)比，一般稱為對(duì)比色相對(duì)比。色相距離在180度左右的對(duì)比，稱為互補(bǔ)色相對(duì)比?？梢钥吹?，同類色相對(duì)比是最弱的對(duì)比，而鄰近色相對(duì)比是較弱的對(duì)雙，對(duì)比色相對(duì)比則是中等對(duì)比，而互補(bǔ)色相對(duì)比是最強(qiáng)的對(duì)比。這些基本理論可以應(yīng)用到設(shè)計(jì)中去。網(wǎng)頁(yè)所用顏色一般采用鄰近色相對(duì)比和對(duì)比色相對(duì)比。一般鄰近色相對(duì)比容易使顏色搭配得看

3、上去舒服，而對(duì)比色相對(duì)比就相對(duì)較難，不過只要搭配得法，一樣可以美觀大方。·亮度對(duì)比亮度對(duì)比（又稱明度對(duì)比）是色彩構(gòu)成的最主要因素，它的對(duì)比效果可以說是最強(qiáng)烈的。色彩的層次與空間關(guān)系主要是領(lǐng)先色彩的亮度對(duì)比來表現(xiàn)的。據(jù)色彩專家估計(jì)，色彩亮度的對(duì)比所產(chǎn)生的力量至少要比飽和度對(duì)比大3倍。將色彩的亮度變化做成一個(gè)標(biāo)簽，從0度到100度，共分為11等分，每1等分的亮度差為10度，亮度相差3格以內(nèi)的為弱對(duì)比，相差到格的稱為中對(duì)比，相差5格以上的為強(qiáng)對(duì)比。在設(shè)計(jì)中多采用中對(duì)比。·飽和度對(duì)比。飽和度對(duì)比，也就是純度對(duì)比，它是指比較鮮艷的顏色與含有各種比例的黑、白、灰的色彩，即模糊的濁色的對(duì)

4、比。降低一種顏色飽和度的辦法有4種，分別是添加灰、添加黑、添加白或添加它的互補(bǔ)色。色彩調(diào)和色彩調(diào)和是色彩對(duì)比的反義。我們知道，強(qiáng)烈的對(duì)比是一種刺激，盡管搶眼，但卻會(huì)造成視覺上的不適。所以，調(diào)和的目的就是使色彩和諧、協(xié)調(diào)。·無彩色系最易調(diào)和，即黑、白、灰的設(shè)計(jì)最協(xié)調(diào)?？梢栽诹炼葘?duì)比條中，每相隔一格取一色，這樣的設(shè)計(jì)就比較儲(chǔ)蓄、協(xié)調(diào)。·無彩色系與彩色系調(diào)和最容易，就是說黑、白、灰能與任何彩色搭配。通過觀察可以發(fā)現(xiàn)，用灰色搭配鮮艷的彩色時(shí)，可以使彩色顯得更加艷麗。·有亮度差的色彩更容易調(diào)和。一般有三格以上的亮度差的對(duì)比色都能調(diào)和，拉開亮度差是配色的關(guān)鍵。 &#

5、183;同色相調(diào)和也很容易，但需要考慮拉開亮度對(duì)比和飽和度對(duì)比，間隔倒不需過大。通過單色調(diào)配出不同亮度和飽和度的色彩。在網(wǎng)頁(yè)設(shè)計(jì)中可先選定一種色彩，然后調(diào)整亮度或者飽和度（說得通俗些就是將色彩變淡或者加深），產(chǎn)生新的色彩。這樣的頁(yè)面看起來色彩統(tǒng)一而且具有層次感。·對(duì)比色、互補(bǔ)色的調(diào)和辦法，可以使用中性色（如黑、白、灰）作為間隔，或者降低一方的飽和度。如下圖，紅色與青色本來是互補(bǔ)色，形成強(qiáng)對(duì)比，但玫瑰的紅色與背景的青色之間有了魄作為間隔，并且紅色與青色的亮度拉開距離，所以整體看來還是協(xié)調(diào)的。·在不同色相的顏色中摻入相同的黑或白就容易調(diào)和。摻入的辦法很簡(jiǎn)單，只需在所有顏色上面新

6、增一個(gè)，用黑色或白色填充，然后把不透明度降低即可。·必須要有主色調(diào)，要么是冷色調(diào)，要么是暖色調(diào)。如果冷暖調(diào)等量混合在一起，就會(huì)顯得不協(xié)調(diào)。不平均搭配各種色彩，可以獲得較好的美感。另外，應(yīng)注意使暖色調(diào)與黑色調(diào)和，冷色調(diào)與白色調(diào)和。·同類色的調(diào)和一般變化比較微妙，需要有主次關(guān)系，又需要變化飽和度。亮度上也要用小間隔以外的辦法，即弱對(duì)比和中對(duì)比。·配色時(shí)與灰色組合使用，亮度差不要太大，否則就有失協(xié)調(diào)。另外，由于鮮艷明度的色彩波長(zhǎng)稍長(zhǎng)，所以它的色彩面積應(yīng)小一些。網(wǎng)頁(yè)配色技巧配色寶典軟件同系配色：如果對(duì)色相的對(duì)比把握不好，倒不如直接用同色相的顏色。先選定一個(gè)顏色，然后調(diào)整它

7、的亮度、飽和度，從而得到其它的顏色。這樣配色的好處就是配出來的效果很協(xié)調(diào)。要快速得到同系列的顏色，可以在拾色器中單擊自定義。文字與背景顏色搭配：文字與背景顏色搭配的通常做法是：背景、圖片用彩色，主要內(nèi)容文字用非彩色，如黑色。這樣做的好處就是頁(yè)面整體不單調(diào)，主要內(nèi)容也便于閱讀。網(wǎng)頁(yè)設(shè)計(jì)中的對(duì)比非常重要，并且有不同的應(yīng)用方式。如果是大量文字，應(yīng)盡量用深色文字淺色背景。這是由色彩的透視造成的。色彩的透視的基本原則就是：近暖遠(yuǎn)冷，近艷遠(yuǎn)灰，近實(shí)遠(yuǎn)虛。這意味著冷色、亮色更適合做網(wǎng)頁(yè)背景顏色，而暖色、暗色更適合做文字顏色。背景色與文字色要造成強(qiáng)烈的對(duì)比，才便于閱讀，所以我們考慮用一組互補(bǔ)色進(jìn)行搭配，暖色做

8、文字色，冷色做背景色。但是，如果互補(bǔ)色之間明度差距不大的話，效果是挺糟糕的，特別是文字太小的時(shí)候，更難以閱讀。如下圖：加大兩種顏色的亮度差距，至少要相差三格以上，如下：這樣就清楚了。在用圖像做背景時(shí)，可以使用兩個(gè)或多個(gè)相似色做背景圖的顏色，同時(shí)使用其中某一個(gè)顏色的互補(bǔ)色作為文字的顏色。當(dāng)然，使背景圖亮度較高，飽和度較低，而文字顏色的亮度較低，這樣的搭配效果也會(huì)比較協(xié)調(diào)。如下圖：文字的版面構(gòu)成文字在設(shè)計(jì)中，不僅僅局限于傳遞信息，更是一種藝術(shù)表現(xiàn)的形式。文字是版面的核心，也是視覺傳達(dá)的最直接方式。有時(shí)候，好的版面并不需要任何圖形，僅憑文字就可以做出很好的效果。在平面設(shè)計(jì)中往往簡(jiǎn)單就是美，文字可以制

9、造一種簡(jiǎn)單的美。而在網(wǎng)頁(yè)設(shè)計(jì)中，文字的藝術(shù)形式主要表現(xiàn)在標(biāo)題、標(biāo)志和突出的語(yǔ)句上。在設(shè)計(jì)時(shí)，應(yīng)注意視覺流程。所謂視覺流程，就是當(dāng)讀者注視版面時(shí)，能很自然地按照各種內(nèi)容，一步一步地閱讀下去。這根無形的視覺空間流動(dòng)線，就稱為“視覺流程”。視覺流程的最佳原則是從上到下，從左到右。在設(shè)計(jì)時(shí)，文字無論如何擺放，都要有一定的規(guī)律性。在字體的選擇中，選擇二到三種字體為最佳，字體過多反而令人感覺雜亂。在選用的三種字體中，可以采用加粗、變細(xì)、拉長(zhǎng)、壓扁或調(diào)整行距等方式變化字號(hào)大小，達(dá)到豐富視覺效果的目的。字號(hào)大小與行距的最佳比例為8：10,但對(duì)于一些特殊的版面來說，字距與行距的加寬或縮緊更能體現(xiàn)主題的內(nèi)涵。標(biāo)題

10、在版面中起到畫龍點(diǎn)睛的作用。即使文字冗長(zhǎng)而無特色，只要配上吸引人的標(biāo)題，同樣可以產(chǎn)生不可抵擋的魅力。文字的編排也可以表達(dá)三維空間效果。遠(yuǎn)、中、近的效果一般可以通過大、中、小的比例，黑、白、灰的對(duì)比，肌理的互相襯托，以及構(gòu)圖的前后關(guān)系等形式獲得。版面上，大標(biāo)題作為近景時(shí)，副標(biāo)題、圖形就作為中景，而正文、地址就作為遠(yuǎn)景。白色為近景，黑色為中景，灰色則為遠(yuǎn)景。一般來說，近景要活躍，突出、高調(diào)一些，遠(yuǎn)景則要平和，趨于安靜，灰度一些。這樣的版面才顯得有序，并能產(chǎn)生韻律之美。例：新建一個(gè)黑色背景的圖像，然后輸入文字。為了有意將前幾個(gè)文字推遠(yuǎn)，所以選取了較單薄的文字，字號(hào)也比后面的文字要小得多，顏色用了藍(lán)色

11、。而ONLINE則用了粗體，白色，使之拉到最前面來：2:為了使近景的文字活躍一些，可以考慮用一些輔助符號(hào)進(jìn)行。輸入一個(gè)藍(lán)色的S，然后旋轉(zhuǎn)度，置于ONLINE的低下，這樣，前景文字就活潑了許多。3：為了增加空間的層次感，再次使用一個(gè)性的符號(hào)，并將它設(shè)置為灰色，作為遠(yuǎn)景圖案。4、為了使前面的文字不至于被忽視，所以再增加一些引號(hào)性的線和點(diǎn)，甚至是箭頭。此外，文字的前后層次關(guān)系具有導(dǎo)讀的作用。因此，設(shè)計(jì)師要很準(zhǔn)確地把握好視覺流程。如下圖，文字的前后交疊，大小變化，形成了畫面的層次感。圖片的版面構(gòu)成如果將文字和圖片放在一起比較的話，圖片的視覺沖擊力要比文字強(qiáng)得多。圖片并不會(huì)減弱文字的沖擊力，而是增強(qiáng)了文

12、字的說服力。有時(shí)候，需要花費(fèi)很多文字才能解釋清楚的概念，一張圖片就能夠說清了。圖片要比冗長(zhǎng)的文字說明更為直觀。圖片放置的位置直接關(guān)系到版面的構(gòu)圖而已。版面的左、右、上、下及對(duì)角線的兩端（四個(gè)角落）都是視線的焦點(diǎn)，可以在這些點(diǎn)上安排恰到好處的圖片，以增強(qiáng)版面的視覺力沖擊力。圖片面積的大小安排，直接關(guān)系到版面的視覺效果和表達(dá)的主題。一般情況下，要重要的，吸引讀者注意力的圖片放大，起輔助作用的圖片縮小，以形成主次分明的格局。圖片的數(shù)量問題：如果只有單幅圖片，那么要特別注重這幅圖片的質(zhì)量和內(nèi)容。很多時(shí)尚廣告設(shè)計(jì)都是一張圖片配以簡(jiǎn)單的文字，卻能達(dá)到很好的視覺效果，原因就是那張圖片的質(zhì)量高，吸引力強(qiáng)。如果

13、是多幅圖片，雖然可欣賞性提高了，但是卻更需要注意圖片之間的主次關(guān)系、對(duì)比關(guān)系，要注意它們之間的協(xié)調(diào)性。圖片形式問題一般圖片的表現(xiàn)形式有：方形圖式，出血圖式、去底圖式，化網(wǎng)圖式和特殊圖式。方形圖式最為常見，處理起來也最輕松。盡管常見和簡(jiǎn)單，但它能完整地表達(dá)主題，具有直接性，性，構(gòu)成的版面穩(wěn)重、大方，讀者也容易接受。如下圖：出血圖式，即圖片充滿整個(gè)版面而不露出邊框。它使人感覺到圖片就在眼前，具有擴(kuò)張，自由等我。出血圖式構(gòu)成的版面，動(dòng)感十足，沖擊力強(qiáng)，如下圖：退底式，簡(jiǎn)單點(diǎn)說，其實(shí)就是去背。它將圖片的精華部分沿邊線裁剪出來。如下圖所示。退底后的圖片，靈活而不凌亂，看起來很輕松，很自由，極具親切感，是常用的表現(xiàn)手法之一?；W(wǎng)圖式，即用電腦物質(zhì)處理圖片，以減少圖片的層次。為了追求特殊效果，不妨采取這種辦法來襯托主題。如下圖：特殊圖式，是將圖片按一定的形狀剪切，經(jīng)組合，加工之后，版面會(huì)出現(xiàn)新穎、獨(dú)特的效果。特殊圖式包含的范圍很廣，總之是為了效果而做效果，如下圖：小結(jié)：不管是平面設(shè)計(jì)