配色講究,立體感十足!
給人極強(qiáng)的沖擊感和空間感。
瑞典設(shè)計師Artur Tenczynski
深諳此道,功力深厚。
你有靈感了嗎?























#p#副標(biāo)題#e#

























來源:美工美邦

俄羅斯插畫師Valentin Tkach主要為雜志周刊等平面媒體創(chuàng)作插圖。所以他的作品經(jīng)常受到色彩的限制,但這絲毫沒有影響他作品的表現(xiàn)力,有時反而會更加突出細(xì)節(jié)的用心。切合主題的配圖,不僅為文章服務(wù),也有著單獨(dú)的藝術(shù)感。















#p#副標(biāo)題#e#















本案位于一座19世紀(jì)的公寓樓里,有著獨(dú)特的歷史意義,有著高高的天花板、大窗戶和獨(dú)特的空間。設(shè)計師在空間上盡可能融入現(xiàn)代潮流,創(chuàng)造出一種帶有懷舊氣息的精致。

餐廳的墻面是大面積的低飽和度綠色。整個空間看起來清新舒適。淺粉配色的地毯也是亮點(diǎn)之一。它中和了粉色沙發(fā)的甜美,整個空間顯得柔和動人。









紅色在可見光譜中波長最長,穿透力最強(qiáng),對視覺的影響力也最大,是最引人注目的色彩。在設(shè)計中,紅色可以主導(dǎo)整體色調(diào),也可以作為點(diǎn)綴出現(xiàn),它的表現(xiàn)力極強(qiáng),具有強(qiáng)烈的感染力。
很多著名的品牌都以紅色為形象色,如可口可樂公司在百年歷史發(fā)展中,他的標(biāo)志、包裝經(jīng)歷了數(shù)次更換,但它的標(biāo)準(zhǔn)色——紅色一直延續(xù)下來。熱情的“紅色”象征著激情、快樂、活力,詮釋出了可口可樂的品牌精神,向人們傳達(dá)出強(qiáng)烈的品牌效應(yīng)。














紅色是色彩設(shè)計中常用的顏色,它的注目性與美感,在設(shè)計用色中占了很重要的位置。紅色與其它顏色搭配時,由于純度高,往往成為矚目的中心。將其巧妙地應(yīng)用在設(shè)計作品之中,可以使設(shè)計作品產(chǎn)生許多意想不到的效果。
沒有一個色彩是獨(dú)立存在的,也沒有哪一種顏色本身是好看的顏色或是不好看的顏色,相反地,只有當(dāng)色彩成為一組顏色組成中的其中一個的時候,我們才會說這個顏色在這里是協(xié)調(diào)或是不協(xié)調(diào),適合或不適合,不同比例的搭配更可能會產(chǎn)生出截然不同的結(jié)果。
紅色在設(shè)計中恰倒好處的運(yùn)用, 對于增強(qiáng)設(shè)計沖擊力和表現(xiàn)力、體現(xiàn)設(shè)計主題、升華設(shè)計內(nèi)涵有很大的幫助。這還要看設(shè)計師是否能在全面了解和研究“紅色”特性,深刻理解和領(lǐng)悟“紅色”內(nèi)涵的基礎(chǔ)上,靈活運(yùn)用“紅”色的巧變能力了。
原文地址:藝海拾貝Design(公眾號)
作者:鄧海貝

從色彩定義來看,黑色是亮度最低的非彩色,是經(jīng)典的色彩,更是神秘的色彩。
黑色在設(shè)計運(yùn)用過程中,經(jīng)常給人傳遞的是一種莊重、神秘、穩(wěn)重、冷酷高端等等的一系列視覺感受,我們在用黑色作為主色調(diào)的時候,一定要慎重,黑色屬于消極色彩,從心理學(xué)角度來看,會使人聯(lián)想到神秘、黑暗等,還象征著悲哀、沉默、恐怖、罪惡、消亡等。

黑色在使用中絕不可能是孤立單一的,不同的圖案造型、不同的色彩搭配產(chǎn)生的對比效果,都會使這種消極性發(fā)生微妙變化,并使與之相配的色彩因此而賞心悅目。
有很多設(shè)計師將黑色用的出神入化的,今天我們一塊來學(xué)習(xí)這些優(yōu)秀的黑色系案例。

















黑色作為一種百搭色,可以與任何色彩搭配,黑色的背景色是呈現(xiàn)鮮艷色彩的天然載體,通過這兩個案例可以看到黑色作為背景時,強(qiáng)化了藍(lán)色科技感屬性,紅色則顯得更加熱情。






本期通過手表的廣告為大家進(jìn)行黑色配色的示范,希望你有所收獲。正如任何事物都有利弊一樣,黑色具有復(fù)雜而強(qiáng)烈的性格,使用得當(dāng)給人高端大氣的感覺,使用不當(dāng)會給人以壓抑、沉悶、悲傷的感受,這需要大家在今后不斷練習(xí),慢慢體會,不斷創(chuàng)新。
原文地址:藝海拾貝Design(公眾號)
作者:鄧海貝

橙色是一種次級原色,是紅色和黃色的混合色。橙色的情感是非常曖昧的,游離在紅色和黃色之間,因此,它的性格中帶著紅色的熱情和黃色的暖意。
不同的橙色表現(xiàn)出不同的調(diào)性,鮮明的橙色富于年輕感,溫暖且充滿活力。黯淡的橙色沉穩(wěn)、含蓄,具有優(yōu)雅復(fù)古感。


人們對色彩的聯(lián)想,雖然會因?yàn)楦鞣N原因而存在差異,但是,卻也有相當(dāng)程度的共性。設(shè)計師在應(yīng)用某種色彩之前,要充分理解和掌握這種色彩的情感意象以及它在特定環(huán)境下帶給人們的聯(lián)想與象征。
由于很多成熟的果實(shí)和蔬菜的顏色都是橙色 :胡蘿卜、橙子、芒果等等,于是人們會將橙色與美食聯(lián)系在一起。橙色可以刺激味蕾,是最能激發(fā)食欲的顏色,所以考慮到色彩對顧客心理感受和生理感受的影響,橙色被大量運(yùn)用在關(guān)于餐飲方面的設(shè)計中,讓人胃口大開。


明媚積極的橙色可以讓人聯(lián)想到金色的秋天、豐碩的果實(shí),而秋天所象征的積極意義就是豐收和富饒的季節(jié), 所以橙色又被賦予了富足、喜悅、幸福的意義。

相比熱情四射的紅色,橙色更加溫和,是暖色中最溫暖的顏色 ,既明朗又活力,使人如同沐浴在陽光中感覺溫暖而美好,是精神和身體都能感覺到愉悅的理想顏色,所以常使用在要表現(xiàn)溫馨場景設(shè)計中。


橙色和黃色一樣有著高明度的屬性,鮮明的橙色總是給人以明快、活潑、令人振奮的感覺,有著引人注目的能量,顯得生機(jī)勃勃。很多代表著“新生代”的機(jī)構(gòu) ,也大量的運(yùn)用橙色,來表現(xiàn)它們的創(chuàng)造力和年輕活力 。


黯淡的橙色沉穩(wěn)、含蓄,搭配一些淡雅的色彩,能營造出懷舊的氛圍,具有優(yōu)雅復(fù)古感,因此這一類橙色運(yùn)用得當(dāng),可以演繹出雍容華貴、典雅感。



黑色的背景色是呈現(xiàn)鮮艷色彩的天然載體,黑色作為主色,運(yùn)用橙色進(jìn)行點(diǎn)綴,一暗一亮,表現(xiàn)出強(qiáng)烈的對比,碰撞出了巨大的活力,很好展示出了橙色的鮮明個性,富有活力和力量感。

整個畫面以無彩色的黑白灰為主,橙色的出現(xiàn),增加了畫面的跳躍感,層次分明,醒目時尚,讓人印象非常深刻。

純凈的白色與高飽和度的橙色相搭配,顯得干凈溫暖,傳遞出簡潔大氣、明朗純凈的感受。


橙色與黃色是色相最接近的顏色,相配有一種很和諧的過渡感。由于橙色和黃色都非常明亮鮮艷,很容易營造出開心喜悅、活潑具有動感氛圍 。


紅色和橙色在色相環(huán)上相鄰,色調(diào)和諧統(tǒng)一,是充滿活力和激情的顏色,經(jīng)常使用在促銷等表現(xiàn)出熱鬧、愉快氛圍的設(shè)計中。由于這些色彩的溫度都比較高,因此畫面中應(yīng)該有一定的冷色來“降溫”,從而實(shí)現(xiàn)畫面的平衡。如下圖中大量運(yùn)用了橙色和紅色,因此用紫色作為冷色進(jìn)行平衡。


由于綠色和橙色為對比色,對比比較強(qiáng)烈,兩色搭配讓整個畫面洋溢著一股春天的大自然的氣息 ,給人自然清新、朝氣活力的感覺。


橙色和紫色為對比色,對比比較強(qiáng)烈能相互突出各自色彩特性。明亮溫暖的橙色搭配暗調(diào)偏冷的紫色可以很好的使畫面達(dá)到平衡。


藍(lán)色和橙色是互補(bǔ)色,溫暖的橙色在與偏冷的藍(lán)色搭配時,更加醒目,高亮的橙色可以很好的緩解深藍(lán)色的沉悶,增加畫面的愉悅氣氛。


橙色是紅色和黃色的混合色,因此,它的性格中帶著紅色的熱情和黃色的暖意。不同的橙色表現(xiàn)出不同的調(diào)性,鮮明的橙色富于年輕感,溫暖且充滿活力;黯淡的橙色沉穩(wěn)、含蓄,具有優(yōu)雅復(fù)古感;明媚積極的橙色讓人感到溫暖舒適,富足幸福。
配色總的來說并沒有定論,因?yàn)樯拾膫€人情感的層次太豐富,而這也是配色總是讓人深究又始終沒有定論。這需要不斷的觀察、練習(xí)和實(shí)踐才能更好掌握配色規(guī)律,增強(qiáng)畫面的表現(xiàn)力和提升設(shè)計內(nèi)涵。


其實(shí)無論是繪畫、攝影還是我們的設(shè)計,都存在大量的焦點(diǎn)配色,只是我們平時沒有特別去注意而已。比如莫奈的這幅《日出·印象》,我們來嘗試分析一下焦點(diǎn)的設(shè)置和移動。

我想絕大多數(shù)人都應(yīng)該是這種移動路線,也就是在大面積灰色調(diào)和冷色調(diào)中先被強(qiáng)暖色的太陽所吸引,然后是近景全黑色的船,接著順延到另一條船上,當(dāng)然每個人都會有所不同。

比如也可能是這種從遠(yuǎn)景到近景的順序。

也可能有的人是從近到遠(yuǎn)的觀看順序,但是無論你是哪一種,都不重要,為什么?

因?yàn)闊o論你的視線是怎么移動的,都不會影響到我們最終焦點(diǎn)的歸屬。大家可以感受一下,當(dāng)你看這幅畫的時候,無論你先看哪后看哪,最終你的眼睛都會被這個橙紅色的太陽所吸引,這就是色彩焦點(diǎn)的魅力。

我們再來看一個攝影作品,這個跟剛才那幅畫來比,焦點(diǎn)就更加清晰了,而且這里也不需要焦點(diǎn)的移動,很明顯焦點(diǎn)就是這個人物。

但是這個焦點(diǎn)是怎么通過色彩得到強(qiáng)化的呢?可能有的人會說這么明顯的人物肯定是焦點(diǎn)啊,但是你可以嘗試把人物后面的暖色光去掉看看,雖然人物同樣是這個畫面的焦點(diǎn),但是一定沒有現(xiàn)在這樣搶眼,因?yàn)榕捅尘暗睦渖纬闪藦?qiáng)烈的對比。
所以無論是繪畫、攝影還是我們接下來會看到的設(shè)計,其中都會包含一種故意的或者是有意識的色彩焦點(diǎn)的安排,而這種焦點(diǎn)的形成是怎么實(shí)現(xiàn)的呢?其實(shí)就是通過色彩對比,因?yàn)橛猩蕦Ρ缺囟óa(chǎn)生焦點(diǎn),即使沒有焦點(diǎn)我們也會努力去尋找焦點(diǎn)。我們聯(lián)想下平時的生活就會發(fā)現(xiàn),無論是我們看到一幅畫面,或者是置身于一個真實(shí)的環(huán)境中,我們都會不自覺地去尋找色彩最突出或者最醒目的東西,這就是作為人的一種本能,也就是自然而然地去尋找焦點(diǎn)。

下面我們來看一些設(shè)計作品,我們看這三個界面,不能說沒有焦點(diǎn),有,就是圖片,準(zhǔn)確地說應(yīng)該是沒有色彩焦點(diǎn),所以我們接收到的就是圖片加上信息排在一起,我們很難在短時間內(nèi)區(qū)分出哪些是重要信息哪些是次要信息。我們不知道視線應(yīng)該落在哪里,因?yàn)闆]有突出的東西,這種不知所措會讓看的人感到不舒服,這就是沒有焦點(diǎn)會造成的一種情況。

同樣這三個界面,我們什么都不變,只是在想強(qiáng)調(diào)的部分填充一個顏色,這樣就會讓看的人可以通過色彩毫不猶豫地感受到焦點(diǎn),這種交互才是人性化的交互,而這個簡單的過程其實(shí)就是色彩設(shè)計。

我們再來看一個更加簡單易懂的,比如現(xiàn)在這個,就是在一個藍(lán)色背景上編排純白的文字,可能通過字號和距離的安排我們也知道孰輕孰重,但是如果從色彩的角度來看還不夠,因?yàn)闆]有形成讓人快速識別的焦點(diǎn)。

如果在想強(qiáng)調(diào)的地方,適當(dāng)?shù)奶畛湟粋€顏色,那么瞬間就有了焦點(diǎn),而這個顏色和背景色的對比越強(qiáng),焦點(diǎn)就越明顯。

我們看這個海報,當(dāng)我們看到這個畫面的時候首先注意到的是什么?

首先注意的肯定是上方的圖片,其次會根據(jù)信息的層級大小去看主標(biāo)題,然后是次要信息。這種沒有設(shè)置色彩焦點(diǎn)的形式,雖然不太會影響信息的閱讀,但我們不妨試試有色彩焦點(diǎn)的情況。

當(dāng)原本就是畫面中比較重要的標(biāo)題信息和突出的英文被填充紅色之后,焦點(diǎn)就產(chǎn)生了并且得到強(qiáng)化。

這時候當(dāng)我們再看這個作品,就可以在短時間內(nèi)迅速獲得信息,如果想繼續(xù)了解也可以繼續(xù)閱讀,這就是有焦點(diǎn)和沒焦點(diǎn)或者焦點(diǎn)不突出的差別。

我們看這個 banner,這里我們不說它的版式怎么樣,我們就看色彩和焦點(diǎn),這個畫面有什么問題呢?就是焦點(diǎn)設(shè)置錯誤,什么意思?

也就是大家看這個畫面的時候,雖然都會先看月餅的圖片,然后是標(biāo)題到進(jìn)入專場,但是大家發(fā)現(xiàn)沒有,你的視線總會被中間這個粉色的花瓣吸引。

就是那種你不想看它,但是又不得不看的感覺,因?yàn)檫@個花瓣的顏色完全沒必要出現(xiàn)在這里,因?yàn)樗皇切畔ⅲ瑸槭裁匆洚?dāng)焦點(diǎn)呢?這就是焦點(diǎn)錯誤。

我們把花瓣去掉試試,這樣焦點(diǎn)就很清晰明確了。

現(xiàn)在我們知道了有焦點(diǎn)和沒焦點(diǎn)的差別,那焦點(diǎn)的設(shè)置其實(shí)也是有多種情況的。我們就拿這個網(wǎng)頁來舉例,版式部分保持不變,你想突出哪里就在哪里設(shè)置焦點(diǎn)。我們來看看通過色彩把焦點(diǎn)安排在不同的地方,這個頁面產(chǎn)生什么樣的效果。

比如我們可以把焦點(diǎn)設(shè)置在上半部分,也就是頂部的品牌和導(dǎo)航區(qū)域。

也可以把焦點(diǎn)設(shè)置在主標(biāo)題的文字信息上。

還可以設(shè)置在底部區(qū)域,形成色塊。

當(dāng)然也可以是自由式的焦點(diǎn)設(shè)置,強(qiáng)調(diào)你想強(qiáng)調(diào)的部分,這種情況下就有了焦點(diǎn)的移動。
通過之前的案例分析我們總結(jié)一下有焦點(diǎn)的好處:首先它滿足了人的生理需求,其次滿足了視覺傳達(dá)的需求,最后滿足了審美的需求。也就是說我們所要做的視覺設(shè)計是需要傳達(dá)信息的,你得讓受眾看到你的信息才行,而要想有效的讓人看到信息,焦點(diǎn)的設(shè)置就要滿足前面三個需求,如果沒有滿足,一定程度上說明你的作品是失敗的。實(shí)際人都是充滿惰性的,也都不喜歡延遲,當(dāng)人們看到所有的信息在它應(yīng)該在的位置,不需要眼睛和大腦再去閱讀,這時候就得到了一種觀看和閱讀的滿足感。

說了這么多焦點(diǎn)的好處,下面我們就來看看如何通過配色形成或者強(qiáng)化焦點(diǎn)。首先我們要知道的就是焦點(diǎn)是通過對比實(shí)現(xiàn)的,而這里包括了色相對比形成焦點(diǎn)、冷暖對比形成焦點(diǎn)、深淺對比形成焦點(diǎn)、有彩色與無彩色對比形成焦點(diǎn)、花色與純色對比形成焦點(diǎn)、色彩面積對比形成焦點(diǎn)。

首先我們來看色相對比形成焦點(diǎn),這里的色相對比通常是指互補(bǔ)色或?qū)Ρ壬g的對比,因?yàn)樯嗖町愒酱笤饺菀桩a(chǎn)生焦點(diǎn)。比如這個海報就是藍(lán)色和黃色的互補(bǔ)色對比,當(dāng)然需要注意的是,我們所列舉出的這些對比并不是單獨(dú)存在的,它們往往都是相互結(jié)合的,比如這個海報最明顯的就是色相上的互補(bǔ)色對比,當(dāng)然你也可以說是冷暖對比,同時也包括面積對比。

這個網(wǎng)頁作品,藍(lán)色與綠色形成了色相上的對比,同時它們二者又與背景形成了有彩色與無彩色的對比。

這個圣誕主題的 banner,整體是大面積的暗紅色,這就讓人物頭頂?shù)木G色圣誕樹成為了焦點(diǎn),也就是色相對比中通過對比色形成焦點(diǎn)。

然后是冷暖色對比產(chǎn)生焦點(diǎn),這個版面很簡單,就是文字編排加上背景,但是很明顯,通過在強(qiáng)調(diào)的地方使用藍(lán)色與背景的粉紅色形成一種冷暖對比,讓焦點(diǎn)一目了然。

這個同樣也是紅色與藍(lán)色的冷暖對比強(qiáng)調(diào)焦點(diǎn),讓人一眼就能抓住重點(diǎn)。

這個同樣也是通過冷暖對比形成焦點(diǎn),只不過這個畫面并不是單一焦點(diǎn)的形式,是多個焦點(diǎn)從大到小或從近到遠(yuǎn)的移動。

如果色相對比不夠明顯,那么通過單一色彩或近似色彩的深淺對比也可以很好的形成焦點(diǎn),同樣純度和明度差異越大越容易產(chǎn)生焦點(diǎn)。比如這個畫面中的焦點(diǎn)面包與背景形成的就是深淺對比。

這個畫面整體是褐色的基調(diào),但是杯子中的茶湯是比背景更亮一些的顏色,所以它自然而然地就成為了畫面的焦點(diǎn),而且這個焦點(diǎn)也是符合這個版面的設(shè)計邏輯的。

這個頁面的背景是偏深一些的粉紅色,當(dāng)然圖片肯定是這個畫面的第一焦點(diǎn),但除此之外,這個畫面中還有另外兩個焦點(diǎn),就是比背景偏暗一些的嘴唇,這就是利用深淺色對比形成焦點(diǎn)。
焦點(diǎn)的作用以及如何強(qiáng)調(diào)焦點(diǎn)都很好理解和操作,但是設(shè)置焦點(diǎn)背后的原理是什么呢?就是我們之前講過的色彩營銷,因?yàn)樵O(shè)計的目的是通過視覺傳達(dá)信息,而傳遞信息的目的是為了營銷,所以答案也就很明了了。也就是如何設(shè)置焦點(diǎn)以及讓誰成為焦點(diǎn),這背后的邏輯要依據(jù)營銷的目的,換句話說焦點(diǎn)的設(shè)置一定要滿足以上的需求,假如設(shè)置了錯誤的焦點(diǎn),就會適得其反,倒不如不設(shè)置焦點(diǎn)了,這個道理大家一定要明白。

我們接著往下看,下一個就是有彩色與無彩色對比產(chǎn)生焦點(diǎn)。比如我們看上面這個海報,圖片整體是黑白的,只有雨傘的部分是紅色,非常醒目的被凸顯出來,當(dāng)然就是第一焦點(diǎn),其次就是紅色的標(biāo)題性文字。因?yàn)楹谏c紅色很好的對比效果,所以類似這種形式的攝影作品大家也一定見過很多,就是整體是黑白,個別地方用紅色的形式。

雖然這個網(wǎng)頁頁面上的有彩色并不是單一色彩,但是與背景黑色的搭配,整體上依然是有彩色與無彩色搭配所產(chǎn)生的對比,從而產(chǎn)生焦點(diǎn)。

這個雖然也是有彩色與無彩色的對比,但是這個很巧妙,因?yàn)樵O(shè)計者并沒有直接在主標(biāo)題上填充有彩色,而是在標(biāo)題下方使用了一個有彩色的色塊,這也是一種變相突顯焦點(diǎn)的方式。

接下來是花色與純色對比產(chǎn)生焦點(diǎn),這個算是很常見很通用的一種形式了,尤其是照片上編排文字的形式,如果圖片本身的色彩就比較豐富,那么文字色必然要使用單一的色彩才能保證很好的識別。

這個雜志封面的背景是由多種色彩所形成的插畫圖形,而人物一身黑色位于中間形成了第一焦點(diǎn),其次是位于人物上的綠色文字,可以說既是有彩色與無彩色的對比,又是有彩色與花色之間的對比。

這個海報上的圖片雖然色彩并沒有多純,但是由于色彩比較分散,所以可想而知,在它上方編排文字難免會造成識別度很低的情況,所以設(shè)計師也很巧妙地使用了添加色塊的方式,利用這種圖片花色與色塊純色的對比來突出焦點(diǎn)。

最后就是通過色彩面積大小產(chǎn)生焦點(diǎn),這種面積的對比可以說是非常常見的,可以說大部分有色彩焦點(diǎn)的畫面都是之前的那幾種形式與面積對比的一個結(jié)合,但是并沒有誰重要誰不重要一說,就比如這個海報上的紅色圓形,無論你是把它的面積放大,還是把它換成和藍(lán)色相近的顏色,焦點(diǎn)的效果都沒有現(xiàn)在的好。所以我們在具體設(shè)計配色的時候千萬不要有強(qiáng)迫癥,因?yàn)檫@些方法往往都是結(jié)合使用的。

這個也是面積對比產(chǎn)生的焦點(diǎn),同時又有藍(lán)色與紅色的冷暖對比。

這個頁面也是,通過在大面積綠色調(diào)中使用一個紅色塊,快速形成對比,從而確定焦點(diǎn)。
以上我們主要講解了通過配色形成焦點(diǎn)的一些方法,但其實(shí)細(xì)心的同學(xué)就會發(fā)現(xiàn),這里面還是有一些潛規(guī)則的,有的是和色彩有關(guān),有的可能和色彩無關(guān)。比如說同樣的色彩或同樣大小的對象,具象的東西比抽象的東西容易形成焦點(diǎn)、人物比場景或風(fēng)景容易形成焦點(diǎn)、圖像比文字容易形成焦點(diǎn)、標(biāo)題文字比內(nèi)文容易形成焦點(diǎn)、暖色比冷色容易形成焦點(diǎn)、強(qiáng)對比比弱對比容易形成焦點(diǎn),最后我們就分別來看一下。

具象的事物比抽象的事物容易形成焦點(diǎn),這個似乎沒什么可說的,大家應(yīng)該都能明顯的感覺到,就比如這個海報,即使人臉的周圍有著密密麻麻的抽象圖像,我們的注意力依然在人臉的部分。

人物要比場景更容易產(chǎn)生焦點(diǎn),比如這個海報,同時存在兩張圖片,雖然上方的圖片是一匹馬不是人,但是道理是一樣的,我們的視線總是想關(guān)注這個馬的眼睛,而下方的海水我們可能只是一掃而過。

圖片比文字更容易形成焦點(diǎn),這個也是無需多說的一點(diǎn),因?yàn)榧词苟际呛诎椎膱D片和文字,我們也會首先注意到圖片,這是圖片所具有的天然魅力。比如這個海報,假如我們把圖片遮掉,那么紅色的「魂」字毋庸置疑就是第一焦點(diǎn),因?yàn)樵谝欢押谏淖种兴鼘?shí)在太顯眼了,但是加上人物圖片的話,就沒有多少人會去關(guān)注「魂」字了。

標(biāo)題比內(nèi)文更容易產(chǎn)生焦點(diǎn),這是因?yàn)闃?biāo)題所具有的天然優(yōu)勢,也就是面積優(yōu)勢,比如我們看這個海報,其實(shí)它這里的標(biāo)題使用與圖片一樣的藍(lán)色并不是很突出,雖然日期和副標(biāo)題使用了色相對比,也確實(shí)成為了焦點(diǎn),但是對于主標(biāo)題的影響并不是很大,我們依然不會忽略掉主標(biāo)題,這就是面積原因所造成的,因?yàn)樗銐虼蟆?/p>

暖色比冷色更容易形成焦點(diǎn),這個海報就是一個很好的說明,因?yàn)楹笾袃蓚€圖片大小相當(dāng),唯一的區(qū)別就是一個是暖色一個是冷色,那么哪個更吸引你呢?一定是暖色,如果你說你就是被冷色所吸引那也沒關(guān)系,但是你自己保留意見,我不接受反駁。

最后就是強(qiáng)對比大于弱對比,比如我們看這個海報,其實(shí)本身背景色上有色相的對比,但是因?yàn)閷Ρ炔粔驈?qiáng),所以就讓上方的紅色成為了焦點(diǎn),因?yàn)榧t色與整體背景形成了強(qiáng)烈的深淺對比。
本期教程到這里就結(jié)束了,簡單總結(jié)一下,首先我們通過一些案例說明了色彩焦點(diǎn)的重要性,也就是滿足了人的三種需求:生理需求、視覺傳達(dá)的需求以及審美的需求。其次我們講解了如何形成或強(qiáng)調(diào)焦點(diǎn),也就是通過一些色彩對比來實(shí)現(xiàn)。最后補(bǔ)充了一些焦點(diǎn)配色中存在的潛規(guī)則,也就是哪些內(nèi)容或形式具有形成焦點(diǎn)的天然優(yōu)勢。當(dāng)然這一切的落腳點(diǎn)還要?dú)w到視覺傳達(dá)以及色彩營銷上。


在我收藏夾里,收藏著大量優(yōu)秀的設(shè)計,每次去看的時候,不停問自己為什么當(dāng)初這個設(shè)計吸引了我,后來終于找到一個點(diǎn),就是色彩,在第一眼看到的時候,奪走我視覺焦點(diǎn)的就是色彩。

色彩是設(shè)計師的一個魔法棒,它能吸引你的注意力,喚起設(shè)計情感,在電商設(shè)計中,人們對產(chǎn)出做出的90%的快速決策來源于色彩,所以為什么國內(nèi)電商的“立即購買”會是橙色,紅色,因?yàn)檫@個顏色能刺激用戶,能產(chǎn)生購買沖動!
那么怎么去定義一套色彩呢?一起來了解下
1.了解產(chǎn)品性格
在定義色板的時候,首先需要去確定設(shè)計的目的是什么,試著去問問自己,我們的這個色彩需要給用戶傳遞什么樣的信息,是希望他有購買欲望,還是希望他感受到尊貴感受,還是希望喚起他某種情緒,色彩可設(shè)定品牌基調(diào),情緒。


▲ 可口可樂旗下Fuze Tea紅茶品牌,采用自然的綠色作為品牌顏色,來傳遞這款茶,融合植物、茶淬取物和其他健康成分。

▲ Uber (優(yōu)步)越南推出的網(wǎng)路“摩托車”接送服務(wù),在UberMOTO全新品牌形象設(shè)計中,因?yàn)樵谠侥咸鞖夂苎谉幔圆捎昧怂{(lán)色綠色配色,斜45度的色塊拼接,延伸出了會反光的安全外套,還有醒目的安全帽,在一大票的“摩托車”群中,立刻就可以一目了然司機(jī)的位置。
2.了解用戶人群

▲ 男生和女生最喜歡的顏色

▲ 男生和女生最討厭的顏色
男性通常更喜歡大膽的顏色,而女性喜歡更柔和的顏色。此外,男性更喜歡深色的顏色(加入黑色的顏色),而女性更容易接受明亮的顏色(添加了白色的色彩)。
人們對于顏色的看法不同,顏色根據(jù)個人喜好,文化宗教信仰不同,有不同的寓意,所以我們在設(shè)計時候一定要去考慮我們的用戶誰在使用!

▲ 在西方世界里面,紅色代表恐怖和死亡,火災(zāi),暴力戰(zhàn)爭。

▲ 在我們這,紅色卻是和繁榮富強(qiáng),性格,火熱激情等聯(lián)系在一起,不同文化差異是我們做設(shè)計時候需要去考慮。

▲ 在西方國家,黑白代表純潔,優(yōu)雅,尊貴,高端感覺,包括很多大牌的服裝設(shè)計,店面裝修都是采用黑白。

▲ 在日本韓國,黑白代表死亡,喪禮等,文化的差異,和人群差異所以在設(shè)計的時候一定要重復(fù)考慮到。
3.了解色彩心理學(xué)

了解基礎(chǔ)的色彩心理學(xué),有興趣的同學(xué)可以去搜索相關(guān)資料看看。

▲ 紅色:最容易引起人的注意、興奮、激動、緊張。

▲ 橙色:充滿生機(jī)和活力的顏色讓人聯(lián)想到大地以及秋色,變化和運(yùn)動的感覺。

▲ 黃色:明亮、輝煌、燦爛、愉快、親切、柔和的印象。

▲ 綠色:是豐饒、充實(shí)、平靜與希望綠色繼承了藍(lán)色所有具備的平靜的屬性。

▲ 藍(lán)色:藍(lán)色是冷色,讓人感到崇高、深遠(yuǎn)、純潔、透明、智慧。藍(lán)色也是公司最偏愛的顏色,代表著科技和理性。

▲ 紫色:紫色給人高貴、優(yōu)越、奢華、優(yōu)雅、流動、不安的感覺,灰暗的紫色則是傷痛、疾病,容易造成心理上的憂郁、痛苦和不安的感覺。因此,紫色時而有脅迫性,時而有鼓舞性,在設(shè)計中一定要慎重使用。
4.尋找色彩靈感
早期時候很難去選定一個品牌色,,這個時候我們一定要去尋找靈感,下面推薦幾個工具


▲ https:/ /brandcolors.net/是一個特別好的網(wǎng)站,里面有全世界500強(qiáng)的品牌色板,所有知名公司的品牌色板這里都可以找到答案,可以從他們的品牌色板中去尋找我們想要的那種,和我們產(chǎn)品比較匹配的顏色。


▲ Dribbble和Behanc上搜索關(guān)鍵詞也能找到很多設(shè)計師的色板

▲ https:/ /www.materialui.co/colors谷歌色板庫上很多值得我們?nèi)W(xué)習(xí)


▲ http://www.home-designing.com/也可以從室內(nèi)設(shè)計師經(jīng)常用的室內(nèi)網(wǎng)站配色中去獲得一些設(shè)計靈感。

▲ 當(dāng)你找到喜歡的配色方案時,你可以用吸管根據(jù)來梳理喜歡的這個配色,做成色板,有必要吋候可以迸行凋整。

如何去定義一套APP的配色,如何用HSB去定義套配色。
什么的HSB?
HSB是一種顔色模式,在HSB模式中,H代表色相,S代表飽和度,B代表亮度!

1.多嘗試不同配色

在制作色板的時候,需要我們盡可能的把所有顏色和顏色靈感都創(chuàng)造出來,不要怕嘗試不好,然后把所有顏色嘗試處理后,再去縮小色板范圍,怎么縮小范圍,可以結(jié)合我前面說的那些原則,在UI設(shè)計中,可能額外需要注意幾個問題:
2.利用HSB色彩模型
第一步確定品牌色,品牌色一般企業(yè)LOGO的顏色,如果沒有可以去定義一個

以品牌色為基準(zhǔn)得出24色帶

我們拿Spotify這個軟件舉例,他品牌色是綠色,來定義它的一套色彩體系

h值(色相)以15,S和B不変,遞增得到基于品牌色的24個色帶,為什么是24個,24X15=360剛好圍繞色環(huán)盤一圏,因此得到一圈基于品牌色,明度和飽和度一致性的顔色。
基于色帶得出16色相環(huán)
細(xì)心的同學(xué)可能發(fā)現(xiàn)色帶上其實(shí)很多顔色都比較接近,比如綠色、藍(lán)色,我們需要再進(jìn)一步篩選出合適的顏色作為16色相環(huán),盡量選取一些和主品牌色比較舒服的顏色搭配。

最后根據(jù)篩選后得出的16色相環(huán)
調(diào)整B (亮度)和S (飽和度)
這一步我們需要去定義同頻的輔助色,也就是16色相環(huán)的輔助色,可以在亮度(B) 按-10,-20去加減,也可以在H上面以+-5去増加色相,原則就是需要有對比度,需要明顯。

調(diào)整飽和度值

調(diào)整明度,如果對比不明顯,可以-20, -30

最后得出一套同頻下的色盤,但是很相近,所以我們需要去排除一些
制定色板
和品牌色同頻的輔助色板

制定色板,這里需要使用到一個網(wǎng)站https://coolors.co/這里只需要輸入對應(yīng)的品牌色,就可以得出根據(jù)明度遞減遞增的色板,當(dāng)然你也可以去調(diào)整明度來得出色板。

自此我們得出了整個產(chǎn)品的調(diào)色板,很多電商大促,包括Airbnb和谷歌都是通過類似的方法得出他們的色盤!最后根據(jù)我們前面定義的,警告色,超鏈接顏色,成功提示色,我們可以從輔助色盤中得出對應(yīng)的顏色,警告用紅色,超鏈接用藍(lán)色,警告黃色,成功綠色等等。

漸變色板
取品牌輔助色相鄰近色顏色做漸變

以上就是今天的分享,如何定義一個色彩體系和色盤。知識量比較大,特別是關(guān)于HSB的運(yùn)用,色盤出來了其實(shí)只是根據(jù),關(guān)于如何色彩搭配其實(shí)是需要我們不斷的去嘗試!希望大家都能掌握這個方法。
原文地址:我們的設(shè)計日記(公眾號)
作者: sky
