超贊!讓頂尖設(shè)計(jì)師告訴你10個(gè)色彩運(yùn)用秘技

2015-9-11    博博

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專(zhuān)注而深入的界面設(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ù)

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

來(lái)源:優(yōu)設(shè)網(wǎng)

10-top-designer-color-tips-1

“色彩,這是一種多么深刻而神秘的語(yǔ)言??!”的確,不同的色調(diào)能夠調(diào)動(dòng)不同的情緒和反映,能夠影響用戶對(duì)于品牌的感知。簡(jiǎn)單說(shuō)來(lái),色彩可以造就不同的設(shè)計(jì)。與此同時(shí),研究表明,色彩能夠強(qiáng)化品牌認(rèn)知度(高達(dá)80%),加深用戶印象,讓品牌的設(shè)計(jì)和文本在同類(lèi)中脫穎而出。

幸運(yùn)的是,我們的早已遠(yuǎn)離可選色彩匱乏的年代。技術(shù)的革新使得人們選取色彩不再受到天然色素的限制,合成色素與屏幕的出現(xiàn)讓色彩和我們的生活越來(lái)越緊密,也使得選取和決定所需考慮的因素更加復(fù)雜。正是因?yàn)樯实臉O大豐富,配色方案的選取的確越來(lái)越麻煩了。Colourlovers 社區(qū)已經(jīng)為近800萬(wàn)種進(jìn)行了命名,不過(guò)依然有超過(guò)1600種色彩在后面正排隊(duì)等候。

聽(tīng)起來(lái)是不是有點(diǎn)不堪重負(fù)的意思?別擔(dān)心,聽(tīng)聽(tīng)來(lái)自Creative Market社區(qū)的設(shè)計(jì)師的建議吧,他們會(huì)告訴你關(guān)于色彩選取的最佳技巧,讓你也可以輕松挑選最佳的色彩組合。

1、靈感捕捉

來(lái)自Make Media 的 Callie Hegstrom 是一名才華橫溢的設(shè)計(jì)師,對(duì)于獲取靈感,她是這樣建議的:“我常常通過(guò)漂亮的照片來(lái)獲取斑斕絢爛的配色方案,取色的時(shí)候直接通過(guò)PS或者AI就可以。圖片是非常不錯(cuò)的配色來(lái)源,不過(guò)前提條件是你選取的圖片一定要有足夠的凝聚力?!?

所以,如果真的有色彩讓你特別喜歡的照片,不妨直接借助它來(lái)制作一個(gè)好用而的配色方案。諸如 Photocopa 這樣的工具會(huì)讓這個(gè)過(guò)程更快捷,你所需要做的就是上傳照片,然后探索可能的方案。

2、用好你的色輪

藝術(shù)家Marc Chagall 曾經(jīng)說(shuō)過(guò)一句被廣泛引用的話:“所有的色彩都是隔壁色彩的朋友,也是相反位置色彩的愛(ài)人。”其實(shí)這句話說(shuō)的就是色輪。

來(lái)自溫哥華Cultivated Mind 的設(shè)計(jì)師Cindy Kinash 曾說(shuō)過(guò):“當(dāng)使用水彩繪制花朵的時(shí)候,展現(xiàn)陰影最好的方式是使用色輪上相鄰的色彩來(lái)繪制?!?

在Cindy的作品中,淺藍(lán)和深藍(lán)、紫色相鄰,這一連串的色彩使用,渲染出了深度。色輪的使用技巧非常之廣,色彩之間的關(guān)系是如此的清晰而富有規(guī)律,你可以輕松運(yùn)用在不同的場(chǎng)合,創(chuàng)造出許多獨(dú)特的組合。

如果你對(duì)此并不了解,也不用擔(dān)心,網(wǎng)上有大把的相關(guān)工具幫你搞定色輪的使用。

3、向室內(nèi)設(shè)計(jì)借靈感

不同的設(shè)計(jì)領(lǐng)域,在處理色彩上有著相同的經(jīng)驗(yàn)。在室內(nèi)設(shè)計(jì)領(lǐng)域,設(shè)計(jì)師需要使用紋理、物體和色彩來(lái)調(diào)和空間。

在這方面,來(lái)自MyCreativeLand 的英國(guó)設(shè)計(jì)師 Elena Genova 有過(guò)不錯(cuò)的建議:“室內(nèi)設(shè)計(jì)的許多設(shè)計(jì)規(guī)則運(yùn)用在平面設(shè)計(jì)上非??孔V,比如用色,60%的主色調(diào)、30%的輔助色、10%的強(qiáng)調(diào)色,這樣的配色比例就非常不錯(cuò)。如果你需要引入第四種色彩,最好從輔助色當(dāng)中分出一部分來(lái)?!?

其實(shí)許多領(lǐng)域當(dāng)中知識(shí)和規(guī)律都是相通的,在不同的科學(xué)和藝術(shù)領(lǐng)域中借鑒規(guī)律并非是扯淡。所以,建筑學(xué)規(guī)律運(yùn)用到平面設(shè)計(jì)中來(lái),一點(diǎn)違和感都沒(méi)有。

4、保存好設(shè)計(jì)

設(shè)計(jì)師 Nicky Laatz 擁有一家攝影與設(shè)計(jì)商店,她分享了她是如何將漂亮的配色保存下來(lái)并復(fù)用的:“每當(dāng)我看到漂亮的圖片和配色不錯(cuò)的照片的時(shí)候,我會(huì)截圖并保存下來(lái)。當(dāng)我需要尋求配色方案的時(shí)候,我會(huì)在圖片庫(kù)當(dāng)中尋求靈感,總能找到符符合需求的方案?!?

Vanilla Frosting 是 Nicky商店中賣(mài)得最好的字體,它的配色和設(shè)計(jì)靈感就是來(lái)自于蛋糕。這也就是說(shuō),你的配色和設(shè)計(jì)靈感可以來(lái)自于許多不同的地方,不要給自己設(shè)限。

你可能已經(jīng)很熟悉Pinterest和花瓣這樣的網(wǎng)站了,這些靈感網(wǎng)站不僅能瀏覽,還能保存許多數(shù)字化的設(shè)計(jì)作品用作靈感來(lái)源。那么物理實(shí)體怎么辦呢?

設(shè)計(jì)師Austin Kleon在自己的書(shū)《Steal Like An Artist》中提到過(guò)一種方案:用文件夾和筆記本將你看到的雜志、傳單等你覺(jué)得漂亮的印刷品等搜集起來(lái),創(chuàng)造你自己的色卡和配色方案!

5、走出數(shù)碼色彩的限制

有的時(shí)候,顯示屏背后的數(shù)碼色輪并不能滿足你對(duì)于色彩的全部需求。離開(kāi)屏幕,看看這個(gè)世界的色彩,而彩通配色正好為你滿足了你的這一需求。

設(shè)計(jì)師 Callie Hegstrom 就是這樣做的,她以一種更加老派的方式來(lái)展示色彩的“物理形態(tài)”——使用彩通的配色手冊(cè)(Pantone Color Bridge)。她是這樣解釋的:“有的時(shí)候有一本物理形態(tài)的色彩手冊(cè),是非常有用的。尤其是當(dāng)用戶需要一種特定的色彩的時(shí)候,手冊(cè)會(huì)向他展示實(shí)際的效果?!?

其實(shí)仔細(xì)想想,彩通的色卡和手冊(cè)也算不上太過(guò)“老派”,畢竟色卡上每個(gè)色彩都有對(duì)應(yīng)的HEX值。對(duì)于有印刷和涉及色彩實(shí)體的設(shè)計(jì)師而言,有個(gè)色卡或者手冊(cè)還是非常省時(shí)省力的,這會(huì)節(jié)省相當(dāng)多的時(shí)間、金錢(qián),尤其省卻了不必要的來(lái)回折騰。

6、從自然取色

我們對(duì)于自然的色彩有著天然的親和。如果你打算從大自然借色彩,還是有一些地方需要注意的。來(lái)自CO-OP的 設(shè)計(jì)師Gary說(shuō)過(guò),自然的色彩里,有著無(wú)限的色彩組合。每一片葉子和沒(méi)一個(gè)水果都有著令人驚艷的色彩,這些自然的東西能給人靈感。Gary 在南非有著自己的網(wǎng)絡(luò)商店,他的設(shè)計(jì)靈感來(lái)自南非“光明而溫暖的陽(yáng)關(guān)”。

在這些富有水彩畫(huà)質(zhì)感的作品中,我們不難看出他的靈感來(lái)源:溫暖的火紅色,日落般絢爛的色彩,鮮艷的森林綠,充滿生命力。

你可以輕松在網(wǎng)上找到別人的設(shè)計(jì)和方案,但是只有你從自然獲取到的色彩,才是屬于你自己的。

7、專(zhuān)注于3到4種色彩

除非你是要設(shè)計(jì)一套奇花無(wú)比的“彩虹系”的作品,那么盡量避免色彩使用過(guò)量。智利平面設(shè)計(jì)師 Rodrigo German 認(rèn)為,將整個(gè)設(shè)計(jì)的色彩控制在三到四個(gè),會(huì)讓整體看起來(lái)清爽而不會(huì)太過(guò)。如果需要超過(guò)三個(gè)色彩,盡量在現(xiàn)有色彩中加入黑白灰創(chuàng)造同色系色彩。

這個(gè)案例中,Rodrigo 使用了Marty字體,色彩上也堅(jiān)持了他的三色原則,只使用了粉色、黑色和綠色。

所以,如果你想堅(jiān)持自己的創(chuàng)意和設(shè)計(jì),但是又感覺(jué)還有缺陷存在,不妨看看是不是配色方案用色過(guò)多。記住,最佳的配色方案是三種色彩。

8、根據(jù)主題來(lái)匹配色彩

想想看,你的設(shè)計(jì)到底是針對(duì)的什么主題。是關(guān)于運(yùn)動(dòng)、時(shí)尚、美容還是商務(wù)?決定了領(lǐng)域之后,你需要考慮的是與之相關(guān)的情緒是怎樣的。這應(yīng)該是一個(gè)可愛(ài)的時(shí)尚的宣傳單,還是一個(gè)積極向上的體育海報(bào)?它應(yīng)該是女性化的,還應(yīng)該是優(yōu)雅而開(kāi)朗的?

Graphic Box 的設(shè)計(jì)師 Salome 是這樣的建議的:“你應(yīng)該線構(gòu)思出一個(gè)粗略的顏色主題,然后繼續(xù)打磨細(xì)節(jié)。比如,你需要一個(gè)浪漫的紫色,或者可愛(ài)的粉紅色?!?

在她的秋季Graphic Kit 中,Salome 就采用了相對(duì)樸實(shí)的綠色、淺橙色和復(fù)古紅。

仔細(xì)看看周?chē)念?lèi)似的圖片、設(shè)計(jì)和創(chuàng)意作品,他們用了什么色調(diào)、傳達(dá)了什么情緒,如果你要借鑒的話,兩者之間有什么區(qū)別,要注意什么細(xì)節(jié),又該怎么使用。

另外一個(gè)不錯(cuò)的選擇是自己鉆研色彩理論。研讀一下色彩理論和色彩心理學(xué),了解色彩之間的關(guān)系、色彩對(duì)于用戶心理的影響。不過(guò),請(qǐng)記?。哼x擇那些最有效的色彩!

9、在Pinterest和搜尋主題模板

雖然國(guó)內(nèi)的花瓣擁有大量“符合國(guó)人需求”的畫(huà)板合集,但是用戶基數(shù)與品質(zhì)依然比不上這個(gè)領(lǐng)域的開(kāi)拓者Pinterest。Pinterest 幾乎是世界上最大的創(chuàng)意工作者的集散地,這里也有著數(shù)量龐大、可供選擇的調(diào)色板。Vintage Design Co., 創(chuàng)始人 Ian Barnard 為我們?cè)敿?xì)講述了在Pinterest 尋找配色方案的過(guò)程:

“很簡(jiǎn)單,如果我正打算做一個(gè)海灘主題的海報(bào),那么我通常只需要搜索‘Summer Color Palettes’,然后在搜索結(jié)果中挑選一個(gè)中意的就好了。 ”

就這么簡(jiǎn)單?當(dāng)然,不過(guò)好玩兒的地方在于,你還可以繼續(xù)細(xì)化篩選,針對(duì)不同領(lǐng)域篩選:室內(nèi)設(shè)計(jì)、時(shí)尚、平面設(shè)計(jì),甚至活動(dòng)設(shè)計(jì)。

10、關(guān)注色彩愛(ài)好者的社區(qū)

Colourlovers 就是一個(gè)典型的圍繞色彩而存在的創(chuàng)意社區(qū),來(lái)自世界各地的色彩愛(ài)好者在這里集結(jié),加入社區(qū)便可以同370萬(wàn)來(lái)自世界各地的設(shè)計(jì)師一同探討配色方案。

結(jié)語(yǔ)

色彩可以成就設(shè)計(jì),也可以毀掉設(shè)計(jì)。它可以帶來(lái)美麗與平和,也可以創(chuàng)造尖銳的效果,營(yíng)造恐怖的氛圍,而這些都取決于你,這些效果都最終歸結(jié)于你對(duì)于色調(diào)的選取是否認(rèn)真,都源自于你對(duì)于設(shè)計(jì)最初的想法。

無(wú)論你的配色的靈感是源自于其他的作品,還是得自于天然,如果這是一套靠譜的方案,它會(huì)有助于設(shè)計(jì)。那么為何不多加探索,讓你的設(shè)計(jì)擁有更強(qiáng)大的生命力呢?

你是如何運(yùn)用色彩的?在哪里獲取靈感?你又在用色上碰到什么樣的問(wèn)題?不妨在文后留言,我們一同探討!

【配色達(dá)人速成三部曲】

Step 1:打好色彩基礎(chǔ)是關(guān)鍵呦!
《設(shè)計(jì)師配色寶典!教你從零開(kāi)始學(xué)配色(一)》

Step 2:進(jìn)階技巧!向高手模仿是捷徑!
《配色弱有救了!教你利用圖片創(chuàng)建獨(dú)有的色彩方案》

Step 3:直接開(kāi)掛!不保證頂尖但一定正確!
《秒變配色高手!怎么都不會(huì)錯(cuò)的6條網(wǎng)頁(yè)設(shè)計(jì)配色原則》

原文地址:designschool
優(yōu)設(shè)譯者:@陳子木

「子木說(shuō)」

“不要給自己設(shè)限”,真的只是一句雞湯么?如果是,那么Ive不會(huì)從向日葵中獲取靈感,設(shè)計(jì)出iMac G4這樣的經(jīng)典,Peter Skillman 也不會(huì)從鴕鳥(niǎo)蛋擺件上獲取靈感,設(shè)計(jì)出Palm Pre 這樣屢獲大獎(jiǎng)的作品。(三星Galaxy系列的“風(fēng)、鵝卵石、水”的設(shè)計(jì)靈感來(lái)源壓根是扯淡的好不)許多東西就擺在那里,誰(shuí)都看得到,設(shè)計(jì)師從自然獲取靈感的的設(shè)計(jì)不計(jì)其數(shù),但是能用多少,真的要看腦洞的大小。不受限制,才能出奇跡啊。

uisdc-tuweia-2

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯,請(qǐng)尊重版權(quán)和譯者成果,轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接,違者必究。謝謝各位編輯同仁配合。

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔