配色講究，立體感十足！
給人極強(qiáng)的沖擊感和空間感。
瑞典設(shè)計師Artur Tenczynski
深諳此道，功力深厚。
你有靈感了嗎？
]]>
來源：美工美邦
俄羅斯插畫師Valentin Tkach主要為雜志周刊等平面媒體創(chuàng)作插圖。所以他的作品經(jīng)常受到色彩的限制，但這絲毫沒有影響他作品的表現(xiàn)力，有時反而會更加突出細(xì)節(jié)的用心。切合主題的配圖，不僅為文章服務(wù)，也有著單獨的藝術(shù)感。
]]>
本案位于一座19世紀(jì)的公寓樓里，有著獨特的歷史意義，有著高高的天花板、大窗戶和獨特的空間。設(shè)計師在空間上盡可能融入現(xiàn)代潮流，創(chuàng)造出一種帶有懷舊氣息的精致。
餐廳的墻面是大面積的低飽和度綠色。整個空間看起來清新舒適。淺粉配色的地毯也是亮點之一。它中和了粉色沙發(fā)的甜美，整個空間顯得柔和動人。
紅色在可見光譜中波長最長，穿透力最強(qiáng)，對視覺的影響力也最大，是最引人注目的色彩。在設(shè)計中，紅色可以主導(dǎo)整體色調(diào)，也可以作為點綴出現(xiàn)，它的表現(xiàn)力極強(qiáng)，具有強(qiáng)烈的感染力。
很多著名的品牌都以紅色為形象色，如可口可樂公司在百年歷史發(fā)展中，他的標(biāo)志、包裝經(jīng)歷了數(shù)次更換，但它的標(biāo)準(zhǔn)色——紅色一直延續(xù)下來。熱情的“紅色”象征著激情、快樂、活力，詮釋出了可口可樂的品牌精神，向人們傳達(dá)出強(qiáng)烈的品牌效應(yīng)。
結(jié)語
紅色是色彩設(shè)計中常用的顏色，它的注目性與美感，在設(shè)計用色中占了很重要的位置。紅色與其它顏色搭配時，由于純度高，往往成為矚目的中心。將其巧妙地應(yīng)用在設(shè)計作品之中，可以使設(shè)計作品產(chǎn)生許多意想不到的效果。
沒有一個色彩是獨立存在的，也沒有哪一種顏色本身是好看的顏色或是不好看的顏色，相反地，只有當(dāng)色彩成為一組顏色組成中的其中一個的時候，我們才會說這個顏色在這里是協(xié)調(diào)或是不協(xié)調(diào)，適合或不適合，不同比例的搭配更可能會產(chǎn)生出截然不同的結(jié)果。
紅色在設(shè)計中恰倒好處的運用, 對于增強(qiáng)設(shè)計沖擊力和表現(xiàn)力、體現(xiàn)設(shè)計主題、升華設(shè)計內(nèi)涵有很大的幫助。這還要看設(shè)計師是否能在全面了解和研究“紅色”特性，深刻理解和領(lǐng)悟“紅色”內(nèi)涵的基礎(chǔ)上，靈活運用“紅”色的巧變能力了。
參考資料：
《六個步驟細(xì)說電商banner圖設(shè)計之色彩的奧秘》 作者：做設(shè)計的面條https://mp.weixin.qq.com/s/i-G_YVdcX7PWBWdj84I9Lw
《淺談色彩學(xué)：以紅色為主的色彩配色》 作者：優(yōu)設(shè)網(wǎng) kingtent
https://www.uisdc.com/color-red
素材來源于網(wǎng)絡(luò)，如有侵權(quán)請聯(lián)系作者刪除。
原文地址：藝海拾貝Design（公眾號）
作者：鄧海貝
從色彩定義來看，黑色是亮度最低的非彩色,是經(jīng)典的色彩，更是神秘的色彩。
黑色在設(shè)計運用過程中，經(jīng)常給人傳遞的是一種莊重、神秘、穩(wěn)重、冷酷高端等等的一系列視覺感受，我們在用黑色作為主色調(diào)的時候，一定要慎重，黑色屬于消極色彩，從心理學(xué)角度來看，會使人聯(lián)想到神秘、黑暗等，還象征著悲哀、沉默、恐怖、罪惡、消亡等。
黑色在使用中絕不可能是孤立單一的，不同的圖案造型、不同的色彩搭配產(chǎn)生的對比效果，都會使這種消極性發(fā)生微妙變化，并使與之相配的色彩因此而賞心悅目。
有很多設(shè)計師將黑色用的出神入化的，今天我們一塊來學(xué)習(xí)這些優(yōu)秀的黑色系案例。
黑色作為一種百搭色，可以與任何色彩搭配，黑色的背景色是呈現(xiàn)鮮艷色彩的天然載體，通過這兩個案例可以看到黑色作為背景時，強(qiáng)化了藍(lán)色科技感屬性，紅色則顯得更加熱情。
方案匯總
結(jié)語
本期通過手表的廣告為大家進(jìn)行黑色配色的示范，希望你有所收獲。正如任何事物都有利弊一樣，黑色具有復(fù)雜而強(qiáng)烈的性格，使用得當(dāng)給人高端大氣的感覺，使用不當(dāng)會給人以壓抑、沉悶、悲傷的感受，這需要大家在今后不斷練習(xí)，慢慢體會，不斷創(chuàng)新。
原文地址：藝海拾貝Design（公眾號）
作者：鄧海貝
橙色是一種次級原色，是紅色和黃色的混合色。橙色的情感是非常曖昧的，游離在紅色和黃色之間，因此，它的性格中帶著紅色的熱情和黃色的暖意。
不同的橙色表現(xiàn)出不同的調(diào)性，鮮明的橙色富于年輕感，溫暖且充滿活力。黯淡的橙色沉穩(wěn)、含蓄，具有優(yōu)雅復(fù)古感。
人們對色彩的聯(lián)想，雖然會因為各種原因而存在差異，但是，卻也有相當(dāng)程度的共性。設(shè)計師在應(yīng)用某種色彩之前，要充分理解和掌握這種色彩的情感意象以及它在特定環(huán)境下帶給人們的聯(lián)想與象征。
美味、食欲>
由于很多成熟的果實和蔬菜的顏色都是橙色 ：胡蘿卜、橙子、芒果等等，于是人們會將橙色與美食聯(lián)系在一起。橙色可以刺激味蕾，是最能激發(fā)食欲的顏色，所以考慮到色彩對顧客心理感受和生理感受的影響，橙色被大量運用在關(guān)于餐飲方面的設(shè)計中，讓人胃口大開。
豐收、喜悅>
明媚積極的橙色可以讓人聯(lián)想到金色的秋天、豐碩的果實，而秋天所象征的積極意義就是豐收和富饒的季節(jié)， 所以橙色又被賦予了富足、喜悅、幸福的意義。
溫暖、舒適>
相比熱情四射的紅色，橙色更加溫和，是暖色中最溫暖的顏色 ，既明朗又活力，使人如同沐浴在陽光中感覺溫暖而美好，是精神和身體都能感覺到愉悅的理想顏色，所以常使用在要表現(xiàn)溫馨場景設(shè)計中。
活潑、醒目>
橙色和黃色一樣有著高明度的屬性，鮮明的橙色總是給人以明快、活潑、令人振奮的感覺，有著引人注目的能量，顯得生機(jī)勃勃。很多代表著“新生代”的機(jī)構(gòu) ，也大量的運用橙色，來表現(xiàn)它們的創(chuàng)造力和年輕活力 。
復(fù)古、典雅>
黯淡的橙色沉穩(wěn)、含蓄，搭配一些淡雅的色彩，能營造出懷舊的氛圍，具有優(yōu)雅復(fù)古感，因此這一類橙色運用得當(dāng)，可以演繹出雍容華貴、典雅感。
黑色的背景色是呈現(xiàn)鮮艷色彩的天然載體，黑色作為主色，運用橙色進(jìn)行點綴，一暗一亮，表現(xiàn)出強(qiáng)烈的對比，碰撞出了巨大的活力，很好展示出了橙色的鮮明個性，富有活力和力量感。
整個畫面以無彩色的黑白灰為主，橙色的出現(xiàn)，增加了畫面的跳躍感，層次分明，醒目時尚，讓人印象非常深刻。
純凈的白色與高飽和度的橙色相搭配，顯得干凈溫暖，傳遞出簡潔大氣、明朗純凈的感受。
橙色與黃色是色相最接近的顏色，相配有一種很和諧的過渡感。由于橙色和黃色都非常明亮鮮艷，很容易營造出開心喜悅、活潑具有動感氛圍 。
紅色和橙色在色相環(huán)上相鄰，色調(diào)和諧統(tǒng)一，是充滿活力和激情的顏色，經(jīng)常使用在促銷等表現(xiàn)出熱鬧、愉快氛圍的設(shè)計中。由于這些色彩的溫度都比較高，因此畫面中應(yīng)該有一定的冷色來“降溫”，從而實現(xiàn)畫面的平衡。如下圖中大量運用了橙色和紅色，因此用紫色作為冷色進(jìn)行平衡。
由于綠色和橙色為對比色，對比比較強(qiáng)烈，兩色搭配讓整個畫面洋溢著一股春天的大自然的氣息 ，給人自然清新、朝氣活力的感覺。
橙色和紫色為對比色，對比比較強(qiáng)烈能相互突出各自色彩特性。明亮溫暖的橙色搭配暗調(diào)偏冷的紫色可以很好的使畫面達(dá)到平衡。
藍(lán)色和橙色是互補(bǔ)色，溫暖的橙色在與偏冷的藍(lán)色搭配時，更加醒目，高亮的橙色可以很好的緩解深藍(lán)色的沉悶，增加畫面的愉悅氣氛。
結(jié)語>
橙色是紅色和黃色的混合色，因此，它的性格中帶著紅色的熱情和黃色的暖意。不同的橙色表現(xiàn)出不同的調(diào)性，鮮明的橙色富于年輕感，溫暖且充滿活力；黯淡的橙色沉穩(wěn)、含蓄，具有優(yōu)雅復(fù)古感；明媚積極的橙色讓人感到溫暖舒適，富足幸福。
配色總的來說并沒有定論，因為色彩包含的個人情感的層次太豐富，而這也是配色總是讓人深究又始終沒有定論。這需要不斷的觀察、練習(xí)和實踐才能更好掌握配色規(guī)律，增強(qiáng)畫面的表現(xiàn)力和提升設(shè)計內(nèi)涵。
來源：藝海拾貝Design
其實無論是繪畫、攝影還是我們的設(shè)計，都存在大量的焦點配色，只是我們平時沒有特別去注意而已。比如莫奈的這幅《日出·印象》，我們來嘗試分析一下焦點的設(shè)置和移動。
我想絕大多數(shù)人都應(yīng)該是這種移動路線，也就是在大面積灰色調(diào)和冷色調(diào)中先被強(qiáng)暖色的太陽所吸引，然后是近景全黑色的船，接著順延到另一條船上，當(dāng)然每個人都會有所不同。
比如也可能是這種從遠(yuǎn)景到近景的順序。
也可能有的人是從近到遠(yuǎn)的觀看順序，但是無論你是哪一種，都不重要，為什么？
因為無論你的視線是怎么移動的，都不會影響到我們最終焦點的歸屬。大家可以感受一下，當(dāng)你看這幅畫的時候，無論你先看哪后看哪，最終你的眼睛都會被這個橙紅色的太陽所吸引，這就是色彩焦點的魅力。
我們再來看一個攝影作品，這個跟剛才那幅畫來比，焦點就更加清晰了，而且這里也不需要焦點的移動，很明顯焦點就是這個人物。
但是這個焦點是怎么通過色彩得到強(qiáng)化的呢？可能有的人會說這么明顯的人物肯定是焦點啊，但是你可以嘗試把人物后面的暖色光去掉看看，雖然人物同樣是這個畫面的焦點，但是一定沒有現(xiàn)在這樣搶眼，因為暖色和背景的冷色形成了強(qiáng)烈的對比。
所以無論是繪畫、攝影還是我們接下來會看到的設(shè)計，其中都會包含一種故意的或者是有意識的色彩焦點的安排，而這種焦點的形成是怎么實現(xiàn)的呢？其實就是通過色彩對比，因為有色彩對比必定產(chǎn)生焦點，即使沒有焦點我們也會努力去尋找焦點。我們聯(lián)想下平時的生活就會發(fā)現(xiàn)，無論是我們看到一幅畫面，或者是置身于一個真實的環(huán)境中，我們都會不自覺地去尋找色彩最突出或者最醒目的東西，這就是作為人的一種本能，也就是自然而然地去尋找焦點。
下面我們來看一些設(shè)計作品，我們看這三個界面，不能說沒有焦點，有，就是圖片，準(zhǔn)確地說應(yīng)該是沒有色彩焦點，所以我們接收到的就是圖片加上信息排在一起，我們很難在短時間內(nèi)區(qū)分出哪些是重要信息哪些是次要信息。我們不知道視線應(yīng)該落在哪里，因為沒有突出的東西，這種不知所措會讓看的人感到不舒服，這就是沒有焦點會造成的一種情況。
同樣這三個界面，我們什么都不變，只是在想強(qiáng)調(diào)的部分填充一個顏色，這樣就會讓看的人可以通過色彩毫不猶豫地感受到焦點，這種交互才是人性化的交互，而這個簡單的過程其實就是色彩設(shè)計。
我們再來看一個更加簡單易懂的，比如現(xiàn)在這個，就是在一個藍(lán)色背景上編排純白的文字，可能通過字號和距離的安排我們也知道孰輕孰重，但是如果從色彩的角度來看還不夠，因為沒有形成讓人快速識別的焦點。
如果在想強(qiáng)調(diào)的地方，適當(dāng)?shù)奶畛湟粋€顏色，那么瞬間就有了焦點，而這個顏色和背景色的對比越強(qiáng)，焦點就越明顯。
我們看這個海報，當(dāng)我們看到這個畫面的時候首先注意到的是什么？
首先注意的肯定是上方的圖片，其次會根據(jù)信息的層級大小去看主標(biāo)題，然后是次要信息。這種沒有設(shè)置色彩焦點的形式，雖然不太會影響信息的閱讀，但我們不妨試試有色彩焦點的情況。
當(dāng)原本就是畫面中比較重要的標(biāo)題信息和突出的英文被填充紅色之后，焦點就產(chǎn)生了并且得到強(qiáng)化。
這時候當(dāng)我們再看這個作品，就可以在短時間內(nèi)迅速獲得信息，如果想繼續(xù)了解也可以繼續(xù)閱讀，這就是有焦點和沒焦點或者焦點不突出的差別。
我們看這個 banner，這里我們不說它的版式怎么樣，我們就看色彩和焦點，這個畫面有什么問題呢？就是焦點設(shè)置錯誤，什么意思？
也就是大家看這個畫面的時候，雖然都會先看月餅的圖片，然后是標(biāo)題到進(jìn)入專場，但是大家發(fā)現(xiàn)沒有，你的視線總會被中間這個粉色的花瓣吸引。
就是那種你不想看它，但是又不得不看的感覺，因為這個花瓣的顏色完全沒必要出現(xiàn)在這里，因為它不是信息，為什么要充當(dāng)焦點呢？這就是焦點錯誤。
我們把花瓣去掉試試，這樣焦點就很清晰明確了。
現(xiàn)在我們知道了有焦點和沒焦點的差別，那焦點的設(shè)置其實也是有多種情況的。我們就拿這個網(wǎng)頁來舉例，版式部分保持不變，你想突出哪里就在哪里設(shè)置焦點。我們來看看通過色彩把焦點安排在不同的地方，這個頁面產(chǎn)生什么樣的效果。
比如我們可以把焦點設(shè)置在上半部分，也就是頂部的品牌和導(dǎo)航區(qū)域。
也可以把焦點設(shè)置在主標(biāo)題的文字信息上。
還可以設(shè)置在底部區(qū)域，形成色塊。
當(dāng)然也可以是自由式的焦點設(shè)置，強(qiáng)調(diào)你想強(qiáng)調(diào)的部分，這種情況下就有了焦點的移動。
通過之前的案例分析我們總結(jié)一下有焦點的好處：首先它滿足了人的生理需求，其次滿足了視覺傳達(dá)的需求，最后滿足了審美的需求。也就是說我們所要做的視覺設(shè)計是需要傳達(dá)信息的，你得讓受眾看到你的信息才行，而要想有效的讓人看到信息，焦點的設(shè)置就要滿足前面三個需求，如果沒有滿足，一定程度上說明你的作品是失敗的。實際人都是充滿惰性的，也都不喜歡延遲，當(dāng)人們看到所有的信息在它應(yīng)該在的位置，不需要眼睛和大腦再去閱讀，這時候就得到了一種觀看和閱讀的滿足感。
說了這么多焦點的好處，下面我們就來看看如何通過配色形成或者強(qiáng)化焦點。首先我們要知道的就是焦點是通過對比實現(xiàn)的，而這里包括了色相對比形成焦點、冷暖對比形成焦點、深淺對比形成焦點、有彩色與無彩色對比形成焦點、花色與純色對比形成焦點、色彩面積對比形成焦點。
首先我們來看色相對比形成焦點，這里的色相對比通常是指互補(bǔ)色或?qū)Ρ壬g的對比，因為色相差異越大越容易產(chǎn)生焦點。比如這個海報就是藍(lán)色和黃色的互補(bǔ)色對比，當(dāng)然需要注意的是，我們所列舉出的這些對比并不是單獨存在的，它們往往都是相互結(jié)合的，比如這個海報最明顯的就是色相上的互補(bǔ)色對比，當(dāng)然你也可以說是冷暖對比，同時也包括面積對比。
這個網(wǎng)頁作品，藍(lán)色與綠色形成了色相上的對比，同時它們二者又與背景形成了有彩色與無彩色的對比。
這個圣誕主題的 banner，整體是大面積的暗紅色，這就讓人物頭頂?shù)木G色圣誕樹成為了焦點，也就是色相對比中通過對比色形成焦點。
然后是冷暖色對比產(chǎn)生焦點，這個版面很簡單，就是文字編排加上背景，但是很明顯，通過在強(qiáng)調(diào)的地方使用藍(lán)色與背景的粉紅色形成一種冷暖對比，讓焦點一目了然。
這個同樣也是紅色與藍(lán)色的冷暖對比強(qiáng)調(diào)焦點，讓人一眼就能抓住重點。
這個同樣也是通過冷暖對比形成焦點，只不過這個畫面并不是單一焦點的形式，是多個焦點從大到小或從近到遠(yuǎn)的移動。
如果色相對比不夠明顯，那么通過單一色彩或近似色彩的深淺對比也可以很好的形成焦點，同樣純度和明度差異越大越容易產(chǎn)生焦點。比如這個畫面中的焦點面包與背景形成的就是深淺對比。
這個畫面整體是褐色的基調(diào)，但是杯子中的茶湯是比背景更亮一些的顏色，所以它自然而然地就成為了畫面的焦點，而且這個焦點也是符合這個版面的設(shè)計邏輯的。
這個頁面的背景是偏深一些的粉紅色，當(dāng)然圖片肯定是這個畫面的第一焦點，但除此之外，這個畫面中還有另外兩個焦點，就是比背景偏暗一些的嘴唇，這就是利用深淺色對比形成焦點。
焦點的作用以及如何強(qiáng)調(diào)焦點都很好理解和操作，但是設(shè)置焦點背后的原理是什么呢？就是我們之前講過的色彩營銷，因為設(shè)計的目的是通過視覺傳達(dá)信息，而傳遞信息的目的是為了營銷，所以答案也就很明了了。也就是如何設(shè)置焦點以及讓誰成為焦點，這背后的邏輯要依據(jù)營銷的目的，換句話說焦點的設(shè)置一定要滿足以上的需求，假如設(shè)置了錯誤的焦點，就會適得其反，倒不如不設(shè)置焦點了，這個道理大家一定要明白。
我們接著往下看，下一個就是有彩色與無彩色對比產(chǎn)生焦點。比如我們看上面這個海報，圖片整體是黑白的，只有雨傘的部分是紅色，非常醒目的被凸顯出來，當(dāng)然就是第一焦點，其次就是紅色的標(biāo)題性文字。因為黑色與紅色很好的對比效果，所以類似這種形式的攝影作品大家也一定見過很多，就是整體是黑白，個別地方用紅色的形式。
雖然這個網(wǎng)頁頁面上的有彩色并不是單一色彩，但是與背景黑色的搭配，整體上依然是有彩色與無彩色搭配所產(chǎn)生的對比，從而產(chǎn)生焦點。
這個雖然也是有彩色與無彩色的對比，但是這個很巧妙，因為設(shè)計者并沒有直接在主標(biāo)題上填充有彩色，而是在標(biāo)題下方使用了一個有彩色的色塊，這也是一種變相突顯焦點的方式。
接下來是花色與純色對比產(chǎn)生焦點，這個算是很常見很通用的一種形式了，尤其是照片上編排文字的形式，如果圖片本身的色彩就比較豐富，那么文字色必然要使用單一的色彩才能保證很好的識別。
這個雜志封面的背景是由多種色彩所形成的插畫圖形，而人物一身黑色位于中間形成了第一焦點，其次是位于人物上的綠色文字，可以說既是有彩色與無彩色的對比，又是有彩色與花色之間的對比。
這個海報上的圖片雖然色彩并沒有多純，但是由于色彩比較分散，所以可想而知，在它上方編排文字難免會造成識別度很低的情況，所以設(shè)計師也很巧妙地使用了添加色塊的方式，利用這種圖片花色與色塊純色的對比來突出焦點。
最后就是通過色彩面積大小產(chǎn)生焦點，這種面積的對比可以說是非常常見的，可以說大部分有色彩焦點的畫面都是之前的那幾種形式與面積對比的一個結(jié)合，但是并沒有誰重要誰不重要一說，就比如這個海報上的紅色圓形，無論你是把它的面積放大，還是把它換成和藍(lán)色相近的顏色，焦點的效果都沒有現(xiàn)在的好。所以我們在具體設(shè)計配色的時候千萬不要有強(qiáng)迫癥，因為這些方法往往都是結(jié)合使用的。
這個也是面積對比產(chǎn)生的焦點，同時又有藍(lán)色與紅色的冷暖對比。
這個頁面也是，通過在大面積綠色調(diào)中使用一個紅色塊，快速形成對比，從而確定焦點。
以上我們主要講解了通過配色形成焦點的一些方法，但其實細(xì)心的同學(xué)就會發(fā)現(xiàn)，這里面還是有一些潛規(guī)則的，有的是和色彩有關(guān)，有的可能和色彩無關(guān)。比如說同樣的色彩或同樣大小的對象，具象的東西比抽象的東西容易形成焦點、人物比場景或風(fēng)景容易形成焦點、圖像比文字容易形成焦點、標(biāo)題文字比內(nèi)文容易形成焦點、暖色比冷色容易形成焦點、強(qiáng)對比比弱對比容易形成焦點，最后我們就分別來看一下。
具象的事物比抽象的事物容易形成焦點，這個似乎沒什么可說的，大家應(yīng)該都能明顯的感覺到，就比如這個海報，即使人臉的周圍有著密密麻麻的抽象圖像，我們的注意力依然在人臉的部分。
人物要比場景更容易產(chǎn)生焦點，比如這個海報，同時存在兩張圖片，雖然上方的圖片是一匹馬不是人，但是道理是一樣的，我們的視線總是想關(guān)注這個馬的眼睛，而下方的海水我們可能只是一掃而過。
圖片比文字更容易形成焦點，這個也是無需多說的一點，因為即使都是黑白的圖片和文字，我們也會首先注意到圖片，這是圖片所具有的天然魅力。比如這個海報，假如我們把圖片遮掉，那么紅色的「魂」字毋庸置疑就是第一焦點，因為在一堆黑色文字中它實在太顯眼了，但是加上人物圖片的話，就沒有多少人會去關(guān)注「魂」字了。
標(biāo)題比內(nèi)文更容易產(chǎn)生焦點，這是因為標(biāo)題所具有的天然優(yōu)勢，也就是面積優(yōu)勢，比如我們看這個海報，其實它這里的標(biāo)題使用與圖片一樣的藍(lán)色并不是很突出，雖然日期和副標(biāo)題使用了色相對比，也確實成為了焦點，但是對于主標(biāo)題的影響并不是很大，我們依然不會忽略掉主標(biāo)題，這就是面積原因所造成的，因為它足夠大。
暖色比冷色更容易形成焦點，這個海報就是一個很好的說明，因為海報中兩個圖片大小相當(dāng)，唯一的區(qū)別就是一個是暖色一個是冷色，那么哪個更吸引你呢？一定是暖色，如果你說你就是被冷色所吸引那也沒關(guān)系，但是你自己保留意見，我不接受反駁。
最后就是強(qiáng)對比大于弱對比，比如我們看這個海報，其實本身背景色上有色相的對比，但是因為對比不夠強(qiáng)，所以就讓上方的紅色成為了焦點，因為紅色與整體背景形成了強(qiáng)烈的深淺對比。
本期教程到這里就結(jié)束了，簡單總結(jié)一下，首先我們通過一些案例說明了色彩焦點的重要性，也就是滿足了人的三種需求：生理需求、視覺傳達(dá)的需求以及審美的需求。其次我們講解了如何形成或強(qiáng)調(diào)焦點，也就是通過一些色彩對比來實現(xiàn)。最后補(bǔ)充了一些焦點配色中存在的潛規(guī)則，也就是哪些內(nèi)容或形式具有形成焦點的天然優(yōu)勢。當(dāng)然這一切的落腳點還要歸到視覺傳達(dá)以及色彩營銷上。
原文作者：研習(xí)設(shè)
在我收藏夾里，收藏著大量優(yōu)秀的設(shè)計，每次去看的時候，不停問自己為什么當(dāng)初這個設(shè)計吸引了我，后來終于找到一個點，就是色彩，在第一眼看到的時候，奪走我視覺焦點的就是色彩。
色彩是設(shè)計師的一個魔法棒，它能吸引你的注意力，喚起設(shè)計情感，在電商設(shè)計中，人們對產(chǎn)出做出的90%的快速決策來源于色彩，所以為什么國內(nèi)電商的“立即購買”會是橙色，紅色，因為這個顏色能刺激用戶，能產(chǎn)生購買沖動！
那么怎么去定義一套色彩呢？一起來了解下
色彩怎么定義
1.了解產(chǎn)品性格
在定義色板的時候，首先需要去確定設(shè)計的目的是什么，試著去問問自己，我們的這個色彩需要給用戶傳遞什么樣的信息，是希望他有購買欲望，還是希望他感受到尊貴感受，還是希望喚起他某種情緒，色彩可設(shè)定品牌基調(diào)，情緒。
▲ 可口可樂旗下Fuze Tea紅茶品牌，采用自然的綠色作為品牌顏色，來傳遞這款茶，融合植物、茶淬取物和其他健康成分。
▲ Uber (優(yōu)步)越南推出的網(wǎng)路“摩托車”接送服務(wù)，在UberMOTO全新品牌形象設(shè)計中，因為在越南天氣很炎熱，所以采用了藍(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)想到大地以及秋色，變化和運動的感覺。
▲ 黃色：明亮、輝煌、燦爛、愉快、親切、柔和的印象。
▲ 綠色：是豐饒、充實、平靜與希望綠色繼承了藍(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ù)來梳理喜歡的這個配色，做成色板，有必要吋候可以迸行凋整。
如何去定義一套UI配色
如何去定義一套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)色帶上其實很多顔色都比較接近，比如綠色、藍(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的運用，色盤出來了其實只是根據(jù)，關(guān)于如何色彩搭配其實是需要我們不斷的去嘗試!希望大家都能掌握這個方法。
原文地址：我們的設(shè)計日記（公眾號）
作者： sky
