配色技巧,介紹一些色彩理論(2)

來源:robots.thoughtbot 作者:百度UED 學(xué)習(xí):2677人次

暗調(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í) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!