配色不好看？讓騰訊設(shè)計(jì)師帶你學(xué)習(xí)色彩三要素！

@余盼Designer?：作為一個(gè)剛?cè)胄械男氯耍闶欠駮?huì)常常被以下問題所困擾呢？我參照了模板，為什么最終效果很別扭。為什么我的頁面總是花哨？大多數(shù)時(shí)候，是因?yàn)樵亻g的色相，明度，純度調(diào)和不合理所致，今天我教你如何運(yùn)用基礎(chǔ)的色彩三要素，解決這些問題！

第一期回顧：《騰訊好文！配色新人應(yīng)該學(xué)會(huì)的6個(gè)色彩知識(shí)點(diǎn)》

注：說到色彩，優(yōu)設(shè)一直在跟上潮流，比如2017年的潘通流行色，剛發(fā)布不久，優(yōu)設(shè)就有了相關(guān)的介紹和運(yùn)用方法，想不落潮流的同學(xué)，記得多關(guān)注優(yōu)設(shè)官網(wǎng)喲：《玩轉(zhuǎn)草木綠！在這里了解2017的年度潘通流行色》

下面我從最基礎(chǔ)的色彩三要素講起。

一、色彩三要素

色相即每種色彩的相貌、名稱，如紅、橙、黃、綠、青、藍(lán)、紫等。色相是區(qū)分色彩的主要依據(jù)，是色彩的最大特征。

明度即色彩的明暗差別，也即深淺差別。色彩的明度差別包括兩個(gè)方面：一是指某一色相的深淺變化，如藏藍(lán)、中藍(lán)、淺藍(lán)都是藍(lán)，但一種比一種淺；二是指不同色相間存在的明度差別，如六標(biāo)準(zhǔn)色中黃最淺，紫最深，橙和綠、紅和藍(lán)處于相近的明度之間。

純度即各色彩中包含的單種標(biāo)準(zhǔn)色成分的多少。純度高的色色感強(qiáng)，即色度強(qiáng)，所以純度亦是色彩感覺強(qiáng)弱的標(biāo)志。不同色相所能達(dá)到的純度是不同的，其中紅色純度最高，綠色純度相對(duì)低些，其余色相居中，同時(shí)明度也不相同。

二、色彩的特性

紅色給人積極、悅動(dòng)、溫暖的感覺。藍(lán)色給人低靜、消極的感覺。綠與紫是中性色彩刺激小，效果介于紅與藍(lán)之間。中性色彩使人產(chǎn)生休憩、輕松的情緒。

人對(duì)色彩的冷暖感覺基本取決于色調(diào)。色系一般分為暖色系、冷色系、中性色系三類。色彩的冷暖效果還需要考慮其他因素。例如，暖色系色彩的飽和度越高，其溫暖的特性越明顯；而冷色系色彩的亮度越高，其特性越明顯。

各種色彩給人的輕重感不同，我們從色彩得到的重量感，是質(zhì)感與色感的復(fù)合感覺。

如果等距離的看兩種顏色，可給人不同的遠(yuǎn)近感。如：黃色與藍(lán)色以黑色為背景時(shí)，人們往往感覺黃色距離自己比藍(lán)色近。換言之，黃色有前進(jìn)性，藍(lán)色有后退性。較底色突出的前進(jìn)性的色彩稱“進(jìn)色”；較底色暗淡的后退色彩稱“退色”。

一般而言，暖色比冷色更富有前進(jìn)的特性。兩色之間，亮度偏高的色彩呈前進(jìn)性，飽和度偏高的色彩也呈前進(jìn)性。但是色彩的前進(jìn)與后退不能一概而論，色彩的前進(jìn)、后退與背景色密切相關(guān)。
如在白背景前，屬冷色的藍(lán)色卻給人向前擴(kuò)展的感覺。

三、色調(diào)象征意義

純色調(diào)是由高純色相組成的色調(diào)，每一個(gè)色相個(gè)性鮮明，具有挑戰(zhàn)性、令人振奮、賞心悅目。強(qiáng)烈的色相對(duì)比意味著年輕、充滿活力與朝氣。

中色調(diào)的刺激感僅次于高純色調(diào)，中色調(diào)加入了白色，提高了明度。因此具有清新、明朗，像少男少女的純真、朝氣蓬勃，具有上進(jìn)精神。

明色調(diào)屬于清色系列，其特征是加入了多量的白色，提高整體色調(diào)的明度。透明清麗、明凈、輕快。暖色配色，有甜美、風(fēng)雅之味道，冷色調(diào)則顯清涼、舒服。

明灰調(diào)調(diào)入大量淺灰顏色，使畫面帶有灰濁味。由于過多調(diào)入灰白色，色相明度提高了，形成高明度的灰調(diào)子，這是明灰調(diào)的特征。給人平靜、高雅與恬靜的感覺。

中灰調(diào)是一組中等明度的含灰色調(diào)，色相環(huán)中所有顏色均調(diào)入中灰色，是純度降低，色相感淡薄。中灰調(diào)帶有幾分暗沉與暗淡，有著樸實(shí)、含蓄、穩(wěn)重的特色。

暗灰調(diào)是色相環(huán)中所有顏色均調(diào)入暗灰色，使色相感呈低弱灰暗的灰調(diào)。就像烏云密布、陰郁暗淡，令人壓抑。

中暗調(diào)調(diào)入少量黑色，此色調(diào)在保持色相原有的基礎(chǔ)上又籠罩了一層較深的調(diào)子，顯得穩(wěn)重老成、嚴(yán)謹(jǐn)與尊貴。

暗色調(diào)入了大量的黑色，形成濃濃的深色調(diào)。隱約略顯各色的相貌，這是暗色調(diào)的特征。表現(xiàn)出深沉、堅(jiān)實(shí)、冷靜、莊重的氣質(zhì)。

最后按慣例依然給大家推薦三本好書。很高興在現(xiàn)實(shí)中和劉同相遇，希望有一天能成為像他一樣優(yōu)秀的好青年。

以上就是我多年以來對(duì)色彩知識(shí)積累的經(jīng)驗(yàn)之談，希望對(duì)正在路上的設(shè)計(jì)師有所幫助。分享是一種美德我也希望以后有更多的設(shè)計(jì)經(jīng)驗(yàn)分享出來。后邊陸續(xù)會(huì)更新“色彩在設(shè)計(jì)中的應(yīng)用”3。敬請(qǐng)期待哦~

祝大家在2017成為自己心目中的那個(gè)設(shè)計(jì)大神。

「色彩科普系列教程」

1. 紅色篇：《設(shè)計(jì)師的讀書筆記！帶你重新全面認(rèn)識(shí)色彩系列之紅色篇》
2. 橙色篇：《深入淺出學(xué)配色！帶你重新全面認(rèn)識(shí)色彩系列之橙色篇》
3. 黃色篇：《深入淺出學(xué)配色！帶你重新全面認(rèn)識(shí)色彩系列之黃色篇》
4. 綠色篇：《深入淺出學(xué)配色！帶你重新全面認(rèn)識(shí)色彩系列之綠色篇》
5. 藍(lán)色篇：《深入淺出學(xué)配色！帶你重新全面認(rèn)識(shí)色彩系列之藍(lán)色篇》
6. 紫色篇：《深入淺出學(xué)配色！帶你重新全面認(rèn)識(shí)色彩系列之紫色篇》
7. 橙色進(jìn)階：《帶你重新全面認(rèn)識(shí)色彩系列之橙色進(jìn)階篇》
8. 藍(lán)色+紅色進(jìn)階：《超多案例！零基礎(chǔ)學(xué)配色系列之紅色+藍(lán)色篇》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com