2018-10-10 資深UI設(shè)計者
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
當我們看到一件設(shè)計作品的時候，映入眼簾的先是配色，然后才是其他的內(nèi)容，配色的好壞，直接決定了我們對這個作品的第一印象。
當然，選中一個合適的配色絕不是一個偶然的事兒，這其實是一項系統(tǒng)的工作，只有知己知彼，把色彩研究透了，才能運用的得心應(yīng)手。
以下幾個方面也許就是經(jīng)常困擾你的點：
接下來，我會分幾個部分，來聊一聊色彩及配色。
1. 色彩理論
開始理解色彩，必然要提到色彩三要素，色相、純度、明度，這是最基本的概念，我就簡單的以三張圖概括下：
色相：指的就是紅色、綠色這些色調(diào)的稱呼。
純度：指色彩的鮮明程度。
明度：指色彩的明亮程度。
而色相又大體上可以分為冷色系和暖色系。
在進行配色實踐之前，關(guān)于色彩本身的理解十分重要，在理解色彩獨特的性質(zhì)之后，才能進一步學(xué)習(xí)更有效的配色設(shè)計技巧。
點綴我們生活的各種色彩，都具有影響人類心理、情緒、感覺的力量，下面展開介紹一些代表性的色彩印象。
1. 紅色
紅色既有積極的一面，也有消極的一面，在考慮如何用其他顏色去搭配紅色之前，先想想想要紅色在整個作品中表現(xiàn)什么？
屬于紅色的關(guān)鍵詞有：熱情、興奮、能量、愛、華麗的、輝煌的、生命力、主動性、活力、激情、辛辣的、炙熱的；憤怒、危險、攻擊性的、暴力性的、嫉妒、壓力、壓迫感、刺激的等等。
如果想要表現(xiàn)紅色積極性的一面，最好使用泛黃的大紅色或者明度較高的粉紅色系的顏色。泛黃的紅色比100%紅色更能夠表達溫暖的感覺，而在粉紅色系中，泛黃的暖粉紅色比泛紫的冷粉紅色更能傳達出積極的印象。
相反，如果想要表現(xiàn)紅色消極性的一面，使用泛紫的紅色比較好。紅色和紫紅色中間的色系給人冷淡、不自然的感覺。這些色彩的明度越低，越給人不自然的和消極的形象。
下面舉幾個紅色配色的案例。
上面這幅作品，設(shè)計師想要傳達出「危險」「壓迫感」的情感信息，塑造一個難民的形象，整個配色以紅黑搭配，更顯深沉。
紅色也有著「華麗感」和「刺激感」，大面積的紅色做為底色，凸顯出畫面中的人物形象，很好的詮釋優(yōu)雅和成熟。
2. 橙色
每種顏色都會有某種情感偏向，而橙色的情感是非常曖昧的，這種曖昧感使得它比紅色更加溫和，比黃色更加老練，即它有一種中性的魅力。
屬于橙色的關(guān)鍵詞有：活躍、溫暖的、喜悅、開朗的、朝氣蓬勃的、明快的、躍動的、親近的、豐收、健康的、輕快的、明朗的、樸素的、安心的、溫和的；任性的、歇斯底里的、嘈雜的、廉價的等等。
同屬于橙色系的色彩，實際上給人的印象是完全不同的。鮮明的橙色富于年輕感，而偏褐色的橙色更具有復(fù)古感。
下面舉幾個橙色配色的案例。
以大面積的橙色做為底色，搭配高飽和度的黃色，這些色彩的「溫度」都很高，很好的表現(xiàn)出了橙色「朝氣蓬勃」的感覺。
將橙色的明度適當降低，搭配上「厚重」的紅褐色，很好的展現(xiàn)除了橙色鮮明的個性。
飽和度高的色彩難免會表現(xiàn)出「廉價」的氣息，畫面中的橙色、黃色、藍色、紫色，飽和度都偏高，很好的展現(xiàn)了作品的「銷售屬性」。
3. 黃色
誰都無法否定黃色帶來的溫暖，因為它就是太陽發(fā)出的光，黃色就是光，它也被稱為「光之色彩」。而作為光的顏色，黃色可以作為挽救黯淡色調(diào)的救世主，賦予畫面更多活力。
屬于黃色的關(guān)鍵詞有：明亮的、集中精神的、健康的、幽默的、希望、開放感、未來、寬厚的、輕快的、幸福、純潔、明快、知識、權(quán)威、非正式的、可愛的、繁華的；幼稚、不成熟、警戒等等。
泛橙色的黃色比原色黃更能營造柔和溫暖的氛圍，這種平和積極的印象更能表現(xiàn)親切多情的感覺。
泛綠的黃色偏冷，給人感覺冷漠。在原黃中加入白色和黑色的話，黃色本身的明亮的光感和暖意就會消失，變成偏冷的色彩。
下面舉幾個黃色配色的案例。
黃色的最「暖」的顏色，它很好的體現(xiàn)了色彩的「輕快感」，采用黃色為主色調(diào)，使得整個畫面都「明亮起來」了。
這是一個以黃色為主，黑色為點睛色的配色，使用黃色超強的表現(xiàn)力，和黑色這種冷色搭配表現(xiàn)出「強烈刺激」的對比。
黃色同時也是小朋友最喜愛的顏色之一，高明度的配色，整體呈現(xiàn)出「可愛」和「童稚」的感覺。
4. 綠色
綠色作為大自然的主旋律，能帶給人安寧舒適、生機勃勃的感覺。同時，綠色也是一種存在感極強的顏色，雖然是最為普遍的存在，但也是很難和其他的顏色搭配。
屬于綠色的關(guān)鍵詞有：自然、和諧、平衡、健康的、和平、治療、新鮮、安逸、安心、安定、和煦的、誠實的、樸素的、放松的、年輕的、平等、公平、安全；不成熟、帶有鄉(xiāng)土氣息的等等。
自然界的綠色是多種多樣的，雖然看上去都是綠色，卻可以有青蔥的嫩綠，松針的草綠，清亮深邃的青綠色，落葉的橄欖綠等。這些顏色各有各的感覺。
下面舉幾個綠色配色的案例。
綠色是最「自然」的顏色，會讓人不禁想起田園和植物，綠色和藍色的搭配，沒有強烈的對比感，倒顯得畫面更加「樸素」。
綠色搭配黑白灰，毫無異議的顯得干凈利落，上圖中的綠色作為點睛色，平衡了黑白的單調(diào)，而這里的白色和綠色都趨向于輕薄，因此需要用深黑，以加強色彩的力量感。
綠色與偏暖的黃色搭配時，重要的是要強調(diào)兩者之中的一個，在上圖中的主色為綠色，點睛色為黃色，突出強調(diào)作品中的畫面感。綠色的飽和度較低，與部分黃色相得益彰地變?yōu)榱吮尘?，輔助突出了點睛色。
5. 藍色
在很多最愛顏色的民意調(diào)查中，藍色都是最受大家喜歡的顏色。藍色的原始記憶來自天空的廣闊和大海的深邃。它有涼爽、神秘和寂靜的感覺，同時又能塑造出特別的親和力。
屬于藍色的關(guān)鍵詞有：穩(wěn)重、鎮(zhèn)靜、冷靜、爽快、清爽、清涼感、信賴感、沉著、知識性、清潔的、成功的、男性的、理性、誠實；憂郁、孤獨、荒涼、悲傷的、保守的、消極的等等。
如果要強調(diào)藍色的積極印象，越貼近綠色的藍色越好。但是，即便純度較低，明度高的藍色也能表現(xiàn)出明朗和積極的氛圍。
下面舉幾個藍色配色的案例。
提起夏天，我猜你想到的肯定是藍天、大海，明度稍高的天藍色，搭配深藍色，充分體現(xiàn)了夏天的「爽快」與「清涼感」。
同時，藍色也是極具商務(wù)個性的顏色，很多企業(yè)都選擇藍色做為品牌色，它也代表著「信賴感」和「成功」。
「藍色是憂郁的」，靜謐的夜晚，帶來「孤獨」與「荒涼」。
6. 紫色
在商業(yè)設(shè)計中，紫色被認為是一種優(yōu)雅高檔的色彩，常用于表現(xiàn)商品的奢華和高貴，同時也是很多藝術(shù)家喜愛的顏色。
屬于紫色的關(guān)鍵詞有：高貴、典雅、高尚、優(yōu)美、風(fēng)度、尊嚴、干練、神秘、秘密、心性、性感的、豪華的、華麗的、改觀的；不安的、悲傷、孤獨、嫉妒、自負、不健康、病弱等等。
紫色帶有暗色的特質(zhì)，所以明度稍微低一點就容易給人以沉悶的感覺。因此，紫色在與其他色彩配色時，盡量選擇明度較高的紫色。
下面舉幾個紫色配色的案例。
紫色是「神秘」的，紫色本身是「冷暗」的顏色，所以與純度高的色彩配色會強化紫色的冷暗感。
要用紫色來表現(xiàn)優(yōu)雅、高貴等積極印象時，要特別注意純度的把握。這種情況下，低純度的暗紫色比高純度的亮紫色更能傳達積極的印象。
紫色靠近藍色，所以紫色也有帶有「孤獨」和「悲傷」的調(diào)性，藍紫色系的紫色更容易傳達消極的感覺。
7. 白色
提起白色首先想到的純潔，給人干凈的感覺，它不會有強烈的個性，但是白色是永遠的流行色。
屬于白色的關(guān)鍵詞有：清潔、純凈、清澈、正義、善良、和平、凈化、誠實、勝利、真實、簡約；空虛、變幻無常的、孤獨、失敗、離別、死亡、寒冷。
無印良品的產(chǎn)品一直注重「純樸」、「簡潔」、「環(huán)?！?、以人為本等理念，在包裝與產(chǎn)品設(shè)計上皆無品牌標注，但是卻讓人牢牢的記住了它。
大面積的白色顯得「空虛」，加上藍色的點綴，畫面更顯得「孤獨」和「寒冷」，將白色的負面情緒表現(xiàn)的更淋漓盡致。
8. 黑色
當所有的光線都被吸收了，感覺就是黑色， 是一種具有多種不同文化意義的顏色，和白色一樣也是永不過時的顏色。
屬于黑色的關(guān)鍵詞有：嚴肅、厚重、威嚴、神秘、高級感、充實、富裕、正式的、時髦的、硬的、重的；收縮、黑暗的、陰郁、邪惡、黑夜、恐怖、壓抑、絕望、死亡、自卑、不安。
在畫面中以黑灰色為底色，加上磨砂質(zhì)感，突出了自行車的「高級感」。
黑色的背景加上壓暗的人物形象，一種「力量感」油然而生，人物的形象也是凸顯了整體畫面的氛圍。
顏色無所謂美丑，我們對于顏色的判斷完全是一種主觀的經(jīng)驗，這個作品配色的好壞，并不是取決于這個顏色的好不好看，而是這個顏色適合不適合這個作品要傳達的意境。
我們必須摒棄舊有的對顏色的判斷，排除自身受到的社會文化的觀念影響，從一個全新的眼光來研究色彩。只有在充分了解每一種顏色的色彩印象，才能消除你對配色的迷惑與不安。
藍藍設(shè)計( www.teruid.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。
藍藍設(shè)計的小編 http://www.teruid.com