RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
作為一個剛入行的新人，你是否會常常被以下問題所困擾呢？我參照了模板，為什么終效果很別扭。為什么我的頁面總是花哨？大多數時候，是因為元素間的色相，明度，純度調和不合理所致，今天我教你如何運用基礎的色彩三要素，解決這些問題！RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
注：說到色彩，我們一直在跟上潮流，比如2017年的潘通流行色，剛發(fā)布不久，就有了相關的介紹和運用方法，想不落潮流的同學，記得多關注。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
下面我從基礎的色彩三要素講起。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
一、色彩三要素RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
色相即每種色彩的相貌、名稱，如紅、橙、黃、綠、青、藍、紫等。色相是區(qū)分色彩的主要依據，是色彩的大特征。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
明度即色彩的明暗差別，也即深淺差別。色彩的明度差別包括兩個方面：一是指某一色相的深淺變化，如藏藍、中藍、淺藍都是藍，但一種比一種淺；二是指不同色相間存在的明度差別，如六標準色中黃淺，紫深，橙和綠、紅和藍處于相近的明度之間。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
純度即各色彩中包含的單種標準色成分的多少。純度高的色色感強，即色度強，所以純度亦是色彩感覺強弱的標志。不同色相所能達到的純度是不同的，其中紅色純度高，綠色純度相對低些，其余色相居中，同時明度也不相同。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
二、色彩的特性RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
紅色給人積極、悅動、溫暖的感覺。藍色給人低靜、消極的感覺。綠與紫是中性色彩刺激小，效果介于紅與藍之間。中性色彩使人產生休憩、輕松的情緒。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
人對色彩的冷暖感覺基本取決于色調。色系一般分為暖色系、冷色系、中性色系三類。色彩的冷暖效果還需要考慮其他因素。例如，暖色系色彩的飽和度越高，其溫暖的特性越明顯；而冷色系色彩的亮度越高，其特性越明顯。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
各種色彩給人的輕重感不同，我們從色彩得到的重量感，是質感與色感的復合感覺。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
如果等距離的看兩種顏色，可給人不同的遠近感。如：黃色與藍色以黑色為背景時，人們往往感覺黃色距離自己比藍色近。換言之，黃色有前進性，藍色有后退性。較底色突出的前進性的色彩稱“進色”；較底色暗淡的后退色彩稱“退色”。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
一般而言，暖色比冷色更富有前進的特性。兩色之間，亮度偏高的色彩呈前進性，飽和度偏高的色彩也呈前進性。但是色彩的前進與后退不能一概而論，色彩的前進、后退與背景色密切相關。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
如在白背景前，屬冷色的藍色卻給人向前擴展的感覺。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
三、色調象征意義RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
純色調是由高純色相組成的色調，每一個色相個性鮮明，具有挑戰(zhàn)性、令人振奮、賞心悅目。強烈的色相對比意味著年輕、充滿活力與朝氣。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
中色調的刺激感僅次于高純色調，中色調加入了白色，提高了明度。因此具有清新、明朗，像少男少女的純真、朝氣蓬勃，具有上進精神。
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
明色調屬于清色系列，其特征是加入了多量的白色，提高整體色調的明度。透明清麗、明凈、輕快。暖色配色，有甜美、風雅之味道，冷色調則顯清涼、舒服。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
明灰調調入大量淺灰顏色，使畫面帶有灰濁味。由于過多調入灰白色，色相明度提高了，形成高明度的灰調子，這是明灰調的特征。給人平靜、高雅與恬靜的感覺。
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
中灰調是一組中等明度的含灰色調，色相環(huán)中所有顏色均調入中灰色，是純度降低，色相感淡薄。中灰調帶有幾分暗沉與暗淡，有著樸實、含蓄、穩(wěn)重的特色。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
暗灰調是色相環(huán)中所有顏色均調入暗灰色，使色相感呈低弱灰暗的灰調。就像烏云密布、陰郁暗淡，令人壓抑。
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
中暗調調入少量黑色，此色調在保持色相原有的基礎上又籠罩了一層較深的調子，顯得穩(wěn)重老成、嚴謹與尊貴。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
暗色調入了大量的黑色，形成濃濃的深色調。隱約略顯各色的相貌，這是暗色調的特征。表現出深沉、堅實、冷靜、莊重的氣質。
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
后按慣例依然給大家推薦三本好書。很高興在現實中和劉同相遇，希望有一天能成為像他一樣優(yōu)秀的好青年。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
以上就是我多年以來對色彩知識積累的經驗之談，希望對正在路上的設計師有所幫助。祝大家在2017成為自己心目中的那個設計大神。RUW北京網站設計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯
