- 相關(guān)推薦
初學(xué)設(shè)計(jì)色彩搭配設(shè)計(jì)技巧
選用一套成功的配色，是一個(gè)有意義和有層級(jí)設(shè)計(jì)的基礎(chǔ)，不管是logo設(shè)計(jì)還是企業(yè)vi設(shè)計(jì)過程中，對(duì)設(shè)計(jì)色彩的搭配使用可以看做是給你的工作媒介創(chuàng)造另外一個(gè)維度，一起學(xué)習(xí)，一起看看下面簡單的設(shè)計(jì)色彩搭配設(shè)計(jì)技巧吧!
色環(huán)
當(dāng)你閉上眼睛去想象一個(gè)色環(huán)的時(shí)候，你腦海中出現(xiàn)的很有可能是Johannes Itten(約翰.伊頓)設(shè)計(jì)的那一個(gè)。
Johannes是包豪斯和他自己的一系列東方信仰研究的代表。
他堅(jiān)信“我們外在的科學(xué)研究和技術(shù)必須要和我們的內(nèi)在精神與思考的力量相平衡”，正因?yàn)槿绱耍麜?huì)帶著他的學(xué)生在課前做呼吸，冥想和一些體育運(yùn)動(dòng)等練習(xí)。
下面是對(duì)約翰理論的分解。
在他的色環(huán)里，一共有十二個(gè)顏色：三個(gè)原色，三個(gè)間色，六個(gè)復(fù)色-即我們所熟知的色相。
伊頓這個(gè)設(shè)計(jì)的美妙之處在于：無論是復(fù)雜的色彩理論或者是簡單的選擇互補(bǔ)色，這個(gè)色環(huán)都可以作為你的基準(zhǔn)。
色彩
原色： 黃，紅，藍(lán)。
間色： 橘，紫，綠。
復(fù)色： 橘黃，橘紅，紫紅，藍(lán)紫， 藍(lán)綠，黃綠。
一些名詞釋義
色相 -另外還有個(gè)名字叫光譜色，還記得小學(xué)時(shí)候的赤橙黃綠青藍(lán)紫么?
明調(diào) – 往色相顏色中加白色，使其更亮。
暗調(diào) – 往色相顏色中加黑色，使其更暗。
飽和度 – 色相的鮮艷程度，純度的低到高。
配色的選擇
當(dāng)你要選擇配色時(shí)，你的選擇不可能僅僅是約翰伊頓色環(huán)的這十二個(gè)顏色。
這可能會(huì)是個(gè)比較殘忍的事情。
但是伊頓色環(huán)可以作為一個(gè)向?qū)А?/p>
他讓你感覺顏色并不是那么復(fù)雜。
不同的級(jí)別飽和度的顏色可以飽含上千的明調(diào)和暗調(diào)。
但是他們都是源自于這簡單的12個(gè)色調(diào);是不是很令人欣慰。
現(xiàn)在，讓我們進(jìn)行實(shí)戰(zhàn)練習(xí)吧。
一條很好的經(jīng)驗(yàn)法則告訴我們最好從黑白兩色開始設(shè)計(jì)。
這會(huì)讓你的基礎(chǔ)結(jié)構(gòu)層級(jí)鮮明，沒有其他雜亂的元素。
我們假設(shè)你現(xiàn)在正在設(shè)計(jì)一個(gè)版式：帶頭部并且頭部下有刪格化的文章列表。
它的線框圖可能看起來是這樣的：
你可以看到我們已經(jīng)初步規(guī)劃了幾個(gè)重點(diǎn)的展現(xiàn)并且通篇采用了對(duì)比的手法。
如果這個(gè)階段有什么差錯(cuò)的話，顏色也不會(huì)拯救這一切。
只有在你已經(jīng)對(duì)版式充滿自信的時(shí)候，你才可以開始考慮顏色。
我們對(duì)這個(gè)版式已經(jīng)感覺不錯(cuò)了，所以現(xiàn)在我們開始給他填充顏色-不要忘記保持簡單。
選三個(gè)顏色使用并且保持僅使用這三個(gè)顏色。
我的理念是挑兩個(gè)顏色扮演主要角色剩下一個(gè)作為跑龍?zhí)椎摹?/p>
這個(gè)龍?zhí)鬃詈檬强梢越o飽和度高的顏色的延伸的一種補(bǔ)充。
另外兩個(gè)主顏色可以自由的用來創(chuàng)造層次感，代表意義，引導(dǎo)和品牌識(shí)別。
可以用過色彩和諧來決定這些顏色或者使用adobe色彩工具，但是，當(dāng)我開始的時(shí)候我發(fā)現(xiàn)其實(shí)我更容易從其他的地方找到靈感。
環(huán)顧四周
我喜歡從自然和我的周圍挑選我的配色。
當(dāng)你走過大街，試著注意下你周圍的顏色。
你是冷漠的，略帶攻擊性的，寒冷的或是堅(jiān)韌不拔的?從你挑出的三個(gè)顏色中就能體現(xiàn)出你正在經(jīng)歷著的，更甚者能傳遞出之所以這樣選的理由。
手機(jī)就是個(gè)能很好的幫你完成這項(xiàng)任務(wù)的工具。
如果你是iphone用戶，那我強(qiáng)烈推薦Sip, 若是android的粉絲， SwatchMatic 則能助你一臂之力。
這里有一些來源于我生活的的靈感來幫助我去挑選3個(gè)關(guān)鍵色。
與此同時(shí)我也會(huì)記錄下當(dāng)我捕捉到它們那一刻時(shí)激發(fā)起的感受。
細(xì)品經(jīng)典藝術(shù)作品
經(jīng)典的藝術(shù)著作是另一個(gè)尋找靈感的好地方。
如果你看到在博物館墻上懸掛的杰作，他們的色調(diào)是相對(duì)清晰的。
每一個(gè)顏色都在適當(dāng)?shù)奈恢闷鹬陵P(guān)重要的作用。
在畫布上的每一處筆觸都表達(dá)的準(zhǔn)確而無一絲多余。
讓我們來看一些直觀的例子。
牢記于心
色彩是一門回歸到它本身的科學(xué)，它取決于文化因素，性別，癖好，顏色，很容易成為整個(gè)學(xué)術(shù)論文的課題。
這超出了文章討論的范圍，讓我們言歸正傳。
顏色其實(shí)可以被分為兩大類別：冷色系和暖色系。
暖色系，如紅，橙和黃是積極的而有活力的。
冷色系，如藍(lán)，綠和紫是寒冷蕭條的。
他們粗略的將色環(huán)分割開來。
這里有一個(gè)很關(guān)鍵地事實(shí)去分清他們。
那就是視覺層面上暖色系總是比冷色系更為突出，層級(jí)更優(yōu)先。
試想，一副風(fēng)景圖，一個(gè)冷冷地藍(lán)色天空總是被弱化作為背景。
暖色風(fēng)景卻躍于畫面最前邊。
讓我們從Albert的畫作中挑出三個(gè)關(guān)鍵色用于一個(gè)典型的銷售界面，同時(shí)也將遵循Albert在他創(chuàng)作的構(gòu)圖原則。
于是天空藍(lán)被做為了底色的(因?yàn)樗且粋�(gè)冷色調(diào))，而在他的上一層創(chuàng)建一個(gè)深綠色的圖層。
最后用金黃色讓元素被凸顯在最上層。
運(yùn)用配色
經(jīng)過Albert的例子，讓我們再從之前在“環(huán)顧四周“一節(jié)的那些素材中依次提取的三個(gè)顏色組成版面再次進(jìn)行練習(xí)。
首先來自Burlington的磚和天空。
天空藍(lán)因?yàn)樗{(lán)色自身冷色的隱退性被作為了底色。
磚紅色以暖色鮮亮的特征被用在藍(lán)色的上層。
最后，碳黑色的標(biāo)題在底色的強(qiáng)烈對(duì)比下使信息更為明顯。
對(duì)于來自New Jersey的鐵路發(fā)動(dòng)機(jī)，我們以銀灰色為底色，它是一個(gè)很自然的顏色，中庸而不出挑。
中性色是一種襯托其他顏色的類型。
而深蔓越莓紅作為主色調(diào)和標(biāo)題色，奠定了整體色調(diào)的同時(shí)也強(qiáng)調(diào)和突出了信息。
碳黑色在最后被運(yùn)用在了頁腳和按鈕，也是希望通過強(qiáng)烈的色彩反差來引起用戶注意。
最后的一個(gè)案例，同樣也是冷色——森林綠做了底色。
將灰色定為主色調(diào)，亮橙色被作為了聚焦點(diǎn)用在了按鈕和標(biāo)題以及頁腳。
同時(shí)又因?yàn)樗母唢柡投仁沟庙撁嫫教砹艘恍┗盍Α?/p>
保持簡潔
選擇和運(yùn)用你自己的配色時(shí)不要太過拘謹(jǐn)。
保持簡潔，選擇三個(gè)適合你設(shè)計(jì)的顏色來創(chuàng)建起一個(gè)能表達(dá)你設(shè)計(jì)的通道。
并用他們來表現(xiàn)界面的層次。
最重要的是能用智慧之手的去運(yùn)用屬于你的配色。
【初學(xué)設(shè)計(jì)色彩搭配設(shè)計(jì)技巧】相關(guān)文章：
室內(nèi)設(shè)計(jì)師暖色系色彩搭配技巧09-16
初學(xué)者攝影色彩技巧10-05
木地板和木門色彩搭配技巧10-26
室內(nèi)裝修色彩搭配方案與技巧10-26
色彩教案設(shè)計(jì)10-07
初學(xué)UI設(shè)計(jì)有什么方法10-26
窗簾搭配技巧10-26
服裝搭配技巧11-13
平面設(shè)計(jì)技巧10-06