當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

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

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

暗調(diào)——往色相顏色中加黑色,使其更暗。

飽和度——色相的鮮艷程度,純度的低到高。

配色的選擇

當(dāng)你要選擇配色時,你的選擇不可能僅僅是約翰伊頓色環(huán)的這十二個顏色。這可能會是個比較殘忍的事情。但是伊頓色環(huán)可以作為一個向?qū)АK屇愀杏X顏色并不是那么復(fù)雜。不同的級別飽和度的顏色可以飽含上千的明調(diào)和暗調(diào)。但是他們都是源自于這簡單的12個色調(diào);是不是很令人欣慰。

現(xiàn)在,讓我們進行實戰(zhàn)練習(xí)吧。一條很好的經(jīng)驗法則告訴我們最好從黑白兩色開始設(shè)計。這會讓你的基礎(chǔ)結(jié)構(gòu)層級鮮明,沒有其他雜亂的元素。我們假設(shè)你現(xiàn)在正在設(shè)計一個版式:帶頭部并且頭部下有刪格化的文章列表。它的線框圖可能看起來是這樣的:

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

你可以看到我們已經(jīng)初步規(guī)劃了幾個重點的展現(xiàn)并且通篇采用了對比的手法。如果這個階段有什么差錯的話,顏色也不會拯救這一切。只有在你已經(jīng)對版式充滿自信的時候,你才可以開始考慮顏色。

我們對這個版式已經(jīng)感覺不錯了,所以現(xiàn)在我們開始給他填充顏色——不要忘記保持簡單。選三個顏色使用并且保持僅使用這三個顏色。我的理念是挑兩個顏色扮演主要角色剩下一個作為跑龍?zhí)椎。這個龍?zhí)鬃詈檬强梢越o飽和度高的顏色的延伸的一種補充。另外兩個主顏色可以自由的用來創(chuàng)造層次感,代表意義,引導(dǎo)和品牌識別?梢杂眠^色彩和諧來決定這些顏色或者使用Adobe色彩工具,但是,當(dāng)我開始的時候我發(fā)現(xiàn)其實我更容易從其他的地方找到靈感。

環(huán)顧四周

我喜歡從自然和我的周圍挑選我的配色。當(dāng)你走過大街,試著注意下你周圍的顏色。你是冷漠的,略帶攻擊性的,寒冷的或是堅韌不拔的?從你挑出的三個顏色中就能體現(xiàn)出你正在經(jīng)歷著的,更甚者能傳遞出之所以這樣選的理由。手機就是個能很好的幫你完成這項任務(wù)的工具。如果你是iPhone用戶,那我強烈推薦Sip, 若是Android的粉絲, SwatchMatic 則能助你一臂之力。

這里有一些來源于我生活的的靈感來幫助我去挑選3個關(guān)鍵色。與此同時我也會記錄下當(dāng)我捕捉到它們那一刻時激發(fā)起的感受。

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

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

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

細品經(jīng)典藝術(shù)作品

經(jīng)典的藝術(shù)著作是另一個尋找靈感的好地方。如果你看到在博物館墻上懸掛的杰作,他們的色調(diào)是相對清晰的。每一個顏色都在適當(dāng)?shù)奈恢闷鹬陵P(guān)重要的作用。在畫布上的每一處筆觸都表達的準(zhǔn)確而無一絲多余。讓我們來看一些直觀的例子。

學(xué)習(xí) · 提示

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

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

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