顏色和其他東西一樣，最好是適度使用——少了草雕，寡淡無味巷屿，多了，過猶不及墩虹。如果你能堅持在自己的配色方案中最多不會超過三種主色調(diào)嘱巾，那么一般來講，你的設(shè)計都會獲得比較好的效果诫钓。在一個設(shè)計項(xiàng)目中旬昭，應(yīng)用的顏色與設(shè)計最終呈現(xiàn)出來的平衡感有著莫大的關(guān)系，你選擇使用的顏色越多菌湃，那么想要實(shí)現(xiàn)平衡感就越難问拘。

"色彩并不能為你的設(shè)計作品增添令人愉悅/舒適的質(zhì)感——它的實(shí)際作用是強(qiáng)化了這種質(zhì)感。"

—— Pierre Bonnard

如果在設(shè)計過程中惧所，你已經(jīng)確定好了自己的調(diào)色板骤坐，但是又需要一些額外的顏色來做補(bǔ)充，可以運(yùn)用陰影和色調(diào)來做一些變化下愈，它們結(jié)合起來會呈現(xiàn)出一種和諧的效果纽绍。

一.60-30-10原則

這個室內(nèi)裝修的配色原則是經(jīng)時間檢驗(yàn)的配色技巧，可以幫助你輕松地將配色方案組織在一起驰唬。60%+30%+10% 的比例是為了實(shí)現(xiàn)平衡色彩顶岸，這個公式之所以起作用腔彰，是因?yàn)樗鼊?chuàng)造了一種平衡感叫编，讓眼睛可以舒服地從一個焦點(diǎn)移動到另一個焦點(diǎn)辖佣。難得的是它的使用也非常簡單。

其中：

主色調(diào)占60%

輔助色占30%

重點(diǎn)突出顏色占10%

墻漆搓逾；家具卷谈；配飾

二.顏色的含義

科學(xué)家研究了幾個世紀(jì)以來某些顏色對生理的影響。除了美學(xué)霞篡，色彩是情感和想象力的創(chuàng)造者世蔗。顏色的含義很大程度上取決于文化和環(huán)境。這就是你經(jīng)忱时看到黑色和白色的時尚商店的原因——他們想要使自己顯得優(yōu)雅污淋、品質(zhì)卓越。

?Asos網(wǎng)頁

?Asos網(wǎng)頁設(shè)計是純粹黑白色余掖，而“加入購物袋”按鈕選擇了綠色寸爆，這是有原因的。

· 紅色：激情盐欺、愛赁豆、危險

· 藍(lán)色：冷靜、可靠的冗美、安全的

· 黑色：神秘魔种、高雅、惡魔

· 白色：純潔粉洼、安靜节预、干凈

· 綠色：嶄新的、新鮮的属韧、自然的

如果你想了解更多顏色的含義安拟，可以查看這個列表：

色彩文化

三.?灰度優(yōu)先

在設(shè)計過程中，我們都喜歡不停地嘗試各種色彩和色調(diào)挫剑，但是當(dāng)你意識到你花了3個小時來調(diào)整基色去扣，卻發(fā)現(xiàn)你之前都在做無用功。這種習(xí)慣對于設(shè)計師來說具有致命的吸引力樊破，但是你應(yīng)該學(xué)會克制愉棱，避免總是走進(jìn)這個死胡同。

相反哲戚，你要強(qiáng)迫自己專注于元素的間距奔滑、布局等，這樣會為你節(jié)省大量的時間顺少。這種約束是十分有效的朋其，而且它并不是一件無聊的事情王浴。如果你想讓它更加好看，可以嘗試使用不同的色調(diào)梅猿。

我在dribbble上的作品氓辣，只用了簡單的單色，專注于元素的調(diào)整

四.避免使用純粹的灰色或黑色

我所學(xué)的用色技巧中袱蚓，有一點(diǎn)很重要钞啸，那就是避免使用沒有飽和度的灰色。在現(xiàn)實(shí)生活中喇潘，純粹的灰色基本上是不存在的体斩，同理黑色也是一樣。

這張照片中最深的顏色色值不是#000颖低，而是#0A0A10

?你要始終記得給自己的顏色添加一點(diǎn)飽和度絮吵，這樣潛意識中，用戶看著它會覺得更加自然和親切忱屑。

五.相信自然

最棒的色彩組合來源于大自然蹬敲，這些色彩組合總會看起來非常舒服自然。從環(huán)境中選取適合的顏色組合想幻，但是設(shè)計最佳的最終方案還是需要不停地調(diào)試你的調(diào)色板粱栖。

?要汲取（配色）靈感脏毯，我們只需看看周圍

六.保持對比度

有些顏色很相配闹究，但是有些顏色卻會相互沖突。關(guān)于它們是如何相互匹配食店、相互作用的規(guī)則渣淤，是可以在色輪上觀察到的。你應(yīng)該對這套理論有認(rèn)識吉嫩，但是不必自己手動去操作价认。

從左至右：互補(bǔ)色、相近色自娩、三色系用踩、分散的互補(bǔ)色、方形色系忙迁、矩形色系

如果你想學(xué)習(xí)更多更詳細(xì)的色彩搭配理論脐彩，可以看這篇文章：Color Theory For Designers: Creating Your Own Color Palettes（《設(shè)計師的色彩理論：創(chuàng)建你自己的調(diào)色板》）

七.獲取靈感

當(dāng)我們說起UI設(shè)計參考的時候，dribbble是最好的尋找靈感的地方姊扔。它也有搜索顏色的工具惠奸，所以當(dāng)你想對其他設(shè)計師“如何使用特殊顏色”進(jìn)行視覺研究時，請你到這里來：dribbble.com/colors

視頻恰梢、印刷設(shè)計佛南、室內(nèi)設(shè)計梗掰、時尚……有太多可以獲取靈感的地方。不要太依賴那些固有的調(diào)色板樣式嗅回，而是要把所有你看起來非常喜歡及穗、覺得有趣、讓你眼前一亮的東西存起來妈拌。

我經(jīng)常從一些韓國視頻里偷顏色拥坛，它們非常漂亮

八.工具

為了提高效率蓬蝶，我2017年收集了一些特別棒的選色工具尘分。它們會節(jié)省你大量的時間。

1.Coolors.co

這是我最喜歡的選色工具丸氛。你只需簡單地鎖定選定的顏色培愁，然后按空格生成調(diào)色板。在Coolors上你可以上傳一張圖片缓窜，并從中生成一個調(diào)色板定续。最酷的事情是，你不僅限于一個調(diào)色板結(jié)果禾锤，它會給你提供一個選擇器私股，允許你隨時修改引用點(diǎn)。

?2.Kuler

這個來自于Adobe的工具已經(jīng)陪伴了我們很久了恩掷。它可以在網(wǎng)頁端使用倡鲸，也有桌面本地版本。如果你使用的是桌面版本黄娘，可以把配色方案導(dǎo)入到Photoshop里峭状。

?3.Paletton

這個工具跟Kuler很像，不同的是逼争，它生成的調(diào)色板里不局限于5種顏色优床。當(dāng)你已經(jīng)確定了主色調(diào)，想要找一些填充色的時候誓焦，這是個非常棒的工具胆敞。

?4.Designspiration.net

想想一下，你已經(jīng)有了一套配色方案杂伟，但是你還是想看一下他們組合起來的實(shí)際效果移层。這時候，強(qiáng)烈安利Designspiration給你稿壁。你可以選擇5種顏色幽钢，然后搜索到使用這5種顏色的設(shè)計圖。真的很贊傅是，不是因?yàn)槟憧梢圆榈綉?yīng)用了這些色彩的圖像匪燕，而是因?yàn)槟憧梢哉嬲吹剿鼈冊谠O(shè)計中真實(shí)被使用蕾羊、實(shí)現(xiàn)的樣子。

5.Shutterstock Lab Spectrum

你可能會詢問——如果我想根據(jù)某特定色彩搜索圖片呢帽驯？Shutterstock有個功能龟再，名叫Spectrum，可供你根據(jù)特定的顏色來搜索圖片尼变。你甚至不需要訂閱利凑，因?yàn)閹〉男D預(yù)覽足夠生成調(diào)色板。

?6.Tineye Multicolr

但如果你想搜索擁有多種色彩混合在一起的照片嫌术，并指定每種色彩的數(shù)量哀澈，那么Tineye會幫上大忙。這個網(wǎng)站使用了來自Flickr的1000萬個創(chuàng)意共享圖像數(shù)據(jù)庫度气。

總結(jié)

色彩是一個很難掌握的概念割按，特別是在數(shù)字時代。上面提到的技巧可以為查找正確的色彩這項(xiàng)工作提供一些便利磷籍。而如果你想創(chuàng)造出讓人驚艷的配色方案适荣，最好的方法歸根到底，還是需要不斷地練習(xí)院领。所以弛矛，別光看文章，動起手來比然，沉浸到色彩的世界中丈氓，玩兒起來~

原文作者：Wojciech Zieliński

如需轉(zhuǎn)載，請注明原文及編譯信息哦~