10種年輕時(shí)尚的UI色彩搭配

　　色彩在項(xiàng)目中非常的重要，現(xiàn)在很多的品牌都在年輕化。他的設(shè)計(jì)也在強(qiáng)調(diào)個(gè)性潮流，還有時(shí)尚。那么我們?nèi)绾未钆涑鰰r(shí)尚的配色呢?本文AAA教育的武老師精選10種時(shí)尚的色彩搭配，也許對(duì)你有參考價(jià)值。
 

　　1、綠色搭紫色
 

　　這是以前很少見(jiàn)的一種色彩搭配方式，居然也被設(shè)計(jì)師解鎖了，而且效果很時(shí)尚。
 

　　以同等面積的綠色和紫色塊作為背景，由于綠色和紫色是對(duì)比色關(guān)系，所以大面積交叉組合在一起十分搶眼。
 

　　綠色和紫色塊，相比上一張海報(bào)在明度和飽和度上都要低一些，但看起來(lái)仍然很時(shí)尚，而且視覺(jué)上要柔和一些。
 

　　上圖是一款汽水包裝的插畫，其主要顏色也是綠色和紫色，不過(guò)這兩個(gè)顏色都有一點(diǎn)漸變效果，所以視覺(jué)上更豐富、更有層次。
 

　　2、紅色搭藍(lán)色
 

　　紅配藍(lán)從來(lái)是一組經(jīng)典的搭配，自古紅藍(lán)出CP這句話設(shè)計(jì)師應(yīng)該都聽(tīng)過(guò)，很多知名品牌也都是以紅藍(lán)作為品牌主色，比如百事可樂(lè)和巴塞羅那足球俱樂(lè)部。
 

　　以紅藍(lán)搭配作為主色的設(shè)計(jì)作品也非常多。
 

　　紅色和藍(lán)色的飽和度都非常高，且在紅色內(nèi)做了一點(diǎn)深淺漸變，能夠使畫面看起來(lái)更透氣。由于這兩個(gè)顏色搭在一起會(huì)有一定的暈色效果，所以在藍(lán)色背景中的文字如果想使用紅色，需要滿足兩個(gè)條件：一是文字不能太多，二是字號(hào)不能太小、字體筆畫不能太細(xì)。
 

　　背景采用淡藍(lán)色，這樣能使中間的紅色主體更突出，且不會(huì)有暈色效果。
 

　　海報(bào)背景為實(shí)景，所以藍(lán)色的天空和紅色的地面都是有深淺變化的漸變色，紅藍(lán)之間似乎多了一條白色的銜接地帶，就好像百事的Logo，所以看起來(lái)既時(shí)尚也很和諧。
 

　　3、玫紅搭青色
 

　　紅配青與紅配藍(lán)類似，但效果感覺(jué)更年輕、更新穎一點(diǎn)。
 

　　3D金屬質(zhì)感的元素，配上高飽和度的青藍(lán)色和紫紅色，效果確實(shí)騷到不行。
 

　　4、玫紅搭綠色
 

　　鐵打的紅色，流水的藍(lán)青綠色，前面說(shuō)完了紅配藍(lán)和紅配青，我們?cè)賮?lái)看看紅配綠的效果，大紅色和綠色是互補(bǔ)色，搭配在一起很經(jīng)典，但效果有點(diǎn)復(fù)古的感覺(jué)，而把大紅色改成玫紅色以后，效果就變得時(shí)尚起來(lái)了。
 

　　需要注意的是紅配綠中的綠色明度和飽和度不能太高，否則會(huì)很刺眼。
 

　　5、紅藍(lán)紫搭配
 

　　玫紅、藍(lán)色、紫色，在很多年輕時(shí)尚的設(shè)計(jì)中都會(huì)用到，通常會(huì)把其中一個(gè)顏色作為背景色。比如今年比較火的賽博朋克風(fēng)格，就是以這三個(gè)顏色作為主色的，該風(fēng)格還有一個(gè)特點(diǎn)就是整體色調(diào)偏暗，適合表現(xiàn)夜間效果。
 

　　6、紅藍(lán)青搭配
 

　　效果和用法與紅藍(lán)紫搭配類似，但由于青色與紅色的對(duì)比效果，比紫色與紅色的對(duì)比效果更強(qiáng)，所以視覺(jué)上通常會(huì)更活潑。
 

　　藍(lán)色的文字在紅色背景中會(huì)出現(xiàn)暈色，影響其識(shí)別性，所以設(shè)計(jì)師添加了一層白色來(lái)隔離這兩個(gè)顏色，而插畫部分則是使用黑色描邊來(lái)隔離。UI設(shè)計(jì)相似顏色。
 

　　7、紅黃藍(lán)搭配
 

　　紅黃藍(lán)是經(jīng)典的三原色搭配，三個(gè)高飽和度的對(duì)比度色搭在一起通常都會(huì)很時(shí)尚。
 

　　紅、黃、藍(lán)都是漸變色，且明度較高，三個(gè)顏色相互融合，跟我們往常見(jiàn)到的紅黃藍(lán)搭配效果很不一樣，時(shí)尚且清新脫俗。
 

　　上圖海報(bào)以深藍(lán)色作為背景，主體為黑白灰，紅色和黃色作為點(diǎn)綴，把原本很壓抑的畫面點(diǎn)燃了，效果非?？帷?br />  

　　8、紅到青漸變
 

　　紅色到青色的漸變中間會(huì)有一個(gè)灰色地帶，使其面積占比盡量小一點(diǎn)，畫面就不會(huì)顯得太臟，效果也是很時(shí)尚的。
 

　　9、藍(lán)到綠漸變
 

　　綠色和藍(lán)色是鄰近色，其實(shí)是很常見(jiàn)的一種漸變色類型，但如果色值選對(duì)，且在色彩中加入一點(diǎn)其他顏色的輔助，也可以很時(shí)尚。
 

　　做漸變色的時(shí)候我們一定要注意，很多時(shí)候不是一個(gè)漸變工具就能搞定的，而是要用到畫筆或者高斯模糊效果，更靈活地創(chuàng)作漸變色，另外Ai中的網(wǎng)格也是創(chuàng)作漸變色的實(shí)用工具。
 

　　10、深色搭亮色
 

　　比如用黑色或者深藍(lán)、深紫色作為背景，然后主體元素的顏色為高飽和度的紫色、玫紅色、藍(lán)色、青色等，也很容易做出時(shí)尚的效果，像前面提到的賽博朋克風(fēng)就是這種搭配方式。UI設(shè)計(jì)像素風(fēng)也是。
 

　　結(jié)語(yǔ)
 

　　色彩是平面設(shè)計(jì)很重要的部分，但并不是全部，一件真正時(shí)尚的作品，需要在色彩搭配、設(shè)計(jì)形式、元素、構(gòu)圖、字體、排版等方面都做到符合時(shí)尚的調(diào)性，希望這篇文章能對(duì)你有所幫助。這篇文章的內(nèi)容你學(xué)到了嗎，更多資訊請(qǐng)持續(xù)關(guān)注AAA教育~