·寫在前面
一說到配色，對于新手或者小白設計師來說這個是最難的，排版可以參考別人的，就是這個顏色參考別人的也不一定能夠做好，為什么呢？主要是因為很多設計師不是美術專業(yè)出身，對顏色接觸的少理解的少，沒有辦法自由的運用。
當然就算是專業(yè)的美術生也不一定對顏色理解的非常透徹，這里面包含的東西太多了，今天我們主要說的就是配色，而且是單色配色，就是一種顏色利用不一樣的明度和飽和度來做整個頁面的配色方案，說白了就是色相不變，調整飽和度和明度。

這種配色方式對我們有什么好處呢？
當我們掌握了單色的配色方案，你對顏色的敏感度就會提升，對單個顏色的把控也會提升，當我們對單獨的一個顏色掌握了，再去組合使用也就會更方便一些了。抓緊時間來看看吧。

單色配色方案在設計中使用單一基色，但在設計調色板中包含主色調的各種色調。

這創(chuàng)造了一個非常大膽、戲劇性的外觀，同時仍然相對柔軟和優(yōu)雅。

當你在設計中使用單色調調色板時，很容易在設計中營造和諧與平衡的感覺。

為什么要使用單色配色方案？

通過以這種方式限制你的調色板，你甚至可以敞開心扉接受在設計中使用顏色的新穎而有效的方式。

以其專注于顏色匹配和對比，你可以專注于你的創(chuàng)造和有趣的小細節(jié)，這些細節(jié)賦予你的設計獨特的品質。

它消除了因為顏色選擇過多而帶來的難度和“顏色混亂”。

如果將單色配色方案應用于整個設計，則可以創(chuàng)建從一種設計到另一種設計的平衡變化。

單色被視為最簡單的配色方案之一，因此它們是新手設計師的熱門選擇。你可以只用一種顏色來傳達一個重要的信息。

創(chuàng)建單色配色方案的簡單方法：

第一步：選擇任何一個顏色

我只選擇這個顏色“#564094”。因為我經常使用它。我們將它改成HSB，代表色相、飽和度和亮度。

第二步：復制10份主色

只需要復制粘貼相同的顏色10次即可，我們就可以制作出完美的單色配色方案。

第三步：更改亮度值

十六進制的顏色代碼是“#564094，HSB的顏色代碼是“256、57、58”。現(xiàn)在，我們正在創(chuàng)建一組差異為10的B值。從8到98 。H&S保持不變。

這個差異值可以是任何數(shù)字，不僅僅局限于10，也可以是任何點的開始或結束。

第四步：相應的選擇顏色

根據制作單色調色板選擇3-4種顏色。我選擇下面這幾種：“#291F47”、“#7356C7”、“#916CFA”。

如何運用單色配色方案？

可以使用我們在前幾篇文章中提到的（60/30/10規(guī)則）

這種流行的設計技巧是保持界面平衡的好方法。這個公式規(guī)定你網站的60% 的應用由你的主色調組成，30%的應該是你的輔助色，剩下的10%應該是你的強調色。

堅持使用這個公式將使眼睛從一個焦點舒適地移動到下一個焦點。

在舉一個例子

選擇顏色時“#E08938”并使用B值變化來創(chuàng)建不同的陰影。

60/30/10 規(guī)則：

最后一個例子：

選擇的顏色是“#214721”并使用 B 值變化創(chuàng)建不同的陰影。

60/30/10 規(guī)則：

·總結

好了我們總結一下，本篇文章主要說的是單色配色，從如何創(chuàng)建、如何使用講起。
如何創(chuàng)建：

• 選擇任何一個顏色

• 復制10份

• 更改亮度值

• 相應的選擇顏色
  

如何運用：記住：60/30/10原則


·寫在后面
各位剛入行的設計師，關于前期的配色方案，我現(xiàn)在只能幫你到這里了，為什么這么說呢？主要還是因為過多的顏色搭配會導致你使用顏色混亂，剛開始可以嘗試用一種顏色通過調整B的值，也就是亮度的值來匹配相對應的顏色，記住一定要設定顏色之間的差異值哦，這個值是自己來定的。通過你想要的效果從這些顏色中選擇相對應的顏色，利用60/30/10的原則去搭配，經過日積月累的嘗試，我相信未來不管是平面設計、網頁設計還是UI設計的界面顏色搭配你都能夠運用自如。各位，加油??！? ? ? ? ? ? ? ?

本文轉載自 術心公眾號 僅供個人學習使用