網(wǎng)上有各種各樣的色彩庫(kù),配色仍然至關(guān)重要,有時(shí)候最好還是親自動(dòng)手。而且這個(gè)過程也非常有意思。今天這篇好文來自一位配色高手,來看看人家是怎么做出一個(gè)優(yōu)秀配色方案。
選擇配色方案往往是個(gè)難題,盡管網(wǎng)上有各種各樣的色彩庫(kù),配色仍然至關(guān)重要,有時(shí)候最好還是親自動(dòng)手。而且這個(gè)過程也非常有意思。今天這篇好文來自一位配色高手,來看看人家是怎么做出一個(gè)優(yōu)秀配色方案的。
為這類工作找到一套標(biāo)準(zhǔn)流程是不可能的,因?yàn)樗烊痪哂袆?chuàng)造性。我使用Sketch來進(jìn)行這項(xiàng)工作,你當(dāng)然也可以用Illustrator甚至Keynote和PPT來做。
提醒:品牌建設(shè)包含的遠(yuǎn)不止選擇顏色和字體,如果你想要給自己的公司尋找一套配色,我還是建議你雇傭?qū)I(yè)的品牌設(shè)計(jì)公司。
我接下來會(huì)重現(xiàn)我選定配色方案的過程,我需要把它用在一些演示當(dāng)中。一切開始于這張照片,Zurich機(jī)場(chǎng),由Erez Attias拍攝。在Unsplash上你可以找到許多更加漂亮(并且版權(quán)免費(fèi))的照片。
△ 瑞士Zürich-Flughafen的Zurich機(jī)場(chǎng)
首先要做的是從圖片中選取一些顏色。目前,我只會(huì)選出4種顏色:一種強(qiáng)調(diào)色彩、一種淺色、一種深色、還有一種其他顏色。我們之后可以隨時(shí)回來查看這張圖片。
△ 初始配色,從圖片中選出的樣本。
有了4種基礎(chǔ)色彩,可以開始做一些色彩上的探索了。盡管我不是這方面專家,但我有色彩理論的基本知識(shí),我以此來引導(dǎo)我的決策。
探索色調(diào)和飽和度
使用Sketch的調(diào)色盤,我們可以減淡或加深每一種色彩。既然有淺色和深色,我們就得稍微調(diào)節(jié)一下飽和度和明度。通常情況,調(diào)節(jié)色調(diào)時(shí)最好保持飽和度與明度近似,反之亦然。
通過其他工具探索
我們可以使用像Paletton這樣的在線工具幫助我們發(fā)現(xiàn)新的色彩。在本例中,我用了兩種不同工具來計(jì)算互補(bǔ)色和三色系。
Paletton
最后,還可以嘗試在配色上疊加40%透明度的白色和黑色。
嘗試各種疊加
選擇強(qiáng)調(diào)色時(shí),我們可以嘗試之前生成的某些更亮的顏色。
這整個(gè)過程幫助我們生成了相當(dāng)多不同的顏色。如果我把最初的配色去掉,它們就是這些:
△ 最后得到的色彩樣品
哎呀,這顏色太多了
一點(diǎn)沒錯(cuò),這顏色確實(shí)太多了。我發(fā)現(xiàn)通常最好保持4到5個(gè)主要色彩,其中有一個(gè)應(yīng)當(dāng)作為強(qiáng)調(diào)色。還可以有一系列的輔助色來支撐,比如用來表達(dá)某些含義(紅色代表錯(cuò)誤等等),將不同部分或者概念分組,(比如用在我的演示中),或者用于代碼語法高亮。
現(xiàn)在我們已經(jīng)有了這一大堆演示,該花些時(shí)間相互搭配,嘗試看哪些可以湊成對(duì)、可以用在哪里。在這里我給不出什么建議,你只能相信自己的內(nèi)心,還要考慮這些色彩能否很好描繪你的氣質(zhì)和身份。
△ 打磨配色(這不是在玩俄羅斯方塊)
0
喜歡他,就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)