文章很長，但是值得一看，對(duì)于初學(xué)者了解色彩的幫助很大~
以下知識(shí)點(diǎn)請(qǐng)牢記?。ㄒ蝗f個(gè)非常重要~~~）
色相環(huán)：360度 adobe軟件中色條首尾相連就是色相環(huán)；
色料三原色（印刷 繪畫）：青、品紅、黃 三者之間相距120度,如下圖；
色料三間色：橙、綠、紫 三者之間相距120度；
色彩三要素：色相（Hue）、純度（飽和度Suturation）、明度（Brightness）。
生活中普通人是這樣認(rèn)識(shí)顏色的，如紅色這樣形容的，最紅最紅的紅、淺紅色、粉紅色、桃紅色、玫紅色、暗紅色、櫻桃紅等等，千變?nèi)f化，為什么產(chǎn)生了這些叫法呢，是個(gè)人感受以及生活參照物導(dǎo)致的。實(shí)際是跟上面我們提到的色彩三要素息息相關(guān)。第一是物體色相對(duì)人的影響，第二是顏色中的飽和度與明度的變化。如果你畫過顏料畫就很好理解了（繪畫功底比較強(qiáng)的童鞋可以開會(huì)小差~~~）
下面老鐵帶著大家模擬一下繪畫中的調(diào)色方法，當(dāng)我們看到一個(gè)顏色，給人的感官無非就是發(fā)粉、發(fā)暗、發(fā)灰，從顏料盒中調(diào)一個(gè)顏色，然后在通過觀察它的視覺感受，無非就是通過感受調(diào)入白色、黑色、灰色（黑白都有了就是調(diào)入灰色）當(dāng)黑多白少為暗灰色，白多黑少淺灰色。這樣一個(gè)看到的顏色就還原出來了。繪畫中還有一個(gè)媒介是加水調(diào)成半透明，使得畫面能夠疊加出不同的層次感。軟件里可不能加水的，他是通過降低圖層的不透明度來實(shí)現(xiàn)的。
我們通過下面這張圖來觀察顏色的飽和度與明度，首先看右上角這個(gè)藍(lán)色HSB值中當(dāng)SB（都為100是純色）；在最右上端純色到白的過渡稱作為明色調(diào)（飽和度變化）；最右上端純色到黑色的過渡稱作為暗色調(diào)（明度變化）；最左下端黑色到白色的過渡稱作為灰色調(diào)（灰度變化）；最右上端純色到左下角的黑色的過渡稱作為濁色調(diào)（飽和度與明度同時(shí)變化）這些都是顏色發(fā)生色彩三要素中的明度與飽和度的變化，我們從色條中可以更改色相。
是不是再讓你觀察顏色你就很清晰明了了~~~
以上的理論都是為了觀察調(diào)出一個(gè)準(zhǔn)確的顏色。
2.認(rèn)識(shí)色調(diào)
下面我們來認(rèn)識(shí)一下畫面中色調(diào)的形成原理，請(qǐng)看下圖在讀文字。色調(diào)是通過飽和度與明度的降低與升高來完成的。如純色調(diào)是SB值都是100，向左添加白色分別為明色調(diào)與淡色調(diào)，分別是混入的白色多少?zèng)Q定的，沒有加入黑色喲~~。純色調(diào)加入黑色降低B的值S還是100，為暗色調(diào)。純色加入黑白（SB都降低）稱作為濁色調(diào)（黑白差不多一樣）、淡濁色調(diào) （白多黑少）。當(dāng)HSB（SB為0 0 H0-360）情況下為黑色調(diào)，當(dāng)HSB（SB為0 100 H0-360）情況下為白色調(diào)，中間過渡的為灰色調(diào)。
有時(shí)候我們?cè)诓淮_定一個(gè)顏色如何命名的時(shí)候也可以稱作為藍(lán)綠色，哪個(gè)名稱在前給我們的視覺感受就多一些，好比吃飯的時(shí)候點(diǎn)個(gè)菜，西紅柿炒雞蛋一定是西紅柿多，除非你說雞蛋炒西紅柿，老板陪了（但如果多掏錢也是允許的），應(yīng)該很好理解吧。
色調(diào)還與心理相關(guān)比如說是浪漫的、純真的、優(yōu)雅的、柔和的、安穩(wěn)的、和緩的、希望的、進(jìn)步的、優(yōu)雅的、女性的、沉穩(wěn)的、朦朧的、自然的、可愛的、稚嫩的、甜美的、俏皮的、單純的、革命的、歡喜的、氣派的、豪華的、奢華的、快樂的等等。這些都是我們的心理感受并沒有確定的顏色指向只能用心去感受。
學(xué)習(xí)完上面的顏色以及色調(diào)了，我們就開始來研究畫面中的顏色是如何搭配的。還是先來認(rèn)識(shí)一下色彩在色相環(huán)中的角度產(chǎn)生的對(duì)比關(guān)系，以180度為基準(zhǔn)，180度相對(duì)的兩個(gè)顏色對(duì)比最強(qiáng)，隨著角度的降低，會(huì)逐漸減弱的。
下面這張圖是老鐵喜歡用來提取顏色的網(wǎng)頁，我叫它配色神器。
配色網(wǎng)站地址 http://www.peise.net/tools/web/
通過上面的圖解我整理出顏色的對(duì)比法則有以下幾點(diǎn)：
單色：通過改變一個(gè)顏色純度（飽和度）與明度來完成色彩搭配。
同類色：兩個(gè)顏色相隔15度以內(nèi)。
類似色：兩個(gè)顏色相隔30度。
鄰近色：兩個(gè)顏色相隔60度-90度。
對(duì)比色：兩個(gè)顏色相隔120度-150度。（三角形搭配 矩形搭配）
互補(bǔ)色：兩個(gè)顏色相隔180度。
黑白色：當(dāng)改變黑與白的明度色彩，會(huì)產(chǎn)生不同的灰色，在兩端的黑與白也是最強(qiáng)對(duì)比。任何有彩色與無彩色（黑白）都是對(duì)比，在有彩色中黃色明度比較高，上面如果放白色的形狀會(huì)看不清，我們可以將所有有彩色去色后發(fā)現(xiàn)其中也有明度的深淺變化，當(dāng)白色放到有彩色上觀察能不能夠看清楚再去合理使用。
通過上面顏色在色相環(huán)上不同的角度產(chǎn)生的對(duì)比關(guān)系，我們來分析一下版面中的顏色搭配方法是使用了哪種對(duì)比?。。∠氚旬嬅娴念伾钆浜眯枰紤]的方面很多，畫面中色彩給人的感受，這是在感性認(rèn)識(shí)。我們還要從理性的角度分析與色彩三要素息息相關(guān)。一個(gè)顏色純度（飽和度）和明度不同，給受眾的視覺感受也大不相同。在色調(diào)確定上應(yīng)該將一個(gè)顏色明度與純度以及同類色、類似色、鄰近色都考慮在內(nèi)。面積的大小是我們確定的標(biāo)準(zhǔn)，同類色、類似色、鄰近色是為了豐富畫面的視覺效果必不可少的因素。有時(shí)我們還以色彩的冷暖為依據(jù)來形容畫面的色調(diào)。
下面我們拿幾個(gè)廣告版面去分析色彩搭配分析，版面中色彩需要遵循以下幾點(diǎn)來進(jìn)行色彩搭配：
色調(diào)：畫面中面積最大的色彩傾向，或冷或暖。
對(duì)比：在色相環(huán)中的角度，以及面積多少都能產(chǎn)生不同視覺感受。
視覺流程：色彩的搭配是否符合視覺閱讀的先后順序。
造型：色彩與造型密不可分，畫面中的版式創(chuàng)意以及與產(chǎn)品之間的關(guān)系，這些都是建立在色彩的基礎(chǔ)之上。
色彩的黃金法則 60：30：10
主色是60%的比例，次要色彩是30%（對(duì)比關(guān)系的顏色）的比例，輔助色彩是10%的比例。世界最好的設(shè)計(jì)基本上都脫不了這個(gè)法則，這是很簡單的道理，但我們往往都會(huì)忽略它。有一雙會(huì)發(fā)現(xiàn)色彩的眼睛很重要。我們經(jīng)常去旅游，也拍了很多照片，更多人會(huì)熱衷于對(duì)美景的贊嘆和對(duì)當(dāng)?shù)氐娘L(fēng)土人情的介紹，但是很少人對(duì)色彩有分析。其實(shí)60：30：10多少也是得到了自然界的啟發(fā)。我想在我們整個(gè)自然生涯中，旅行就是很好的色彩課。
勿忘黑色
現(xiàn)在我們看到很多所謂現(xiàn)代簡約風(fēng)格都會(huì)利用黑色，但是要靈巧運(yùn)用黑色，而不是用太多的黑色。黑色能夠讓任何一個(gè)色彩看起來干凈，但它本身并不是一個(gè)重點(diǎn)，它能夠給家庭營造一種對(duì)比平衡。巧妙的運(yùn)用黑色，可以是一個(gè)黑色的箱子，畫框，做一種點(diǎn)綴，效果是十分不錯(cuò)的。
色調(diào)：明色調(diào)（暖色調(diào)或橘紅色調(diào)）
對(duì)比：同類色（橘紅、橘黃、大紅、白色）
視覺評(píng)論：背景的主色為明色調(diào)中運(yùn)用了橘紅、橘黃通過改變了它們的明度與純度來豐富畫面的空間感，模特的衣服也是運(yùn)用了大紅色也是同類色與背景反差不是很大。文案的字體運(yùn)用了白色很明顯符合視覺流程以及對(duì)比關(guān)系，排在第一位。蘇寧大家電爽11主場文字在背景明度比較低上非常明顯突出但字體比較小沒搶主體文字，排在第二位，其次才是下面文案與背景顏色差別不大屬于同類色排在第三位。以及做為點(diǎn)元素的產(chǎn)品起到點(diǎn)綴作用顏色上給了不透明度以及反光的黃色。模特有時(shí)候在畫面中與主文案一起排在第一位有的高于文案跳出來作為第一位都是合理的，當(dāng)前這張排在字前面，字的地方有所遮擋，這與版式構(gòu)成有關(guān)聯(lián)。也遵循著視覺從左而右從上而下，在結(jié)合顏色就更好的體現(xiàn)了。畫面虛實(shí)結(jié)合、動(dòng)靜結(jié)合、點(diǎn)線面運(yùn)用合理。
色調(diào)：明色調(diào)（暖色調(diào)或橙色調(diào)）
對(duì)比：類似色（橘紅、橘黃、大紅、黃色、白色）
視覺評(píng)論：背景主色運(yùn)用了橘紅與橙色的相互疊加產(chǎn)生的類似色對(duì)比關(guān)系。白色的主文案為了能夠更加突出采用白色（加入了比背景色更重一些的橘紅為了投影突出文字）。畫面中產(chǎn)品的冷灰色給畫面增加了冷暖對(duì)比，以及其它地方的點(diǎn)綴元素也用了灰色（帶有一定的色相）。左上角的標(biāo)志也運(yùn)用明度的變化更好的把標(biāo)志凸現(xiàn)出來。主要產(chǎn)品為帶有色相灰色錯(cuò)落擺放在前面，以及運(yùn)用了與背景有所區(qū)別的類似色黃色來進(jìn)行突出。
色調(diào)：暗色調(diào)（暖色調(diào)或大紅色調(diào)）
對(duì)比：鄰近色（大紅、黃色、白色）
視覺評(píng)論：背景的暗色調(diào)只是B的值降低了一些但不是很多，有些許的明暗顏色的變化，通過模特衣服紅色明度、飽和度的變化產(chǎn)生了空間感。以及模特的身體影子，還與背景中點(diǎn)的元素（三角形有光線的變化）的運(yùn)用密不可分。畫面中的黃色以及產(chǎn)品中略帶有的黃色，相機(jī)的紅色這些面積都不是很大。但是很好的構(gòu)成了鄰近色對(duì)比關(guān)系，畫面也拉開了層次關(guān)系。5折以及超省來襲的廣告運(yùn)用了黃色來進(jìn)行鄰近色進(jìn)行對(duì)比來突出文案的作用性。還有畫面中的白色（主文案以及產(chǎn)品的白色）與紅色的對(duì)比關(guān)系也很明確符合視覺流程的主次關(guān)系。
色調(diào)：純色調(diào)（冷色調(diào)或藍(lán)色調(diào)）
對(duì)比：對(duì)比色（藍(lán)色、青色、黃色、白色）
視覺評(píng)論：背景采用藍(lán)色作為主色調(diào)加入了漸隱的青色進(jìn)行過渡，運(yùn)用點(diǎn)的元素與線的元素進(jìn)行豐富畫面增加空間感。產(chǎn)品都是藍(lán)灰色比較暗沒有搶主文案的視覺。只有聯(lián)想電腦的橘黃色很明顯的跳出來，但是面積比較小沒有搶到作為畫面主視覺的模特與字體（字體給人的感覺是安排在人物的后面，正字可以很明確的看到處理在人的后面）以及處理投影關(guān)系也很好的增加了空間感。
色調(diào)：暗色調(diào)（冷色調(diào)或紫色調(diào)）
對(duì)比：互補(bǔ)色（紫色、黃色、白色）
視覺評(píng)論：背景采用紫色作為主色，加入了點(diǎn)元素線元素以及飽和度降低的淺色增強(qiáng)了畫面的空間感。與上一張的造型表現(xiàn)比較相似，但在顏色的處理上采用色相環(huán)上相距180度的互補(bǔ)色，采用的是原色與間色的對(duì)比關(guān)系。還有白色與紫色的對(duì)比以及少許的紅起不到大的影響作為點(diǎn)綴出現(xiàn)，可以被作為區(qū)分層次以及裝點(diǎn)畫面的作用。周圍的產(chǎn)品顏色都做了不透明度的處理與背景融合在一起起到很好的融合作用。
聯(lián)系客服
