編者按：配色的文章并不少，有的是關(guān)于趨勢菠镇，有的則探討技巧澄峰。那么要搞定一整套的配色方案，從頭到尾應(yīng)當(dāng)注意哪些問題辟犀，又該擁有怎樣的思路呢俏竞？今天的文章，就幫你解決這個問題堂竟。
不論是品牌設(shè)計還是網(wǎng)站設(shè)計魂毁，配色都是其中最關(guān)鍵也是最具有挑戰(zhàn)性的組成部分。完美的配色方案并不是隨便挑兩個色彩就可以投入使用出嘹，實際上席楚，優(yōu)秀的配色背后有許多實用的規(guī)則在做支撐。今天的文章就從九個方面來幫你做好優(yōu)秀的配色方案税稼。
1烦秩、從色輪開始
我們從小就開始接觸色輪，但是看起來很簡單的色輪直到今天依然是設(shè)計師手中最實用的利器郎仆。色輪不僅僅是一系列色彩的簡單組合只祠，它暗含色彩之間的關(guān)系和規(guī)律，可以幫你構(gòu)思配色扰肌，確定色彩之間的搭配是否協(xié)調(diào)抛寝。
色輪中包含了原色、間色和復(fù)色：
原色：紅色曙旭、黃色盗舰、藍色
間色：綠色、紫色桂躏、橙色
復(fù)色：天藍色钻趋、羅蘭紫、玫瑰紅剂习、橘紅色蛮位、黃綠色等
三原色想必大家都了解，值得注意的是进倍，間色通常指的是兩種原色混合而得出的色彩土至，所以它也叫第二次色购对。這樣一來猾昆，復(fù)色也容易理解了，它是兩種間色或者原色與間色呼喝而形成的色彩骡苞，所以它也有個名字叫做第三次色垂蜗。
接下來的環(huán)節(jié)就很重要了：如何將色輪上的色彩合理的搭配到一起楷扬。
相似色：色輪上相鄰的三種色彩搭配在一起
互補色：色輪上來自不同兩邊完全相對的色彩是互補色
分離互補色：挑選一種色彩，然后再在色輪左右兩側(cè)上挑選一組互補色加入進來
雙互補色：這是最難創(chuàng)建的互補色贴见，你需要挑選一個原色烘苹，然后在色輪上挑選兩對互補色與之進行搭配
單色調(diào)：使用一種色彩和它的同色系色彩來搭配
三色調(diào)：使用色輪上相互距離相同的三種色彩來搭配
絕大多數(shù)的配色工具會使用色輪來幫你挑選配色，相當(dāng)省心片部。
2镣衡、黑色、白色和中性配色
挑選一兩個明亮的色彩并不足以支撐整個配色方案档悠，那些經(jīng)常被人忽視的色彩可能占據(jù)整個設(shè)計的色彩中的絕大部分廊鸥，它們就是以黑和白為代表的中性色。
中性色為其他色彩搭建了表現(xiàn)的舞臺辖所，讓他們展現(xiàn)性格營造氛圍惰说。中性色更多的時候是在背景、細節(jié)上為整個項目營造出或冷或暖的氛圍缘回，讓導(dǎo)航擁有更好的可用性吆视，讓排版的可讀性更優(yōu)秀，視覺上具備良好的引導(dǎo)性酥宴。
3啦吧、色調(diào)和色彩
少有設(shè)計師直接在色輪上取色就直接拿來用的，因為絕大多數(shù)時候拙寡，配色是需要經(jīng)過調(diào)整才能用的丰滑。這個時候，你就需要調(diào)整色彩倒庵、色度和色調(diào)這些屬性：
色彩：顏色+白色
色度：顏色+黑色
色調(diào)：顏色+灰色/白色/黑色
這些調(diào)整方式能改變色彩的飽和度褒墨，讓你的配色方案變的不一樣。完成基礎(chǔ)的配色之后擎宝，通過改變色彩郁妈、色度和色調(diào)來擴充整個配色，這樣確保了配色中的顏色都處于同一系绍申，有增加了配色的豐富度噩咪。
4、謹慎跟隨趨勢
如你所知极阅，每年隔三差五都會出幾個“配色流行趨勢”胃碾，就像時尚圈中的“流行色”一樣。這些配色雖然看起來相當(dāng)有意思筋搏，但是需要謹慎使用：如果要長期使用仆百，可能并不那么好用。如果你真的想跟隨某個趨勢奔脐，最好經(jīng)常使用俄周，認真打磨吁讨，讓它成為你的配色方案列表中的一員。
一般情況下峦朗，你所創(chuàng)建的配色方案建丧，應(yīng)該是經(jīng)得起時間考驗，能一次又一次使用的（色彩是品牌形象和品牌識別的根本）波势。所以翎朱，最好是將一系列真正“屬于你的”的配色方案，同時尚的趨勢結(jié)合起來尺铣，最大化的使用闭翩。
5、避免彩虹式配色
色彩的使用應(yīng)該是有節(jié)制的迄埃。你的配色方案中并不需要5種甚至10種色彩同時存在疗韵，最好的配色方案通常只是2~4種色彩的搭配。
為什么侄非？每個色彩在整個設(shè)計中都有它的作用蕉汪，而每個色彩都應(yīng)該有各自發(fā)揮的空間，并且被人所注意到逞怨。太多的色彩聚合到一起者疤，就只是顏色而已。好的設(shè)計和配色方案會讓每種色彩具備它獨有的作用與角色叠赦，讓色彩各司其職驹马，用戶也更容易融入到整個設(shè)計中來，也更容易同網(wǎng)站進行交互和溝通除秀。
6糯累、為文本元素單獨挑選色彩
當(dāng)你思考色彩搭配的時候，文本元素應(yīng)當(dāng)使用什么樣的色彩是非常值得你思考的册踩。除非文本色彩被固定死了只能是黑白灰泳姐，那么你應(yīng)當(dāng)考慮一下文本的配色問題。
文本的色彩牽涉到各種問題暂吉，從色彩的可讀性到頁面的可用性胖秒、菜單的易用性，不一而足慕的。當(dāng)然阎肝，最需要考慮的還是文本的可讀性的問題。文字需要在不同的背景下保持足夠的對比度來確保它可讀肮街。一般而言风题，文本元素的用色可以是配色方案的一部分，也可以是單獨挑選的色彩。
7俯邓、結(jié)合內(nèi)容考慮配色
優(yōu)秀的配色方案并不只是確保視覺上的一致性骡楼，會讓內(nèi)容和色調(diào)情緒上保持一致熔号，尤其是在網(wǎng)站上稽鞭。
這個道理并不難理解。以自然為主題的網(wǎng)站可能會使用綠色和棕色引镊，而銀行類的網(wǎng)站則大多使用讓人信任的色彩朦蕴，比如藍色。網(wǎng)站有著怎樣的立意弟头？它要展現(xiàn)什么樣的主題吩抓，傳達什么樣的情緒？在這樣的構(gòu)思之下赴恨，可以幫你更好的建立配色方案疹娶。
8、堅持遵循配色方案
當(dāng)你創(chuàng)造出一套優(yōu)秀的配色方案的時候伦连，你會盡量將這個方案貫穿整個項目雨饺。這個時候，你應(yīng)當(dāng)建立一套規(guī)則惑淳，來確保整個配色能夠系統(tǒng)化地貫穿到整個項目當(dāng)中额港。這個過程中，你可能會思考下面的問題：
你同時在處理色彩有哪些歧焦？
哪些色彩是通過調(diào)節(jié)色彩移斩、色調(diào)和色度而創(chuàng)造的？
是否為文本設(shè)定單獨的色彩绢馍？
UI元素是否具備成系列的配色向瓷？
能否在配色方案之外再單獨加入獨特的色彩？
譯者：陳子木
來源：學(xué)ui網(wǎng)
