摘要
色彩是十分重要的。色彩是設(shè)計(jì)的表現(xiàn)手法之一，色彩的不同搭配可以改變商品給人的印象。我們生活在這個(gè)五彩繽紛的世界里隧魄，雖然每天都在享受大自然給予我們的視覺(jué)盛宴，但輪到我們自身來(lái)運(yùn)用色彩時(shí)隘蝎，是不是又覺(jué)得束手無(wú)策购啄，不知所措呢？
真正擁有豐富色彩感的人只占極小的一部分嘱么，利用有限的色彩營(yíng)造視覺(jué)沖擊效果的專家更是寥寥無(wú)幾狮含。作為對(duì)配色苦手的大多數(shù)人，有什么方法可以提高配色能力曼振，避免嚴(yán)重的配色錯(cuò)誤呢几迄？
大家好，這篇文章相對(duì)基礎(chǔ)和簡(jiǎn)單冰评，將會(huì)介紹基礎(chǔ)的配色理論和一些實(shí)用的配色工具映胁，可能對(duì)于配色苦手的新人會(huì)有一些幫助。當(dāng)然也包含了自己的配色喜好甲雅，顏色是沒(méi)有責(zé)任的解孙，岡本一宣這么說(shuō)，不同的人對(duì)于顏色的喜好各不相同抛人，如果這篇文章能在閱讀完之后給于你在配色方面提供一些經(jīng)驗(yàn)和幫助于我來(lái)說(shuō)便是非常榮幸的事情了弛姜。這次的文章是結(jié)合了《配色設(shè)計(jì)原理》以及《設(shè)計(jì)的細(xì)節(jié)：日本經(jīng)典設(shè)計(jì)透析》兩本書的部分內(nèi)容，在這里推薦大家在工作之余閱讀妖枚。以下是正文內(nèi)容娱据。
?
一、需求做完了總感覺(jué)哪里不對(duì)
不管是設(shè)計(jì)師做需求還是運(yùn)營(yíng)為公眾號(hào)新寫了一篇推送文章盅惜，又或者是是自己需要做一份ppt來(lái)向合作商展示產(chǎn)品〖纱花了大半天時(shí)間終于折騰完了抒寂。大呼一口氣，正打算交付的時(shí)候掠剑，仔細(xì)一看屈芜，總感覺(jué)哪里不對(duì)。
配色一般發(fā)生在需求制作之前的思考，或者是作品完成之后的檢查井佑，也就是“頁(yè)面做完之后總覺(jué)得哪里不對(duì)”属铁。當(dāng)然出現(xiàn)這樣的事情自然是在顏色方案上出現(xiàn)了一些問(wèn)題，那么我們可以從哪些方面著手來(lái)進(jìn)行修正呢躬翁？
從這張圖中我們可以感覺(jué)到確實(shí)有很多的違和感焦蘑，那么我們分開來(lái)討論，到底是哪些部分出現(xiàn)了問(wèn)題盒发，如何改善才會(huì)合適些例嘱。我們把頁(yè)面的內(nèi)容分為：背景（底色），圖片（形狀）宁舰，文字拼卵。來(lái)分別描述在顏色上的問(wèn)題。
1.背景蛮艰，背景顏色過(guò)于重了腋腮，在體現(xiàn)寧?kù)o、穩(wěn)重風(fēng)格的版面時(shí)壤蚜，利用白色去表現(xiàn)寫真是表達(dá)主題的一條基本原則即寡。在背景選擇時(shí)往往需要同時(shí)考慮角版圖片的背景，不至于在完成時(shí)出現(xiàn)較大的顏色反差仍律。
2.圖片（圖形）嘿悬，其實(shí)是較為統(tǒng)一的木色，但是上下兩部分的“圓形”卻使用了比較亮眼的橙色水泉，抹殺了寫真本身的顏色善涨，雖然達(dá)到了吸引人的亮眼氛圍，卻給人一種輕率不穩(wěn)重的印象草则。
3.文字钢拧，如果仔細(xì)看的話，文字的顏色似乎過(guò)于多了炕横，在寫真介紹中分別使用了三種顏色源内。同時(shí)，在深色背景上使用的黑色標(biāo)題產(chǎn)生了讓文字不容易閱讀的感覺(jué)份殿。
下面就針對(duì)這個(gè)簡(jiǎn)單的例子膜钓，我們進(jìn)行一些修改：
修改后：
1.簡(jiǎn)單地利用白底，在簡(jiǎn)約風(fēng)格的作品中卿嘲，一般會(huì)運(yùn)用白底表現(xiàn)效果颂斜。白色底色是版面設(shè)計(jì)的基本色，是可以襯托出任何寫真的萬(wàn)能色拾枣。
2.修正了圖形的顏色和文字的顏色沃疮，讓畫面更為統(tǒng)一和諧的同時(shí)增加了可讀性盒让。
?
二、基礎(chǔ)配色理論
說(shuō)到這里司蔬，其實(shí)關(guān)于怎么選擇顏色真的有很多很多的方法和理論邑茄，同時(shí)也會(huì)因?yàn)樵O(shè)計(jì)師的性格和喜好，對(duì)同一個(gè)作品又不同的見解俊啼，真正擁有豐富色彩感的人只占極小的一部分肺缕。我們能做的只是在可以使用理論方法等情況下，減少不必要的錯(cuò)誤和正確的使用顏色吨些，僅此而已搓谆。接下來(lái)的部分是基礎(chǔ)的配色理論，可能會(huì)相對(duì)枯燥和乏味豪墅，但對(duì)于每一位需要和顏色打交道的設(shè)計(jì)師泉手，這也是必須要交手的對(duì)象。
色彩是什么偶器？
其實(shí)硬要說(shuō)色彩是什么斩萌，它是人腦對(duì)于光的強(qiáng)弱和不同波長(zhǎng)所產(chǎn)出生的差異的感覺(jué)，與形狀同為最基本的視覺(jué)反應(yīng)之一屏轰。物體被光線照射并反射光線被人腦接受颊郎，形成了對(duì)“色彩”的認(rèn)識(shí)。當(dāng)然還有些物體是直接發(fā)光的霎苗，比如說(shuō)我們的屏幕姆吭。光波是電磁波的一種，其中人類可以看到的稱之為“可見光”根據(jù)可見光波長(zhǎng)的由短到長(zhǎng)唁盏，我們可以識(shí)別紫色内狸，藍(lán)色，青綠色厘擂，綠色昆淡，黃綠色，黃色刽严，橙色昂灵，紅色等色彩。
色彩的三屬性
我們把顏色分為“色相”舞萄、“明度（亮度）”眨补、“純度（飽和度）”三個(gè)屬性,色彩可以根據(jù)三屬性進(jìn)行體系化的歸類。為了能夠掌握無(wú)數(shù)的色彩并運(yùn)用自如倒脓，必須充分理解這三個(gè)屬性渤涌。
色相：色相是指物理學(xué)或心理學(xué)上區(qū)別紅、藍(lán)把还、黃等色感的要素之一，同時(shí)也指顏色本身，將色相按照波譜上順序進(jìn)行排列吊履，首位相連安皱，形成的環(huán)狀圖形，稱之為“色相環(huán)”艇炎。在色相環(huán)上確定了色相之間的關(guān)系后酌伊，配色實(shí)踐就變的簡(jiǎn)單點(diǎn)多了。
明度（亮度）：明度是指色彩的明亮程度缀踪，在任何顏色中添加白色居砖，明度上升，添加黑色驴娃，明度下降奏候。因此，色彩中明度最高的是白色唇敞，明度最低的黑色蔗草。白色-黑色的灰度色標(biāo)示明度差異的表現(xiàn)。同時(shí)明度也是決定文字可讀性和物體外觀的重要元素疆柔。兩種色彩之間的差別咒精，明度方面的對(duì)比越強(qiáng)烈，色彩之間的交界部分越明顯旷档。
純度（飽和度）：純度是指色彩的鮮艷程度模叙。新鮮水果的那種鮮艷、顏色的色彩代表的是“高純度”鞋屈，樹汁和泥土等天然染料那種樸素范咨、淡雅的色彩代表“低純度”。純度越低谐区，顏色渾濁湖蜕，純度最低的是灰色（無(wú)彩色）。純度的高低容易形成不同的氣質(zhì)宋列，一般來(lái)講昭抒，純度越高，越有活力炼杖，充滿朝氣灭返，純度越低，則容易給人成熟穩(wěn)重的印象坤邪。
色彩三屬性的模式圖（色立體）
其實(shí)可以簡(jiǎn)單的理解為一個(gè)以色相環(huán)為基礎(chǔ)變化成的一個(gè)圓柱體熙含，圓柱體的側(cè)面分布了整個(gè)色相環(huán)；圓柱體的底面到頂面艇纺，色相環(huán)的亮度發(fā)生變化怎静；圓柱體的軸心到側(cè)扁表層邮弹，純度發(fā)生變化。
當(dāng)然蚓聘，現(xiàn)實(shí)中的純度變化會(huì)根據(jù)色相的不同而不同腌乡，并不是規(guī)律的幾何變化，因此夜牡，實(shí)際上的這個(gè)“圓柱體模型”應(yīng)該要復(fù)雜的多与纽。
關(guān)于色調(diào)
大家應(yīng)該經(jīng)常聽人提起過(guò)色調(diào)這個(gè)詞語(yǔ)，在顏色三屬性中并沒(méi)有給出“色調(diào)”的定義塘装，那么色調(diào)到底是什么呢急迂？色調(diào)是指色彩的濃淡和強(qiáng)弱程度，是通過(guò)色彩的明度和純度綜合表現(xiàn)色彩狀態(tài)的概念蹦肴。也就是大家平時(shí)感覺(jué)的“這幾個(gè)顏色放在一起好像是一個(gè)色調(diào)的”這樣的感覺(jué)僚碎，雖然色相，不統(tǒng)一冗尤，但是如果調(diào)整好“純度”和“明度”也能讓畫面展現(xiàn)統(tǒng)一的配色效果听盖。
其實(shí)色調(diào)是日常生活中人們對(duì)于色彩認(rèn)識(shí)非常重要的一環(huán)，很多時(shí)候我們覺(jué)得某個(gè)畫面非常協(xié)調(diào)統(tǒng)一時(shí)裂七，往往是色調(diào)一致給人的效果皆看。在實(shí)際配色過(guò)程中，如果需要選擇使用多種顏色或者使用到彩色的寫真的時(shí)候背零，使用色相調(diào)和的方法就比較容易達(dá)到效果腰吟。
色相差與色調(diào)調(diào)和
在使用色調(diào)調(diào)和的配色方案時(shí)，可以使用各種各樣的色調(diào)徙瓶，但顏色的深淺（純度／明度）需要控制在一個(gè)幅度之內(nèi)毛雇。
?
三、利用例子來(lái)描述基礎(chǔ)的配色方法
下面會(huì)以一個(gè)范例來(lái)作為模板侦镇，展示基本的配色類型灵疮。分為“由色相差而形成的配色”和“由色調(diào)調(diào)和而形成的配色”。
A：由色相差而形成的配色
1.有主導(dǎo)色彩的配色：
這是由一種色相構(gòu)成的統(tǒng)一性配色壳繁，體現(xiàn)整體統(tǒng)一性震捣，強(qiáng)烈的色相的印象。如果不是同一種色相闹炉，色相環(huán)上相鄰的類似色也可以形成相近的配色效果蒿赢，這就是“同色系”配色和“類似色”配色的效果。這種配色展現(xiàn)自然與和諧的印象渣触，但同時(shí)也容易形成單調(diào)羡棵、乏味的印象。
2.對(duì)比色構(gòu)成的配色：
由對(duì)比色相互相對(duì)比構(gòu)成的配色嗅钻≡肀可以分為：由“互補(bǔ)色”或“對(duì)比色”搭配構(gòu)成的色相對(duì)比效果店展；由白色、黑色等明度差構(gòu)成的明度對(duì)比效果灼擂；以及由純度差異構(gòu)成的純度對(duì)比效果壁查。由于色彩之間的互相襯托，運(yùn)用高明度剔应、高純度的色彩，可以營(yíng)造強(qiáng)烈的視覺(jué)沖擊效果语御。
B：由色調(diào)調(diào)和而形成的配色
這是有統(tǒng)一色調(diào)構(gòu)成的統(tǒng)一性配色峻贮。深色調(diào)和暗色調(diào)等類似色調(diào)搭配也可以形成同樣的效果，即使出現(xiàn)多種色相应闯，只要保證色調(diào)i 址纤控，畫面就能夠體現(xiàn)出整體的統(tǒng)一性。
在營(yíng)造氣氛或情感時(shí)碉纺，可以通過(guò)色調(diào)調(diào)和的靈活運(yùn)用來(lái)達(dá)到目的船万，不同的色調(diào)可以表達(dá)出“柔軟”，“明亮”骨田，“樸素”耿导，“穩(wěn)重”，“華麗”等印象态贤。在確定使用色相前舱呻，構(gòu)思好使用的色調(diào)也是配色的基礎(chǔ)理論之一。
1.淺色調(diào)調(diào)和
這張圖想表達(dá)的是冬日的風(fēng)景悠汽，冬天清澈箱吕，干凈的印象使我選擇了淺色調(diào)調(diào)和，同時(shí)利用了明度的變化來(lái)表現(xiàn)層次感柿冲。
2.深色調(diào)調(diào)和
利用低明度茬高，中高純度的顏色調(diào)和而成的夜晚景象。畫面表現(xiàn)出安靜假抄，祥和的氣氛怎栽。
3.柔和（明亮）調(diào)和
雖然使用了多種色彩，但是由于控制好了色調(diào)的波動(dòng)慨亲，使畫面的色彩依舊在一個(gè)相對(duì)和諧的區(qū)域內(nèi)婚瓜。
?
四、“知道了理論方法刑棵，關(guān)于實(shí)踐這件事”
這一個(gè)章節(jié)巴刻，我講講述一些我自己平時(shí)使用的配色方法和工具。希望能對(duì)讀者您的日常工作提供一些簡(jiǎn)單的幫助蛉签。
1.Adobe color CC
它的原名更為著名胡陪，也就是Kuler 沥寥，不知道什么時(shí)候開始改了名字，不過(guò)功能沒(méi)有發(fā)生太大的變化柠座。這是一個(gè)由設(shè)計(jì)師分享配色方案的一個(gè)平臺(tái)邑雅，已經(jīng)保存了成千上萬(wàn)的預(yù)制配色方案。在photoshop上自帶了一個(gè)插件妈经，你可以直接調(diào)用上面的色彩方案淮野，并且非常方便的應(yīng)用到你的設(shè)計(jì)稿中去。
2.ColorHexa
我經(jīng)常使用這個(gè)網(wǎng)站用于吹泡，我只確定了一個(gè)主色的情況下骤星，它能幫助我擴(kuò)展這個(gè)色彩，搭配出數(shù)種方案爆哑，甚至還有色盲修正方案洞难。如果你只能確定一個(gè)必須使用的顏色，選擇這個(gè)工具或許能獲得一些靈感揭朝。
3.Color Scheme Designer
這是一個(gè)在線的配色工具队贱，相比于Adobe color ，它擁有詳細(xì)的色彩修改方法潭袱，和簡(jiǎn)單的顏色演示工具柱嫌。國(guó)內(nèi)有個(gè)舊版本的漢化版，不過(guò)還是建議去官網(wǎng)使用最新的敌卓。
4.有趣的日本傳統(tǒng)色
這個(gè)網(wǎng)站專門列舉了250種日本傳統(tǒng)色慎式，且擁有了不錯(cuò)的動(dòng)畫過(guò)度效果。如果你對(duì)日式的色彩感興趣趟径，這里或許能得道一些靈感瘪吏。
?
五、城里面的配色套路
懂得那么多道理蜗巧，依然配不好顏色（捂臉）掌眠。如果你實(shí)在是對(duì)配色苦手，沒(méi)辦法得心應(yīng)手的獲取想到的色彩幕屹，那么或許蓝丙，是時(shí)候借助一下巧妙的辦法了。
1.從寫真中獲取色彩
你總能看到一些非常美麗的圖片望拖，當(dāng)然你的手機(jī)里或許也有一些渺尘，那么何不從中吸取一些顏色用到你的設(shè)計(jì)中去呢？色彩收集是一個(gè)偉大的靈感源泉说敏，你可以快速在通過(guò)自己的素材庫(kù)或者互聯(lián)網(wǎng)渠道鸥跟，去尋找你想要的色彩，提高你的設(shè)計(jì)效率。
2.手動(dòng)保存的顏色（漸變色）
如果你實(shí)在沒(méi)辦法從色環(huán)中提取出你想要的顏色医咨，那么在日常的閱圖過(guò)程中枫匾，收集優(yōu)秀的配色方案，吸取并保存這也是一個(gè)很討巧的方法拟淮。如果你每天都能保存2份色彩方案干茉，或者僅僅是兩個(gè)漸變色，一個(gè)月后很泊，你就能導(dǎo)出一份《我最喜歡的漸變色選集》
3.正確的顏色設(shè)計(jì)步驟
一個(gè)正確的設(shè)計(jì)步驟必須從開始的時(shí)候就選擇正確的道路角虫，為了避免“頁(yè)面做完之后總覺(jué)得哪里不對(duì)”的情況出現(xiàn)，我們需要在每一個(gè)步驟都提前為設(shè)計(jì)做好準(zhǔn)備委造。
設(shè)計(jì)開始時(shí)的問(wèn)題：
你要制作的是一個(gè)什么樣的內(nèi)容上遥？
你想要傳達(dá)什么樣的情感？
顏色在這個(gè)內(nèi)容中的作用和定位争涌。
你設(shè)計(jì)的對(duì)象是誰(shuí)，或者說(shuō)辣恋，你為誰(shuí)設(shè)計(jì)亮垫？
這將很大程度的幫助你去選擇一個(gè)合適的設(shè)計(jì)，顏色設(shè)計(jì)有時(shí)很難確定這個(gè)就是正確的顏色伟骨，或者你調(diào)出來(lái)的這個(gè)顏色就是最合適的饮潦，所以這時(shí)候你就的在產(chǎn)品目標(biāo)，用戶群圖携狭，使用場(chǎng)景等等做出篩選分析继蜡。從而確定顏色選擇。
設(shè)計(jì)進(jìn)行時(shí)的方法
我們通常把一個(gè)作品（這里指移動(dòng)端或者web端頁(yè)面設(shè)計(jì)逛腿，當(dāng)然插畫其實(shí)也是適用的）的顏色拆分為幾個(gè)部分分別進(jìn)行色彩的選擇稀并。
背景色、主色調(diào)单默、輔助色碘举、高亮色（提醒色）
在正確的地方使用正確的顏色
想必在這個(gè)時(shí)候，你應(yīng)該有了一個(gè)大致的顏色方案搁廓，那么注意不要犯一些常見的錯(cuò)誤引颈。比如在正確與錯(cuò)誤的選項(xiàng)上使用了錯(cuò)誤的色彩，就像是在通行過(guò)道上使用了紅色背景的指示牌境蜕。
結(jié)語(yǔ)：
其實(shí)我本身也對(duì)于配色也相當(dāng)?shù)目嗍烛。翊蠖鄶?shù)人一樣，在色彩上根本沒(méi)有什么稱得上的特長(zhǎng)粱年，寫完這篇文章售滤，反而對(duì)自己的配色能力更加擔(dān)心了。希望大家能在文章中得到一些收獲逼泣。共同進(jìn)步趴泌，順頌商祺舟舒。
參考資料：
《配色設(shè)計(jì)原理》【日】奧博斯科編輯部
《設(shè)計(jì)的細(xì)節(jié)：日本經(jīng)典設(shè)計(jì)透析》【日】日經(jīng)設(shè)計(jì)
部分圖片素材來(lái)源網(wǎng)絡(luò)，如果侵犯到您的知識(shí)產(chǎn)權(quán)嗜憔，請(qǐng)和我聯(lián)系秃励。
圖片 ? pixabay.com
／?作?者?簡(jiǎn)?介 ／宣越陽(yáng) ? ? 網(wǎng)易視覺(jué)設(shè)計(jì)師，目前從事與網(wǎng)易云視覺(jué)設(shè)計(jì)吉捶，設(shè)計(jì)熱愛(ài)者夺鲜。
【小編發(fā)硬廣從不含糊！】
配色設(shè)計(jì)是非衬盘颍考驗(yàn)UI設(shè)計(jì)師的審美能力的币励，網(wǎng)易云課堂基于此進(jìn)行縱深拓展，邀請(qǐng)網(wǎng)易UEDC總監(jiān)及資深設(shè)計(jì)專家們研發(fā)開設(shè)了高級(jí)UI設(shè)計(jì)師課程珊拼。
高級(jí)UI設(shè)計(jì)微專業(yè)為進(jìn)階課程食呻，面向具備基礎(chǔ)設(shè)計(jì)技能，但缺乏設(shè)計(jì)思路和設(shè)計(jì)美感澎现，并且缺乏多種類型產(chǎn)品實(shí)踐經(jīng)驗(yàn)的初級(jí)設(shè)計(jì)師仅胞。
網(wǎng)易UEDC總監(jiān)結(jié)合多年的從業(yè)經(jīng)驗(yàn)，提供設(shè)計(jì)美學(xué)理論和方法論剑辫。課程將詳細(xì)介紹工具類干旧、電商類、文藝類和工具類產(chǎn)品的設(shè)計(jì)思路與實(shí)踐妹蔽，為目前市面上最詳盡的一線產(chǎn)品設(shè)計(jì)分析椎眯。詳情請(qǐng)戳課程鏈接 http://163.lu/SGr5p3
5.31前購(gòu)買課程還有早鳥價(jià)活動(dòng) 1398哈~還有UEDC內(nèi)刊贈(zèng)送 期不期待！驚不驚喜胳岂！
