關(guān)于設(shè)計色彩的文章垂蜗，我寫的不多（好像木有吧...）楷扬，也許是自身也并不太擅長，前些天恰巧看外文文章贴见，一個國外設(shè)計師寫的一篇基礎(chǔ)的色彩運用文章烘苹，清晰明了，也比較適合剛?cè)胄械脑O(shè)計師們閱讀學(xué)習(xí)片部，所以進行了轉(zhuǎn)譯镣衡，分享給大家。

顏色是一個設(shè)計師手中強大的力量档悠。 它吸引你的眼睛廊鸥，喚起你的情緒，連接各種含義站粟。在一個被廣泛引用的色彩研究題目對市場的影響中黍图，研究人員發(fā)現(xiàn)，人們購買產(chǎn)品時奴烙，90％草率做出決定的人是單獨根據(jù)顏色來選擇的助被。因此剖张，有效地利用色彩來設(shè)計非常重要。但是揩环，不同的顏色進行組合也很困難搔弄。每種顏色都有自己的意思，也可以進行多種多樣的組合丰滑。這篇文章的目的是作為一個指南顾犹，以幫助你拿出調(diào)色板的設(shè)計。鼓勵你去探索更多的顏色褒墨，幫助你開發(fā)出對于色彩組合的良好直覺炫刷。

一.選擇調(diào)色板

有時，一個調(diào)色板是靈光一現(xiàn)的結(jié)果郁妈。但大多數(shù)時候浑玛，它是系統(tǒng)化方法的結(jié)果。

1.確定目標(biāo)

做任何事情之前噩咪，首先確定你的設(shè)計目的顾彰。問問自己以下幾個問題：

你想傳達的設(shè)計信息是什么？

你的設(shè)計的目的是什么胃碾？為了傳達信息涨享？為了說服？

你的設(shè)計要表達的情感是什么仆百？

你設(shè)計的目的應(yīng)當(dāng)作為你選擇調(diào)色板的向?qū)А?/p>

2.找出你的聽眾

人們感知到的顏色不同厕隧。顏色基于個人喜好，文化教養(yǎng)和生活體驗儒旬，有不同的效果栏账。因此，為了了解人們對你設(shè)計作品的反應(yīng)栈源，你需要確定你的聽眾挡爵。

有些顏色的含義是普遍大眾的，有些則不是甚垦。比如紅色在不同文化里有不同的解釋茶鹃。在西方世界，紅色與火艰亮，暴力和戰(zhàn)爭有關(guān)闭翩，但它也代表了愛和激情，然而迄埃，在中國就把紅色與繁榮和幸福聯(lián)系了起來疗韵。

由于顏色有這么多不同的含義，設(shè)計的顏色與目標(biāo)受眾的心理模型匹配很重要侄非。

3.回顧色彩理論

當(dāng)選擇一個調(diào)色板時蕉汪，你有時會順便了解一些色彩理論流译。色彩理論是混合顏色的邏輯結(jié)構(gòu)和現(xiàn)實顏色的指導(dǎo)意義。它包括一切在色輪的顏色的各種含義者疤。

4.尋找靈感

有時很難選出正確的調(diào)色板來進行設(shè)計福澡。但沒關(guān)系，偉大的藝術(shù)家偷竊驹马「镌遥或者說，他們在其他藝術(shù)家的作品是獲取靈感糯累。作為調(diào)色板靈感獲取網(wǎng)站——Dribbble算利、Behance。如果你想找到一個特定的設(shè)計風(fēng)格來獲取色彩靈感寇蚊，笔时，比如材料設(shè)計風(fēng)格，你可以使用像MaterialUI這類的網(wǎng)站仗岸。平面設(shè)計可以在FlatUIColors獲取靈感。

這些網(wǎng)站是有用的借笙，但盡量搜集那些你正在設(shè)計的相關(guān)有用信息扒怖，這樣做有助于你想出意外獨特且清新悅目的色彩調(diào)色板。舉個例子业稼，可以看看室內(nèi)設(shè)計盗痒。

如果你想要不同的東西，在其他文化的設(shè)計中尋找色彩靈感低散。例如俯邓，韓國音樂視頻集設(shè)計被稱為繽紛醒目的調(diào)色板。每一幀都可以作為靈感的源泉熔号。

但是你不必去韓國找色彩靈感稽鞭。它無處不在，甚至包括你的日常生活引镊。你出去的時間朦蕴，停下來欣賞你周圍的顏色，就可以獲得色彩靈感弟头。當(dāng)你找到激勵你的東西吩抓，為它創(chuàng)建一個調(diào)色板。你可以在最喜歡的設(shè)計程序中使用滴管工具赴恨，梳理出一個調(diào)色板并在必要時進行調(diào)整疹娶。

5.建立系統(tǒng)的設(shè)計

設(shè)計系統(tǒng)，有時也被稱為風(fēng)格指南伦连，是包含了你設(shè)計中的所有設(shè)計元素的設(shè)計框架雨饺。這包括從按鈕到排版的所有的事情挣饥，比如像你將要使用的按鍵種類和導(dǎo)航欄的樣子。選擇調(diào)色板之前建立一個設(shè)計系統(tǒng)是有益的沛膳，即使這只是一個粗略的草圖扔枫。這樣做會幫助你梳理設(shè)計中有什么元素和什么顏色更加匹配元素。當(dāng)選擇調(diào)色板來設(shè)計時锹安，最好能堅持KISS（保持簡單短荐，愚蠢的）原則，色彩越少越好叹哭。對于大多數(shù)設(shè)計系統(tǒng)忍宋，下面的結(jié)構(gòu)是一個良好的開端：

背景

主要強調(diào)

次要強調(diào)

錯誤顏色

成功的色彩

主要顏色是你最經(jīng)常使用的重要按鈕和重要部分的顏色。對于許多公司來說风罩，這也是他們的標(biāo)志顏色糠排。

二級顏色是用來區(qū)分那些主要行為的顏色。例如超升，主要和次要的按鈕入宦，錯誤和成功的顏色通常是紅色和綠色，成功或錯誤的頁面通知室琢。

6.選擇調(diào)色板

對于基本的調(diào)色板乾闰，我喜歡把我的顏色并排鋪在旁邊，就像一個藝術(shù)家會為他們的作品調(diào)色盈滴。

這是把你所有的色彩靈感迸發(fā)涯肩，并創(chuàng)建出調(diào)色板的最好時間，越多越好巢钓。不要害怕顏色搭配不好病苗。縮小你的調(diào)色板選項症汹，問問自己以下幾個問題：

什么顏色可以訪問硫朦？

什么顏色有視覺沖擊力吸引眼球？

你需要一個淺色或深色的配色方案嗎烈菌？用戶在一天內(nèi)什么時間會使用你的產(chǎn)品阵幸？

你的設(shè)計傳達了什么情緒？請問你有任何一個調(diào)色板做到這一點比其他人好嗎芽世？

正如我在上一節(jié)中提到的挚赊，顏色會在你的設(shè)計系統(tǒng)中扮演不同的角色。這也意味著济瓢，每個顏色在系統(tǒng)中都扮演了不同角色荠割。例如，你的背景顏色在使用頻率上往往會多于主色的使用。

正因為如此蔑鹦，創(chuàng)建不同大小的形狀組成一次性設(shè)計夺克，有時也是一種不錯的體驗，每個形狀大小大約等于給定頁面上顏色的平均表面積的頻率嚎朽。

舉一個例子铺纽，這里是INVISION的調(diào)色板。

幾何表示可能是這個樣子哟忍。

7.應(yīng)用調(diào)色板

為了教你如何運用色彩來設(shè)計系統(tǒng)狡门，讓我們來看看Airbnb的制作。 Airbnb的原色是Rausch锅很，公司源于街道命名其馏。Rausch作為二次色和兩個灰色用作背景顏色。

對于大多數(shù)頁面爆安，Airbnb使用霧灰色為背景叛复。你可以看到，他們使用的Rausch作為其主要的顏色扔仓。

Rausch褐奥，綠松石色，很容易被人眼捕捉到当辐。

有關(guān)錯誤的信息抖僵，Airbnb采用了淡紅色，可以說是Rausch的陰影缘揪。紅色與感嘆號一起，立即吸引你的眼球义桂，并通知你系統(tǒng)的狀態(tài)找筝。

剛開始設(shè)計界面時，你無需設(shè)計任何顏色慷吊，只要重點布局排版和元素的位置袖裕。在滿意排版和元素位置后，那么就可以開始應(yīng)用你的調(diào)色板到設(shè)計中了溉瓶。

想要設(shè)計出視覺層次急鳄，首先要考慮一下你想要突出的元素并指定相應(yīng)的顏色是什么，此外堰酿，考慮使用的顏色深淺不同疾宏，怎樣更像懸停，以及單擊后的狀態(tài)是什么樣子的触创。

二.總結(jié)

顏色是所有設(shè)計有關(guān)實驗和迭代的產(chǎn)物坎藐。如果你想在色彩的運用上變得更好，唯一的答案就是做更多的工作。如果你的設(shè)計的布局和功能已經(jīng)完善岩馍，那么你就可以盡可能多的試用調(diào)色板碉咆，只要你想嘗試。

本文內(nèi)容由本公眾號原創(chuàng)轉(zhuǎn)譯蛀恩，轉(zhuǎn)載請注明出處疫铜，否則后果必究。

關(guān)于大寶（我本人）：

互聯(lián)網(wǎng)領(lǐng)域設(shè)計師双谆，跨界于廣告壳咕、創(chuàng)意、工業(yè)設(shè)計佃乘、用戶體驗等領(lǐng)域囱井，喜歡潮流，本身卻很土趣避，定期寫文庞呕，歡迎提出你感興趣的設(shè)計、藝術(shù)程帕、創(chuàng)意等話題住练，試著做一個書寫設(shè)計來影響你的人。

歡迎關(guān)注愁拭，閱讀更多原創(chuàng)設(shè)計思考讲逛。