做UI的你必須要知道的色彩搭配原則！

色彩是什麼？

色彩是透過眼、腦和我們的生活經驗所產生的一種對光的視覺效應。

色彩是能引起我們共同的審美愉悅的、最為敏感的形式要素。

色彩是最有表現力的要素之一，因為它的性質直接影響人們的感情。

分享一個我最愛的app介面設計—無印良品，沒什麼別的原因，主要就是因為簡潔、明瞭。看多了五顏六色花花綠綠的APP，對這種最純粹的設計，真的太喜歡啦！

首先它的首頁除了

加粗黑色“公告”“新到商品”

、正常黑色字型的產品名稱、藍色“檢視全部”、標誌圖案的灰色以及下圖示的紅色，就沒有其他顏色。黑色、灰色、藍色都是給人一種平靜、沉穩的感覺，而紅色是無印良品的主題色。

商品詳情頁面，除了商品本身的顏色，另外更加突出的顏色就是主題紅色，醒目明瞭。

結賬頁面除了應付金額以及“去付款”是主題紅色，其他延續的是之前的主頁、詳情頁顏色，整個風格都高度統一。使用者看到這麼單一的色彩會覺得乏味嗎？不會的！只會覺得和它本身的品牌風格“自然、簡潔、質樸”完美契合。

再看看它的品牌logo，紅底白字，色彩鮮明，非常好記。很多時候你會發現逛一圈無印良品的店面，什麼也沒有記住，但是它的品牌logo卻牢牢印在腦海裡（它的logo可能是整個店面顏色最鮮豔的地方了）。這就是一個品牌的高明之處——永遠在突出重點。

還有兩個APP也是大眾非常熟悉的，支付寶和網易雲。支付寶的主題色是藍色，藍色代表著安全穩定，這就是一個理財資金類APP想要給使用者宣傳的理念。網易雲的主題色是紅色，紅色代表著熱情、活潑、給人勇氣的，不僅會大大增加使用者去點選的頻率，而且你是否會因為聽到一首好聽的音樂而變得快樂起來？

所以UI設計師對品牌理念的理解程度，很能影響整個產品主基調色，這就需要設計師具備較高的色彩駕馭度。

在我看來沒有什麼特別好看的色彩搭配，因為在不同人的眼裡，喜好都是不一樣的，“正所謂人與人的悲歡並不相通，而我只覺得他們吵鬧。”所以掌握色彩的規範原則才是最重要，授人以魚不如授人以漁~

1、 三色搭配原則

上面說到的MUJI的主頁圖，醒目的紅色只是作為了點綴色。

一般飽和度高、顏色較深、大面積的、一眼望過去的佔據視覺中心的顏色為主色。

一般同類色、鄰近色或者互補色、對比色來作為副色

一般根據頁面所呈現的顏色，來新增點綴色。但是點綴色一定是要飽和度高的，這樣對整體頁面可以營造出獨特的風格，綻放不一樣的光芒。

2、 掌握顏色的性格

白色

象徵純潔、神聖、善良、信任與開放，是化繁為簡的主調色。

藍色

是最不會引起反感的顏色。明亮的天空藍，象徵希望、理想和獨立；暗沉的藍，意味著誠實、信賴和權威。正藍、寶藍在熱情中帶著堅定與智慧。

紅色

象徵熱情、性感、權威和自信，是一種能量充沛的色彩。但是也會給別人血腥、暴力的印象，容易造成心理壓力。

橙色

給人親切、坦率、開朗和健康的感覺，有陽光一般的熱情。

黃色

是明度極高的顏色，能刺激大腦與焦慮有關的區域，有警告的意味。同時象徵信心、聰明、希望、天真、浪漫和嬌嫩。

綠色

給人無限的安全感受，象徵自由和平、新鮮和舒適。黃綠色給人清新、有活力、快樂的感受；明度較低的草綠、墨綠和橄欖綠則給人沉穩、知性的印象。

黑色

象徵權威、高雅、低調、執著、冷漠和防禦。

灰色

象徵誠懇、沉穩、和考究。

3、 觀察自然

大自然永遠是世界上最優秀的色彩搭配師，當你在為配色發愁的時候，不妨隨手咔一張大自然，你就會發現很多問題，大自然早就給了你答案以及靈感。

一定要明白“色彩並不能為你的設計作品增添令人愉悅/舒適的質感——它的實際作用是強化了這種質感。”

學UI設計色彩，記得找阿多比設計學院噢~

文章首發在公主號：阿多比學院、阿多比設計學院