兩個簡單實用的配色技巧分享

最近比較忙，一直沒有時間給大家跟新新的文章，剛好今天有空，給大家分享兩個比較簡單實用的配色技巧；學完即可上手，現學現用。

一、疊柔法

在平時配色中，有一種我們比較常用的對比方法，便是明暗對比；深色對比淺色、漸變（線性漸變增加顏色過渡光感，徑向漸變有聚攏視線的感覺）；但往往大家都不是很好去搭配這兩種顏色；而疊柔法就可以很好的處理這個問題。

首先什麼是疊柔法？

三個關鍵詞：疊加、柔和、透明度

如果有同學還不知道這三個在哪裡；看下圖

疊柔法配色的原理如下：用純白色（#ffffff）和純黑色（#000000）通過「疊加」和「柔光」的混合模式（效果類似調整飽和度和明度），在任意一個色彩上得到最匹配的顏色（然後通過調整透明度選取最適合的輔色）。

例如：黑白漸變+單色 柔光模式

效果如下：

如果需要效果更強，則可以用疊加模式。疊柔法調色的優點在於可以通過漸變來使顏色過渡更加自然；同時通過光線疊加的方式改變顏色明度從而改變對比度；不會對色相產生影響。

二、色相環配色

第二種配色技巧說的是對於色相環配的的應用，我們之前在課上有講過通過色相環來配色，這裡先回顧一下。

色相環

鄰近色搭配

色相環上90°以內的顏色，稱之為鄰近色；如紅、橙、紅橙色；此種搭配畫面對比度較弱，顏色和諧。

間隔色搭配

色相環上相距120°的兩個顏色；如 紅黃、黃綠、綠藍等；此種搭配相比於鄰近色對比更強，但比之互補色會弱很多。

互補色搭配

色相環上相距180°的兩個顏色；如紅綠、黃紫；此種搭配對比度特彆強，所以一般需要進行調和處理，比較統一色調；或者加入黑白。

好，以上只是回顧知識點，接下來劃重點；有同學會發現再知道這些配色方法以後依然不會用；什麼時候用鄰近色？什麼時候用間隔色？一個成熟的作品如網頁；最少會使用5中配色左右，包括主色、次色、副色等等，這又該如何搭配？

接下來就是我們的第二點技巧了

一個作品的層次一般是這樣的：

① 標題

② 產品

③ 副標題

④ 活動詳情

⑤ 背景圖案

重要性以此類推！

而我們配色技巧是這樣的：

對於最重要的：用強烈的色相對比（互補色或者間隔色）

對於第二重要的：用稍弱的色相對比（相似色或者鄰近色）

對於第三重要的：用明暗對比或者同色系

如下圖：

好了，以上便是給本期給大家帶來的兩個簡單技巧；希望對大家有所幫助。如果有問題大家可以留言或者私信提出，想要了解更多更有趣的設計技巧或者IT資訊，敬請持續關注公眾號推送。

撒花~

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！