10種年輕時尚的UI色彩搭配

　　色彩在項目中非常的重要，現在很多的品牌都在年輕化。他的設計也在強調個性潮流，還有時尚。那么我們如何搭配出時尚的配色呢?本文AAA教育的武老師精選10種時尚的色彩搭配，也許對你有參考價值。
 

　　1、綠色搭紫色
 

　　這是以前很少見的一種色彩搭配方式，居然也被設計師解鎖了，而且效果很時尚。
 

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

　　綠色和紫色塊，相比上一張海報在明度和飽和度上都要低一些，但看起來仍然很時尚，而且視覺上要柔和一些。
 

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

　　2、紅色搭藍色
 

　　紅配藍從來是一組經典的搭配，自古紅藍出CP這句話設計師應該都聽過，很多知名品牌也都是以紅藍作為品牌主色，比如百事可樂和巴塞羅那足球俱樂部。
 

　　以紅藍搭配作為主色的設計作品也非常多。
 

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

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

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

　　3、玫紅搭青色
 

　　紅配青與紅配藍類似，但效果感覺更年輕、更新穎一點。
 

　　3D金屬質感的元素，配上高飽和度的青藍色和紫紅色，效果確實騷到不行。
 

　　4、玫紅搭綠色
 

　　鐵打的紅色，流水的藍青綠色，前面說完了紅配藍和紅配青，我們再來看看紅配綠的效果，大紅色和綠色是互補色，搭配在一起很經典，但效果有點復古的感覺，而把大紅色改成玫紅色以后，效果就變得時尚起來了。
 

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

　　5、紅藍紫搭配
 

　　玫紅、藍色、紫色，在很多年輕時尚的設計中都會用到，通常會把其中一個顏色作為背景色。比如今年比較火的賽博朋克風格，就是以這三個顏色作為主色的，該風格還有一個特點就是整體色調偏暗，適合表現夜間效果。
 

　　6、紅藍青搭配
 

　　效果和用法與紅藍紫搭配類似，但由于青色與紅色的對比效果，比紫色與紅色的對比效果更強，所以視覺上通常會更活潑。
 

　　藍色的文字在紅色背景中會出現暈色，影響其識別性，所以設計師添加了一層白色來隔離這兩個顏色，而插畫部分則是使用黑色描邊來隔離。UI設計相似顏色。
 

　　7、紅黃藍搭配
 

　　紅黃藍是經典的三原色搭配，三個高飽和度的對比度色搭在一起通常都會很時尚。
 

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

　　上圖海報以深藍色作為背景，主體為黑白灰，紅色和黃色作為點綴，把原本很壓抑的畫面點燃了，效果非?？?。
 

　　8、紅到青漸變
 

　　紅色到青色的漸變中間會有一個灰色地帶，使其面積占比盡量小一點，畫面就不會顯得太臟，效果也是很時尚的。
 

　　9、藍到綠漸變
 

　　綠色和藍色是鄰近色，其實是很常見的一種漸變色類型，但如果色值選對，且在色彩中加入一點其他顏色的輔助，也可以很時尚。
 

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

　　10、深色搭亮色
 

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

　　結語
 

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