配色技巧,介紹一些色彩理論(2)
暗調(diào)——往色相顏色中加黑色,使其更暗。
飽和度——色相的鮮艷程度,純度的低到高。
配色的選擇當(dāng)你要選擇配色時(shí),你的選擇不可能僅僅是約翰伊頓色環(huán)的這十二個(gè)顏色。這可能會(huì)是個(gè)比較殘忍的事情。但是伊頓色環(huán)可以作為一個(gè)向?qū)АK屇愀杏X顏色并不是那么復(fù)雜。不同的級(jí)別飽和度的顏色可以飽含上千的明調(diào)和暗調(diào)。但是他們都是源自于這簡(jiǎn)單的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)在我們開始給他填充顏色——不要忘記保持簡(jiǎn)單。選三個(gè)顏色使用并且保持僅使用這三個(gè)顏色。我的理念是挑兩個(gè)顏色扮演主要角色剩下一個(gè)作為跑龍?zhí)椎。這個(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é)習(xí) · 提示
相關(guān)教程
推薦教程
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- Photoshop初級(jí)教程-命令的技巧
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理