旗下產(chǎn)業(yè): A產(chǎn)業(yè)/ A實(shí)習(xí)/ A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > 10種年輕時尚的UI色彩搭配
10種年輕時尚的UI色彩搭配
時間:2020-11-24來源:m.lb577.com點(diǎn)擊量:作者:Arya
時間:2020-11-24點(diǎn)擊量:作者:Arya

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

  1、綠色搭紫色
 

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

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

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

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

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

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

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

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

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

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

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

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

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

  3、玫紅搭青色
 

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

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

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

  4、玫紅搭綠色
 

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

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

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

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

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

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

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

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

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

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

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

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

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

  上圖海報以深藍(lán)色作為背景,主體為黑白灰,紅色和黃色作為點(diǎn)綴,把原本很壓抑的畫面點(diǎn)燃了,效果非常酷。
 

  8、紅到青漸變
 

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

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

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

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

  10、深色搭亮色
 

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

 

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

  結(jié)語
 

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

?2007-2019/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2019/ m.lb577.com 北京漫動者教育科技有限公司 備案號:京ICP備12034770號 監(jiān)督電話:010-62568622 郵箱:bjaaa@aaaedu.cc