160種常用的配色方案,把設(shè)計(jì)調(diào)性拿捏得死死的

2022-9-30    seo達(dá)人

一、高端

圖片

視覺調(diào)性高端的色彩,通常具有明度低、飽和度低、顏色數(shù)量少等特點(diǎn),所以很多高端的設(shè)計(jì)都會(huì)以深色作為背景色,因?yàn)樯钌@低調(diào)、更具神秘感,所以給人的感覺更高貴。然后以亞金色、銀色、桔紅色、白色等作為輔助色。

圖片

 

二、科技

圖片

想要表現(xiàn)科技感,色彩的整體調(diào)性通常會(huì)偏冷色系,明暗對(duì)比要強(qiáng),且通常會(huì)使用漸變色。比如以深藍(lán)色到藍(lán)色的漸變作為背景色,然后用高飽和度、高亮度的青色和紫色作為輔助色,這時(shí)這些輔助色就會(huì)非常的跳躍,具有一種發(fā)光的效果。

圖片

 

三、時(shí)尚

圖片

其實(shí)所有調(diào)性的配色都應(yīng)該要盡量時(shí)尚一點(diǎn),即使是想表現(xiàn)復(fù)古,也不能太土,所以這里所說的時(shí)尚特指偏向年輕、潮流的時(shí)尚。這種色彩通常具有飽和度高、明度適中、色相對(duì)比較大等特點(diǎn)。蔥爺這里概括了兩類,一類是以純色作為背景,這種色彩比較適合于品牌設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、畫冊(cè)設(shè)計(jì)等;一類是以漸變色作為背景,這種色彩比較適合于電商設(shè)計(jì)、廣告設(shè)計(jì)等。

圖片

圖片

 

四、酷炫

圖片

酷炫是指那種視覺效果特別張揚(yáng)、甚至是極具個(gè)性的色彩搭配,比如近幾年比較火的蒸汽波風(fēng)格、酸性風(fēng)格、賽博朋克風(fēng)格、故障風(fēng)格,其色彩就屬于酷炫類的。該類設(shè)計(jì)通常也是以深色作為背景,圖片元素會(huì)使用高飽和度且對(duì)比很強(qiáng)的漸變色,色彩相對(duì)較多。

圖片

 

五、好吃

圖片

即讓人感覺很有食欲的色彩搭配,這種色彩通常以暖色為主,比如紅色、橙色、黃色。飽和度較高、明度較低的組合方式通常用于餐飲行業(yè);而飽和度較低、明度較高的色彩組合通常用于甜點(diǎn)、飲料等行業(yè)。

圖片

 

六、夏天

圖片

目前正值火熱的夏季,所以蔥爺專門整理了一些適合表現(xiàn)夏季的好看色彩,該類色彩通常會(huì)以藍(lán)色、青色、綠色這種冷色系最為主要顏色,然后以黃色或紅色、白色作為輔助色,這種色彩組合會(huì)給人清涼、快樂的感覺。

圖片

 

七、清新

圖片

小清新的視覺感受為輕松、柔和、淡雅,要達(dá)到這樣的效果,顏色的明度通常是比較高的,飽和度偏低,常用的顏色有淺青色、淺綠色、淺黃色、粉紅色等,在奶茶、女性護(hù)膚品的相關(guān)設(shè)計(jì)中比較常見。

圖片

 

八、快樂

圖片

快樂是張揚(yáng)的、是活潑的,所以快樂的色彩飽和度較高、明度不會(huì)太低、色彩的種類會(huì)比較多,通常也是以暖色為主,但是會(huì)搭配冷色一起使用。黃色具有很強(qiáng)的快樂、陽光屬性,所以想要表達(dá)快樂,黃色通常是少不了的。

圖片

 

九、可愛

圖片

跟兒童、年輕女性相關(guān)的設(shè)計(jì),通常需要表現(xiàn)出可愛的調(diào)性,這類色彩通常是用冷色和暖色相互組合,顏色的明度同樣不會(huì)太低,否則會(huì)有壓抑的感覺,另外飽和度也不要過高,飽和度稍低一點(diǎn)效果會(huì)更柔和一些。

圖片

 

十、健康

圖片

想到健康我們立馬就會(huì)想藍(lán)天白云、青山、綠色的草地和樹葉,還有黃色的小野花等等,所以藍(lán)色、綠色、青色、黃色、白色都是常用于表現(xiàn)健康的色彩,紅色也可以偶爾作為點(diǎn)綴色加進(jìn)來。由于健康的調(diào)性也是要給人一種舒適、輕松的感覺,所以整體的顏色明度不要太低。

圖片

 

十一、運(yùn)動(dòng)

圖片

要想讓色彩動(dòng)起來,對(duì)比一定要強(qiáng),可以是色相對(duì)比、也可以是明度對(duì)比和飽和度對(duì)比。橙色和黃色是兩個(gè)很具活力的的顏色,所以常用于表現(xiàn)運(yùn)動(dòng)的設(shè)計(jì)里。

圖片

 

十二、科幻

圖片

這是一些科幻電影、機(jī)動(dòng)游戲的海報(bào)設(shè)計(jì)常用的色彩搭配組合,給人的視覺感受是穩(wěn)重而大氣,科技感和神秘感并存,所以背景色通常也比較暗,喜歡用青色和黃色這種比較亮的顏色作為點(diǎn)綴。

圖片

 

十三、喜慶

圖片

在設(shè)計(jì)節(jié)日海報(bào)或促銷海報(bào)時(shí),通常需要表現(xiàn)出喜慶的調(diào)性,有些設(shè)計(jì)師會(huì)局限在大紅色、黃色、和橙色里,這樣搭配出來的色彩容易土,而想要解決這個(gè)問題,一方面可以加入冷色搭配使用,另一方面顏色的飽和度和亮度也不要過高。

圖片

 

十四、復(fù)古

圖片

這類色彩的特點(diǎn)是顏色的飽和度會(huì)相對(duì)低一點(diǎn),而且大多數(shù)情況下,整體的明度通常也不會(huì)太高,常用類比色搭配和對(duì)比色搭配。

圖片

 

十五、中國風(fēng)

圖片

具有中國風(fēng)特色的顏色和色彩組合有很多,蔥爺這里僅列舉了8個(gè)組合。這類色彩同樣飽和度不會(huì)達(dá)到最高,有點(diǎn)復(fù)古和充滿文化氣息的感覺。胭脂(暗紅色)、緗色(中黃)、紺青(深藍(lán)色)、黛(褐色)等是中國風(fēng)常用的顏色。

圖片

 

十六、夢(mèng)幻

圖片

夢(mèng)幻具有奇妙和神秘的感覺,好像在黑暗中找到了一點(diǎn)曙光,奇遇了驚喜一般,所以大多數(shù)情況下,背景色會(huì)使用從深色到亮色的漸變。顏色相對(duì)會(huì)比較豐富,而且以漸變色居多。

圖片

 

十七、女性

圖片

女性是溫柔的,是感性的,所以該類色彩組合通常為類比色,偶爾會(huì)用一點(diǎn)對(duì)比色作為點(diǎn)綴,以增加畫面的活潑氣息,顏色的明度和飽和度都不能太低,當(dāng)然飽和度最好也不要過高,粉色、紫色是常用于表現(xiàn)女性的色彩。

圖片

 

十八、優(yōu)雅

圖片

優(yōu)雅可以理解為低調(diào)、高級(jí)、溫和、安靜,所以這類色彩的對(duì)比通常不會(huì)太強(qiáng),飽和度也會(huì)比較低,整體的色彩調(diào)性會(huì)偏中性,常用卡其色、麻色,還有單色組合及類比色組合。

圖片

 

十九、經(jīng)典色彩組合

圖片

除了以上十八大調(diào)性,蔥爺還給大家推薦一些經(jīng)典的配色,很難把它們具體歸為哪一類,但是我們?cè)谧龊芏嘣O(shè)計(jì)時(shí),用上這種配色總能得到不錯(cuò)的效果,比如紅黃黑、紅白藍(lán)、黃綠黑、等等,在很多平面海報(bào)設(shè)計(jì)中經(jīng)常能看到。

圖片

 

 

圖片

以上所列舉的色彩組合,矩形色塊為背景色,圓形色塊為畫面中圖片元素或文字使用的顏色。根據(jù)需要可以把其中的某些純色轉(zhuǎn)變?yōu)閱紊珴u變,或者也可以把某些單色漸變轉(zhuǎn)化為純色。另外,在不包含黑白灰的色彩組合里,仍可以根據(jù)需要自行加入黑白灰,比如用于填充文字的顏色。
當(dāng)然,能體現(xiàn)以上這些調(diào)性的顏色還有很多,大家可以自行補(bǔ)充,建立起自己的色庫。 

作者:蔥爺

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》160種常用的配色方案,把設(shè)計(jì)調(diào)性拿捏得死死的

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



分享本文至:

日歷

鏈接

個(gè)人資料

存檔