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

@余盼Designer?:作為一個剛?cè)胄械男氯耍闶欠駮31灰韵聠栴}所困擾呢?我參照了模板,為什么最終效果很別扭。為什么我的頁面總是花哨?大多數(shù)時候,是因為元素間的色相,明度,純度調(diào)和不合理所致,今天我教你如何運用基礎(chǔ)的色彩三要素,解決這些問題!

第一期回顧:《騰訊好文!配色新人應(yīng)該學(xué)會的6個色彩知識點》

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

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

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

一、色彩三要素

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

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

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

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

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

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

二、色彩的特性

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

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

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

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

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

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

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

如果等距離的看兩種顏色,可給人不同的遠近感。如:黃色與藍色以黑色為背景時,人們往往感覺黃色距離自己比藍色近。換言之,黃色有前進性,藍色有后退性。較底色突出的前進性的色彩稱“進色”;較底色暗淡的后退色彩稱“退色”。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

「色彩科普系列教程」

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

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

收藏 77
點贊 1

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。