甲方竟敢說(shuō)你的配色丑! 我來(lái)教你懟回去

2018-10-10    資深UI設(shè)計(jì)者


如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

當(dāng)我們看到一件設(shè)計(jì)作品的時(shí)候,映入眼簾的先是配色,然后才是其他的內(nèi)容,配色的好壞,直接決定了我們對(duì)這個(gè)作品的第一印象。


當(dāng)然,選中一個(gè)合適的配色絕不是一個(gè)偶然的事兒,這其實(shí)是一項(xiàng)系統(tǒng)的工作,只有知己知彼,把色彩研究透了,才能運(yùn)用的得心應(yīng)手。

以下幾個(gè)方面也許就是經(jīng)常困擾你的點(diǎn):

  • 想要表達(dá)的設(shè)計(jì)思想不知道怎么去選取合適的色彩;
  • 缺少對(duì)色彩全面的認(rèn)識(shí);
  • 對(duì)配色沒(méi)有一個(gè)系統(tǒng)的搭配方法;
  • 不懂得如何提高對(duì)色彩的敏感度。

接下來(lái),我會(huì)分幾個(gè)部分,來(lái)聊一聊色彩及配色。

一、認(rèn)識(shí)色彩

1. 色彩理論

開始理解色彩,必然要提到色彩三要素,色相、純度、明度,這是最基本的概念,我就簡(jiǎn)單的以三張圖概括下:

色相:指的就是紅色、綠色這些色調(diào)的稱呼。

純度:指色彩的鮮明程度。

明度:指色彩的明亮程度。

而色相又大體上可以分為冷色系和暖色系。

二、色彩印象

在進(jìn)行配色實(shí)踐之前,關(guān)于色彩本身的理解十分重要,在理解色彩獨(dú)特的性質(zhì)之后,才能進(jìn)一步學(xué)習(xí)更有效的配色設(shè)計(jì)技巧。

點(diǎn)綴我們生活的各種色彩,都具有影響人類心理、情緒、感覺(jué)的力量,下面展開介紹一些代表性的色彩印象。

1. 紅色

紅色既有積極的一面,也有消極的一面,在考慮如何用其他顏色去搭配紅色之前,先想想想要紅色在整個(gè)作品中表現(xiàn)什么?

屬于紅色的關(guān)鍵詞有:熱情、興奮、能量、愛(ài)、華麗的、輝煌的、生命力、主動(dòng)性、活力、激情、辛辣的、炙熱的;憤怒、危險(xiǎn)、攻擊性的、暴力性的、嫉妒、壓力、壓迫感、刺激的等等。

如果想要表現(xiàn)紅色積極性的一面,最好使用泛黃的大紅色或者明度較高的粉紅色系的顏色。泛黃的紅色比100%紅色更能夠表達(dá)溫暖的感覺(jué),而在粉紅色系中,泛黃的暖粉紅色比泛紫的冷粉紅色更能傳達(dá)出積極的印象。

相反,如果想要表現(xiàn)紅色消極性的一面,使用泛紫的紅色比較好。紅色和紫紅色中間的色系給人冷淡、不自然的感覺(jué)。這些色彩的明度越低,越給人不自然的和消極的形象。

下面舉幾個(gè)紅色配色的案例。

上面這幅作品,設(shè)計(jì)師想要傳達(dá)出「危險(xiǎn)」「壓迫感」的情感信息,塑造一個(gè)難民的形象,整個(gè)配色以紅黑搭配,更顯深沉。

紅色也有著「華麗感」和「刺激感」,大面積的紅色做為底色,凸顯出畫面中的人物形象,很好的詮釋優(yōu)雅和成熟。

2. 橙色

每種顏色都會(huì)有某種情感偏向,而橙色的情感是非常曖昧的,這種曖昧感使得它比紅色更加溫和,比黃色更加老練,即它有一種中性的魅力。

屬于橙色的關(guān)鍵詞有:活躍、溫暖的、喜悅、開朗的、朝氣蓬勃的、明快的、躍動(dòng)的、親近的、豐收、健康的、輕快的、明朗的、樸素的、安心的、溫和的;任性的、歇斯底里的、嘈雜的、廉價(jià)的等等。

同屬于橙色系的色彩,實(shí)際上給人的印象是完全不同的。鮮明的橙色富于年輕感,而偏褐色的橙色更具有復(fù)古感。

下面舉幾個(gè)橙色配色的案例。

以大面積的橙色做為底色,搭配高飽和度的黃色,這些色彩的「溫度」都很高,很好的表現(xiàn)出了橙色「朝氣蓬勃」的感覺(jué)。

將橙色的明度適當(dāng)降低,搭配上「厚重」的紅褐色,很好的展現(xiàn)除了橙色鮮明的個(gè)性。

飽和度高的色彩難免會(huì)表現(xiàn)出「廉價(jià)」的氣息,畫面中的橙色、黃色、藍(lán)色、紫色,飽和度都偏高,很好的展現(xiàn)了作品的「銷售屬性」。

3. 黃色

誰(shuí)都無(wú)法否定黃色帶來(lái)的溫暖,因?yàn)樗褪翘?yáng)發(fā)出的光,黃色就是光,它也被稱為「光之色彩」。而作為光的顏色,黃色可以作為挽救黯淡色調(diào)的救世主,賦予畫面更多活力。

屬于黃色的關(guān)鍵詞有:明亮的、集中精神的、健康的、幽默的、希望、開放感、未來(lái)、寬厚的、輕快的、幸福、純潔、明快、知識(shí)、權(quán)威、非正式的、可愛(ài)的、繁華的;幼稚、不成熟、警戒等等。

泛橙色的黃色比原色黃更能營(yíng)造柔和溫暖的氛圍,這種平和積極的印象更能表現(xiàn)親切多情的感覺(jué)。

泛綠的黃色偏冷,給人感覺(jué)冷漠。在原黃中加入白色和黑色的話,黃色本身的明亮的光感和暖意就會(huì)消失,變成偏冷的色彩。

下面舉幾個(gè)黃色配色的案例。

黃色的最「暖」的顏色,它很好的體現(xiàn)了色彩的「輕快感」,采用黃色為主色調(diào),使得整個(gè)畫面都「明亮起來(lái)」了。

這是一個(gè)以黃色為主,黑色為點(diǎn)睛色的配色,使用黃色超強(qiáng)的表現(xiàn)力,和黑色這種冷色搭配表現(xiàn)出「強(qiáng)烈刺激」的對(duì)比。

黃色同時(shí)也是小朋友最喜愛(ài)的顏色之一,高明度的配色,整體呈現(xiàn)出「可愛(ài)」和「童稚」的感覺(jué)。

4. 綠色

綠色作為大自然的主旋律,能帶給人安寧舒適、生機(jī)勃勃的感覺(jué)。同時(shí),綠色也是一種存在感極強(qiáng)的顏色,雖然是最為普遍的存在,但也是很難和其他的顏色搭配。

屬于綠色的關(guān)鍵詞有:自然、和諧、平衡、健康的、和平、治療、新鮮、安逸、安心、安定、和煦的、誠(chéng)實(shí)的、樸素的、放松的、年輕的、平等、公平、安全;不成熟、帶有鄉(xiāng)土氣息的等等。

自然界的綠色是多種多樣的,雖然看上去都是綠色,卻可以有青蔥的嫩綠,松針的草綠,清亮深邃的青綠色,落葉的橄欖綠等。這些顏色各有各的感覺(jué)。

下面舉幾個(gè)綠色配色的案例。

綠色是最「自然」的顏色,會(huì)讓人不禁想起田園和植物,綠色和藍(lán)色的搭配,沒(méi)有強(qiáng)烈的對(duì)比感,倒顯得畫面更加「樸素」。

綠色搭配黑白灰,毫無(wú)異議的顯得干凈利落,上圖中的綠色作為點(diǎn)睛色,平衡了黑白的單調(diào),而這里的白色和綠色都趨向于輕薄,因此需要用深黑,以加強(qiáng)色彩的力量感。

綠色與偏暖的黃色搭配時(shí),重要的是要強(qiáng)調(diào)兩者之中的一個(gè),在上圖中的主色為綠色,點(diǎn)睛色為黃色,突出強(qiáng)調(diào)作品中的畫面感。綠色的飽和度較低,與部分黃色相得益彰地變?yōu)榱吮尘埃o助突出了點(diǎn)睛色。

5. 藍(lán)色

在很多最愛(ài)顏色的民意調(diào)查中,藍(lán)色都是最受大家喜歡的顏色。藍(lán)色的原始記憶來(lái)自天空的廣闊和大海的深邃。它有涼爽、神秘和寂靜的感覺(jué),同時(shí)又能塑造出特別的親和力。

屬于藍(lán)色的關(guān)鍵詞有:穩(wěn)重、鎮(zhèn)靜、冷靜、爽快、清爽、清涼感、信賴感、沉著、知識(shí)性、清潔的、成功的、男性的、理性、誠(chéng)實(shí);憂郁、孤獨(dú)、荒涼、悲傷的、保守的、消極的等等。

如果要強(qiáng)調(diào)藍(lán)色的積極印象,越貼近綠色的藍(lán)色越好。但是,即便純度較低,明度高的藍(lán)色也能表現(xiàn)出明朗和積極的氛圍。

下面舉幾個(gè)藍(lán)色配色的案例。

提起夏天,我猜你想到的肯定是藍(lán)天、大海,明度稍高的天藍(lán)色,搭配深藍(lán)色,充分體現(xiàn)了夏天的「爽快」與「清涼感」。

同時(shí),藍(lán)色也是極具商務(wù)個(gè)性的顏色,很多企業(yè)都選擇藍(lán)色做為品牌色,它也代表著「信賴感」和「成功」。

「藍(lán)色是憂郁的」,靜謐的夜晚,帶來(lái)「孤獨(dú)」與「荒涼」。

6. 紫色

在商業(yè)設(shè)計(jì)中,紫色被認(rèn)為是一種優(yōu)雅高檔的色彩,常用于表現(xiàn)商品的奢華和高貴,同時(shí)也是很多藝術(shù)家喜愛(ài)的顏色。

屬于紫色的關(guān)鍵詞有:高貴、典雅、高尚、優(yōu)美、風(fēng)度、尊嚴(yán)、干練、神秘、秘密、心性、性感的、豪華的、華麗的、改觀的;不安的、悲傷、孤獨(dú)、嫉妒、自負(fù)、不健康、病弱等等。

紫色帶有暗色的特質(zhì),所以明度稍微低一點(diǎn)就容易給人以沉悶的感覺(jué)。因此,紫色在與其他色彩配色時(shí),盡量選擇明度較高的紫色。

下面舉幾個(gè)紫色配色的案例。

紫色是「神秘」的,紫色本身是「冷暗」的顏色,所以與純度高的色彩配色會(huì)強(qiáng)化紫色的冷暗感。

要用紫色來(lái)表現(xiàn)優(yōu)雅、高貴等積極印象時(shí),要特別注意純度的把握。這種情況下,低純度的暗紫色比高純度的亮紫色更能傳達(dá)積極的印象。

紫色靠近藍(lán)色,所以紫色也有帶有「孤獨(dú)」和「悲傷」的調(diào)性,藍(lán)紫色系的紫色更容易傳達(dá)消極的感覺(jué)。

7. 白色

提起白色首先想到的純潔,給人干凈的感覺(jué),它不會(huì)有強(qiáng)烈的個(gè)性,但是白色是永遠(yuǎn)的流行色。

屬于白色的關(guān)鍵詞有:清潔、純凈、清澈、正義、善良、和平、凈化、誠(chéng)實(shí)、勝利、真實(shí)、簡(jiǎn)約;空虛、變幻無(wú)常的、孤獨(dú)、失敗、離別、死亡、寒冷。

無(wú)印良品的產(chǎn)品一直注重「純樸」、「簡(jiǎn)潔」、「環(huán)?!埂⒁匀藶楸镜壤砟?,在包裝與產(chǎn)品設(shè)計(jì)上皆無(wú)品牌標(biāo)注,但是卻讓人牢牢的記住了它。

大面積的白色顯得「空虛」,加上藍(lán)色的點(diǎn)綴,畫面更顯得「孤獨(dú)」和「寒冷」,將白色的負(fù)面情緒表現(xiàn)的更淋漓盡致。

8. 黑色

當(dāng)所有的光線都被吸收了,感覺(jué)就是黑色, 是一種具有多種不同文化意義的顏色,和白色一樣也是永不過(guò)時(shí)的顏色。

屬于黑色的關(guān)鍵詞有:嚴(yán)肅、厚重、威嚴(yán)、神秘、高級(jí)感、充實(shí)、富裕、正式的、時(shí)髦的、硬的、重的;收縮、黑暗的、陰郁、邪惡、黑夜、恐怖、壓抑、絕望、死亡、自卑、不安。

在畫面中以黑灰色為底色,加上磨砂質(zhì)感,突出了自行車的「高級(jí)感」。

黑色的背景加上壓暗的人物形象,一種「力量感」油然而生,人物的形象也是凸顯了整體畫面的氛圍。

總結(jié)

顏色無(wú)所謂美丑,我們對(duì)于顏色的判斷完全是一種主觀的經(jīng)驗(yàn),這個(gè)作品配色的好壞,并不是取決于這個(gè)顏色的好不好看,而是這個(gè)顏色適合不適合這個(gè)作品要傳達(dá)的意境。

我們必須摒棄舊有的對(duì)顏色的判斷,排除自身受到的社會(huì)文化的觀念影響,從一個(gè)全新的眼光來(lái)研究色彩。只有在充分了解每一種顏色的色彩印象,才能消除你對(duì)配色的迷惑與不安。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì)  cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。


分享本文至:

日歷

鏈接

個(gè)人資料

存檔