海門UI設計培訓 UI設計配色必須知道的八個問題

海門UI設計培訓 UI設計配色必須知道的八個問題

海門UI設計培訓 UI設計配色必須知道的八個問題

【學校地址】海門市解放大道中段貴都之星8幢5樓7樓（利群時代東）

【咨詢熱線】周老師

【其它說明】利群時代肯德基往東走20米進電梯上七樓

本節(jié)教程為一起學設計的朋友們分享想要學好配色必須知道的八個問題??！

配色的文章并不少，有的是關于趨勢，有的則探討技巧。那么要搞定一整套的配色方案，從頭到尾應當注意哪些問題，又該擁有怎樣的思路呢？今天的文章，就幫你解決這個問題。

不論是品牌設計還是網站設計，配色都是其中最關鍵也是有挑戰(zhàn)性的組成部分。完美的配色方案并不是隨便挑兩個色彩就可以投入使用，實際上，的配色背后有許多實用的規(guī)則在做支撐。今天的文章就從九個方面來幫你做好的配色方案。

1、從色輪開始

我們從小就開始接觸色輪，但是看起來很簡單的色輪直到今天依然是設計師手中最實用的利器。色輪不僅僅是一系列色彩的簡單組合，它暗含色彩之間的關系和規(guī)律，可以幫你構思配色，確定色彩之間的搭配是否協(xié)調。

色輪中包含了原色、間色和復色：

·原色：紅色、黃色、藍色

·間色：綠色、紫色、橙色

·復色：天藍色、羅蘭紫、玫瑰紅、橘紅色、黃綠色等

三原色想必大家都了解，值得注意的是，間色通常指的是兩種原色混合而得出的色彩，所以它也叫第二次色。這樣一來，復色也容易理解了，它是兩種間色或者原色與間色呼喝而形成的色彩，所以它也有個名字叫做第三次色。

接下來的環(huán)節(jié)就很重要了：如何將色輪上的色彩合理的搭配到一起。

·相似色：色輪上相鄰的三種色彩搭配在一起

·互補色：色輪上來自不同兩邊完全相對的色彩是互補色

·分離互補色：挑選一種色彩，然后再在色輪左右兩側上挑選一組互補色加入進來

·雙互補色：這是最難創(chuàng)建的互補色，你需要挑選一個原色，然后在色輪上挑選兩對互補色與之進行搭配

·單色調：使用一種色彩和它的同色系色彩來搭配

·三色調：使用色輪上相互距離相同的三種色彩來搭配

絕大多數的配色工具會使用色輪來幫你挑選配色，相當省心。

2、黑色、白色和中性配色

挑選一兩個明亮的色彩并不足以支撐整個配色方案，那些經常被人忽視的色彩可能占據整個設計的色彩中的絕大部分，它們就是以黑和白為代表的中性色。

中性色為其他色彩搭建了表現的舞臺，讓他們展現性格營造氛圍。中性色更多的時候是在背景、細節(jié)上為整個項目營造出或冷或暖的氛圍，讓導航擁有更好的可用性，讓排版的可讀性更，視覺上具備良好的引導性。

3、色調和色彩

少有設計師直接在色輪上取色就直接拿來用的，因為絕大多數時候，配色是需要經過調整才能用的。這個時候，你就需要調整色彩、色度和色調這些屬性：

·色彩：顏色+白色

·色度：顏色+黑色

·色調：顏色+灰色/白色/黑色

這些調整方式能改變色彩的飽和度，讓你的配色方案變的不一樣。完成基礎的配色之后，通過改變色彩、色度和色調來擴充整個配色，這樣確保了配色中的顏色都處于同一系，有增加了配色的豐富度。

4、謹慎跟隨趨勢

如你所知，每年隔三差五都會出幾個"配色流行趨勢"，就像時尚圈中的"流行色"一樣。這些配色雖然看起來相當有意思，但是需要謹慎使用：如果要長期使用，可能并不那么好用。如果你真的想跟隨某個趨勢，經常使用，認真打磨，讓它成為你的配色方案列表中的一員。

一般情況下，你所創(chuàng)建的配色方案，應該是經得起時間考驗，能一次又一次使用的（色彩是品牌形象和品牌識別的根本）。所以，是將一系列真正"屬于你的"的配色方案，同時尚的趨勢結合起來，化的使用。

5、避免彩虹式配色

色彩的使用應該是有節(jié)制的。你的配色方案中并不需要5種甚至10種色彩同時存在，的配色方案通常只是2~4種色彩的搭配。

為什么？每個色彩在整個設計中都有它的作用，而每個色彩都應該有各自發(fā)揮的空間，并且被人所注意到。太多的色彩聚合到一起，就只是顏色而已。好的設計和配色方案會讓每種色彩具備它獨有的作用與角色，讓色彩各司其職，用戶也更容易融入到整個設計中來，也更容易同網站進行交互和溝通。

6、為文本元素單獨挑選色彩

當你思考色彩搭配的時候，文本元素應當使用什么樣的色彩是非常值得你思考的。除非文本色彩被固定死了只能是黑白灰，那么你應當考慮一下文本的配色問題。

文本的色彩牽涉到各種問題，從色彩的可讀性到頁面的可用性、菜單的易用性，不一而足。當然，最需要考慮的還是文本的可讀性的問題。文字需要在不同的背景下保持足夠的對比度來確保它可讀。一般而言，文本元素的用色可以是配色方案的一部分，也可以是單獨挑選的色彩。

7、結合內容考慮配色

的配色方案并不只是確保視覺上的一致性，會讓內容和色調情緒上保持一致，尤其是在網站上。

這個道理并不難理解。以自然為主題的網站可能會使用綠色和棕色，而銀行類的網站則大多使用讓人信任的色彩，比如藍色。網站有著怎樣的立意？它要展現什么樣的主題，傳達什么樣的情緒？在這樣的構思之下，可以幫你更好的建立配色方案。

8、堅持遵循配色方案

當你創(chuàng)造出一套的配色方案的時候，你會盡量將這個方案貫穿整個項目。這個時候，你應當建立一套規(guī)則，來確保整個配色能夠系統(tǒng)化地貫穿到整個項目當中。