劃重點——色彩在UI設計中的實際應用

關於零基礎來誠築說進行UI設計培訓的同學，在課上交給大家設計技巧的之外，關於色彩培訓而等方面。大家可以看看相關設計書籍或者特別棒的設計案例，有利於系統系統地理解，

在此我們通過設計的對比和配色告訴大家在工作中，色彩的配置和色標使用；下面誠築說小編介紹一些色彩在實際使用中的步驟；

第一步、整體色調 如果我們用暖色系列來做我們的整體色調則會呈現出溫暖的感覺，反之亦然。如果用暖色和純度高的色作為整體色調則給人以火熱刺激的感覺，以冷色和純度低的色為主色調則讓人感到清冷、平靜的感覺。

以明度高的色為主則亮麗，而且變得輕快，以明度低的色為主則顯得比較莊重、肅穆。 取對比的色相和明度則活潑，取類似、同一色系則感到穩健。色相數多則會華麗，少則淡雅、清新。 以上幾點整體色調的選擇要根據我們所要表達的內容來決定。

第二步、配色的平衡 顏色的平衡就是顏色的強弱、輕重、濃淡這種關係的平衡。

這些元素在感覺上會左右顏色的平衡關係。因此，即使相同的配色，也將會根據圖形的形狀和面積的大小來決定成為調和色或不調和色。一般同類色配色比較容易平衡。處於補色關係且明度也相似的純色配色

第三步、漸變色的調和 2色或2個以上的色不調和時，在其中間插入階梯變化的幾個色，就可以使之調和。

色環的漸變：色相的漸變象色環一樣，在紅、黃、綠、蘭、紫等色相之間配以中間色，就可以得到漸變的變化。明度的漸變：從明色到暗色階梯的變化。 純度的漸變：從純色到濁色或到黑色的階梯變化。根據色相、明度、純度組合的漸變，把各種各樣的變化作為漸變的處理，從而構成複雜的效果。這些漸變色都是調和的。（漸變色最近很流行）

第四步、在配色方面的統調 所謂統調，即為了多色配合的整體統一而用一個色調支配全體，將這個色叫做統調色，也就是支配色調。色相統調是在各色中加入相同的色相，而使整體色調統一在一個色系當中。從而達到調和。明度統調是加白色或黑色，以使全體色調的明度相似。

這樣也可以達到調和。 純度統調是加灰色，以使全體色調的純度相似

第五步、在配色方面的分割 2個色如果互相處於對立關係是對比的，具有過分強烈的效果，成為不調和色。為了調節它們，在這些色中用其它色把它們劃分開來，即分割。將用於分割的色叫做分割色。由於分割的目的，可以用於分割色的顏色不多，最常用的是白、灰、黑。金色和銀色也具有分割的效果。

總結：關於色彩方面除了很多硬道理狠知識之外，更多的是要自己去練習配色，除了UI設計需要之外，連很多電影的截圖配色也是很美的享受，更多關於UI設計的知識歡迎大家來誠築說討論學習。（插圖均為誠築說學員作品）

總結：關於色彩方面除了很多硬道理狠知識之外，更多的是要自己去練習配色，除了UI設計需要之外，連很多電影的截圖配色也是很美的享受，更多關於UI設計的知識歡迎大家來誠築說討論學習。（插圖均為誠築說學員作品）