在我們剛剛開始做設計的時候,每當看到一個感覺很好的配色方案時,都會不經想到:他們究竟是怎麼做到的這樣的配色的?
圖片來源於網絡
為了掌握配色,很多人都會去學習專門的配色教程,或者去看專業的配色書籍。像是是互補色,鄰近色,這些名詞大家都不會很陌生。可即便是知道這些色彩知識,但當我們實際去運用的時候,卻還是會遇到了很多的問題。一個好的配色並不是僅僅只是那些擁有設計天賦的人才能掌握的。通過一些公式化的配色技巧也能讓大家在搭配色彩的時候有心中有色、不至於沒有頭緒無從下手。
首先我們先來認識同類色相配指的是什麼:
同類色搭配原則:指深淺、明暗不同的兩種同一類顏色相配,比如:青配天藍,墨綠配淺綠,咖啡配米色,深紅配淺紅等,同類色配合的服裝顯得柔和文雅。服裝配色方法較常用的有同類色搭配、類比、對比色搭配。1、同類色:
由同一種色調變化出來的,如墨綠與淺綠,深紅與淺紅,咖啡與米色等,在服裝上運用較為廣泛。配色柔和淡雅,給人溫和協調的感覺。
2、類比色:
指色環上比較相近的顏色相配,一般範圍在90度以內,例如紅色與橙色或藍色與紫色,給人的感覺是比較溫和、統一。但它和同類色相比,又更加富於變化。 3、對比色:
運用在衣服上能收到鮮麗明快的效果, 如黃色與紫色,紅色與綠色,它們給人的感覺比較強烈,不宜多用。如果需要大面積運用時,可以利用無彩色來加以協調。
下面給大家介紹一種同類色中配色的方法,你只需要簡單的增加、減少,色相、飽和度、亮度的數值就可以很輕鬆的掌握它。
01. 色彩模式 – 了解 HSB
首先現在的設計師大多都是在屏幕上完成工作的,在剛開始學習設計軟體的時候,都知道要設置正確的色彩模式。比如RGB和CMYK:RGB 稱之為色光的三原色,而 CMYK 則稱為印刷的四原色。
而上面的兩種色彩模式都是基於屏幕和印刷的,現在做配色的時候我建議大家選擇更貼近人類感官的方式 HSB ( 有時也稱作HSV )
HSB 分別表示的是 色相(Hue)飽和度(Saturation)以及亮度(Brightness)大家要好好記住這三個數值。
02. 巧用 HSB 數值變換
當你在HSB 模式下進行同類色配色時,首先要必須先確定一個色相(H),接下來就只需要對後兩項數值進行加減就能很快完成。
下面我給大家舉個例子,比如說下面這個電腦,在確定了紫色的色相值為270,其他的數值在這個值的基礎上變化。
來看看具體是哪些數值發生了變化:
從上圖可以看到基礎色的飽和度是24亮度是96,通過修改後兩項數值你可以發現:
同色相加深 = 飽和增加亮度減少同色相變淺=飽和減小亮度增加
看到這,相信大家對 HSB 的同類色配色有了相應的了解。但是記數值還是覺得太麻煩了,有沒有更簡單的方式呢?別急我們接下來看。
03. 用圖層模式快速打造配色方案
圖層疊加大家都了解,這裡我就不做更多表述了,那怎麼把它運用在配色方案裡呢?
首先,最簡單粗暴的方法就是在確定了一個顏色之後,把它複製出N份。在純黑和純白的底上,做不透明度的變化。如圖:
相較於 HSB 這個方法,會更直觀的讓你進行色彩選擇。也能快得到效果,你不必糾結,飽和度、亮度該增加多少減去多少。上去就是一頓不透明度調整,快速達到自己想要的效果。
04. 總結
配色的方法不止這一種,每個人都有自己習慣的方式。數值的設置也不用太死板,不同的情況調整的數值也不一樣。在本文中只探討了在固定的色值基礎上的顏色變化。