如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

顏色可以表達(dá)一切，最好的用色技巧是節(jié)制。如果你最大限度的遵從三原色，那么結(jié)果一定不會(huì)差。色彩的運(yùn)用一定要在平衡上多下功夫，運(yùn)用的顏色越多，越難達(dá)到平衡。

顏色在設(shè)計(jì)中的作用相當(dāng)于錦上添花。—— Pierre Bonnard

如果你需要色盤(pán)以外的顏色，或者加陰影和色澤，都會(huì)給作品添加不同的色調(diào)。

60-30-10原則

這個(gè)其實(shí)是一個(gè)永恒裝修設(shè)計(jì)原則，但是卻能幫你更加容易的生成顏色系統(tǒng)。60%+30%+10%的百分比分配可以保持色彩平衡。這個(gè)公式很有效，因?yàn)樗軤I(yíng)造出一種平衡感，幫助眼睛從一個(gè)焦點(diǎn)平緩的移動(dòng)到另一個(gè)焦點(diǎn)。同時(shí)，這個(gè)也是十分簡(jiǎn)單易用的公式。

主色相占60%，次要顏色占30%，裝飾色占10%。

 

顏色的含義

近幾個(gè)世紀(jì)，科學(xué)家都在研究某些顏色帶給人的心理影響。除了美學(xué)上，顏色也是情緒和關(guān)系的創(chuàng)造者。但是顏色的含義會(huì)因風(fēng)俗習(xí)慣和環(huán)境的變化而變化。這就是為什么你看到很多時(shí)尚的電商會(huì)用黑色和白色。他們想表現(xiàn)優(yōu)雅和令人贊嘆的。

 

紅色：熱情、愛(ài)和危險(xiǎn)
藍(lán)色：冷靜、理智和安全
黑色：神秘、優(yōu)雅和邪惡
白色：純潔、安靜和干凈
綠色：新鮮、新生和自然

 

下面是不同地區(qū)對(duì)顏色的不同理解：

統(tǒng)一灰度值

我們喜歡在設(shè)計(jì)初期糾結(jié)于顏色和色調(diào)，然而當(dāng)你發(fā)現(xiàn)你花了3個(gè)小時(shí)在確定基礎(chǔ)色的時(shí)候，很快就會(huì)讓你意識(shí)到這樣的行為多么愚蠢。雖然很容易陷入這樣的情緒，但是你要學(xué)會(huì)克服這樣的情緒。

相比于聚焦在間隔和元素布局上，通過(guò)調(diào)節(jié)顏色會(huì)幫你節(jié)省很多時(shí)間。這種限制是很高產(chǎn)的，不要覺(jué)得無(wú)聊，通過(guò)調(diào)整色調(diào)，你就能讓作品看起來(lái)好很多。

下面是一個(gè)你可能在dribbble上看過(guò)的作品，通過(guò)單色和聚焦的元素讓整更作品看起干凈整潔。

 

遠(yuǎn)離純黑和純灰

你可能聽(tīng)說(shuō)過(guò)這個(gè)顏色使用小技巧：不要使用沒(méi)有飽和度的灰色。在現(xiàn)實(shí)世界中純灰色幾乎不存在。同樣，純黑色也不存在。

 

記住，給你的顏色多加一些飽和度。潛意識(shí)里用戶看這樣的顏色更自然更熟悉。

 

相信自然

最棒的顏色搭配來(lái)源于自然界。這些組合看上去十分自然，所以最好解決設(shè)計(jì)問(wèn)題的方案是環(huán)顧四周替換色盤(pán)。

環(huán)顧四周就會(huì)獲得靈感。

保持對(duì)比

有些顏色跟其他搭配效果很好，但是有些會(huì)很沖突。顏色最終是否能很和諧可以從色相環(huán)里觀察出來(lái)。你應(yīng)該知道這個(gè)方法，但是沒(méi)必要手動(dòng)做。

 

如果你想了解更多查看色相環(huán)的理論，Color Theory For Designers: Creating Your Own Color Palettes

獲取靈感

當(dāng)我們?cè)赿ribbble上找參考找靈感的時(shí)候，還有個(gè)更好的地方。dribbble.com/colors

 

視頻、印刷品設(shè)計(jì)、室內(nèi)設(shè)計(jì)以及時(shí)尚，都有很多可以獲得靈感的地方。所以，很簡(jiǎn)單憋死盯著色盤(pán)，遇到看起來(lái)有趣的配色就存起來(lái)。

 

工具

讓事情變得簡(jiǎn)單，我在例舉一些可以用于色板選擇的工具。他們會(huì)幫你省很多時(shí)間。

Coolors.co
事實(shí)上，我最喜愛(ài)的顏色選取器。你可以簡(jiǎn)單的鎖定選取顏色和點(diǎn)擊空白處生成色盤(pán)。Coolors.co里你也可以從上傳一張圖片，在圖片里生成色盤(pán)。最酷的地方是你不會(huì)被限定在一個(gè)方案，相反還有個(gè)讓你選擇顏色的吸色器。

 

 

Kuler
Adobe爸爸提供的一色配色工具。在瀏覽器里可以使用，也可以在桌面端使用。如果你使用桌面端你能將顏色參考導(dǎo)入Photoshop。

 

Paletton
跟Kuler相似，不同點(diǎn)是Paletton不僅限于5種色調(diào)。當(dāng)你具有確定的基礎(chǔ)色想找些附加色的時(shí)候，這個(gè)工具的好用之處就能體現(xiàn)出來(lái)了。

 

Designspiration.net
想象下對(duì)你的色盤(pán)有想法，但是你想看下混合后的效果。Designispiration是個(gè)非常好用的工具。你可以吸取5個(gè)顏色，搜索滿足你需求的圖片。不僅僅是吸取圖片里的顏色，同時(shí)也能將他們用到設(shè)計(jì)里。

Shutterstock Lab Spectrum
你或許會(huì)問(wèn)，我怎么根據(jù)我所選的顏色來(lái)搜索圖片呢？Shutterstock Lab Spectrum是一個(gè)根據(jù)制定色調(diào)選擇圖片的工具。你不用訂閱，因?yàn)閹в兴〉膱D片足夠生成色盤(pán)啦

 

Tineye Multicolr
如果你想要搜索圖片里的混合色，甚至辨別這些顏色中的每一顏色，Tineye Multicolr是一個(gè)能夠幫助你實(shí)現(xiàn)這個(gè)夢(mèng)想的人。這個(gè)網(wǎng)站收集啦1000萬(wàn)在Flickr的評(píng)價(jià)。

最終思考
顏色是一個(gè)很不容易掌握的概念，尤其是在數(shù)字時(shí)代。以上的建議能共幫助你找到工作中需要的顏色。創(chuàng)造令人暈眩的顏色搭配方案最好的方法是利用顏色幫你表達(dá)，跟顏色好好相處吧。

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)