一、以下幾種情況適合使用漸變色 

1、想把背景當(dāng)作天空 

如果你的背景有起到天空的作用，哪怕不是真實(shí)的天空，那么用漸變色都是比較合適的，通常是用單色漸變（色相一樣，只是明度和飽和度有變化，比如藍(lán)色到淺藍(lán)色）或類比色漸變（比如藍(lán)色到青色）。并且，即使是類比色漸變也是要有明度上的變化，因?yàn)檫@樣的漸變可以讓畫(huà)面更透氣、更有空間感。

▲漸變的方向通常是模擬真實(shí)天空的光感，即上暗下亮，或者中間亮四周暗。

2、想表現(xiàn)小清新的調(diào)性 

小清新在平面設(shè)計(jì)中通常是指視覺(jué)感受是自然、淡雅、靜謐的畫(huà)面，這樣的畫(huà)面其色調(diào)應(yīng)該是柔和的，所以很適合使用漸變色，而且一般是使用明度比較高、飽和度比較低的單色漸變或類比色漸變，在飲料、護(hù)膚品、家居等品牌的設(shè)計(jì)中比較常見(jiàn)。

3、想表現(xiàn)科技感

諸如3C產(chǎn)品，或與AI、互聯(lián)網(wǎng)相關(guān)的品牌、產(chǎn)品或者主題，其設(shè)計(jì)通常需要表現(xiàn)出科技感，而科技感是一種怎樣的視覺(jué)感受呢？這類視覺(jué)有一個(gè)共同的特點(diǎn)就是光感很強(qiáng)，比如下面這些作品。

所以為了表現(xiàn)比較強(qiáng)的科技感，畫(huà)面中通常少不了使用漸變色，因?yàn)橹挥袧u變色才能呈現(xiàn)出鮮明的明暗對(duì)比、強(qiáng)烈的光感，而且這種漸變色的明暗跨度會(huì)比較大，色彩的飽和度會(huì)比較高。色相以冷色為主，比如藍(lán)色、青色、綠色、紫色。

4、想表現(xiàn)食欲

食品海報(bào)最基礎(chǔ)的要求就是要能表現(xiàn)出食物的食欲，讓人看了會(huì)有想吃、想喝的欲望。我們都知道，在色彩中，暖色是比較有食欲的，比如紅色、橙色、黃色、粉色等。另外，如果是夏季，藍(lán)色綠色會(huì)給人清爽的感覺(jué)，所以也能加強(qiáng)食欲（通常指飲料、雪糕類產(chǎn)品）。

吃是人類的生理需求，也是最基礎(chǔ)的需求，所以對(duì)于食欲的表現(xiàn)肯定要樸實(shí)有親和力，漸變色就具有這樣的特質(zhì)。而且食物的色彩通常也是漸變色，所以使用漸變色作為背景可以與實(shí)物圖片形成呼應(yīng)。

食欲強(qiáng)的漸變色具有以下特點(diǎn)：

a.明度不會(huì)太低；

b.飽和度不會(huì)太高；

c.明度對(duì)比不會(huì)太大；

d.以單色漸變和類比色漸變?yōu)橹鳌?

二、怎樣的漸變色更有高級(jí)感? 

確實(shí)，很多視覺(jué)高大上的設(shè)計(jì)都喜歡用純色，但并不代表漸變色就表現(xiàn)不出高級(jí)感，蔥爺研究了大量奢侈品牌、中高端品牌的視覺(jué)設(shè)計(jì)，發(fā)現(xiàn)高端的漸變色通常具有以下幾個(gè)特點(diǎn)：

1、使用單色漸變

大家都知道高端的設(shè)計(jì)在色彩使用上是很克制的，即顏色的數(shù)量會(huì)比較少，而單色漸變相比多色漸變就要克制一些。

2、顏色明度較低

高端的設(shè)計(jì)喜歡用黑色作為背景，想必你也發(fā)現(xiàn)了，因?yàn)楹谏哂懈哔F、神秘、厚重的感覺(jué)，所以容易營(yíng)造出高端的氛圍，除了黑色，其他顏色的深色也具有這些特點(diǎn)，比如深藍(lán)、深紅、深綠等等。所以漸變色要想高端，整體的顏色也要偏暗，比如黑色到灰色漸變，深藍(lán)到藍(lán)色漸變等等。

3、顏色來(lái)源于畫(huà)面中的圖片

如果版面中是有圖片的，比如產(chǎn)品圖片或人物圖片，那么從圖片中吸取顏色用于填充背景，會(huì)使背景與圖片關(guān)聯(lián)性更強(qiáng)、更融合，畫(huà)面的效果會(huì)更和諧，否則容易出現(xiàn)生硬、拼湊的感覺(jué)。

三、時(shí)尚的漸變色有什么特點(diǎn)?  

自從進(jìn)入數(shù)字營(yíng)銷時(shí)代，各個(gè)品類的設(shè)計(jì)都在逐漸互聯(lián)網(wǎng)化，相比傳統(tǒng)營(yíng)銷，數(shù)字營(yíng)銷更講究年輕化和個(gè)性化，所以在視覺(jué)上通常也要求更潮、更時(shí)尚，特別是對(duì)于一些針對(duì)年輕人的品牌。時(shí)尚類的視覺(jué)設(shè)計(jì)中也很喜歡用漸變色，其特點(diǎn)如下：

1、顏色的飽和度和亮度較高

注意，亮度不是明度，亮度高不代表明度高，但是明度肯定不會(huì)太低(在ps拾色器面板中觀看HSB模式中的B值)。飽和度和亮度較高的漸變色更鮮艷、更張揚(yáng)，更符合年輕人和互聯(lián)網(wǎng)的特性。

2、顏色對(duì)比較強(qiáng)

比如對(duì)比色和補(bǔ)色漸變是時(shí)尚類設(shè)計(jì)很喜歡用的顏色，這樣的顏色反差比較大，視覺(jué)沖擊力也更強(qiáng)。

3、幾種效果比較時(shí)尚的漸變

a.炫彩漸變

b.鐳射漸變

c.彌散漸變

最后，蔥爺有必要提醒一下，色彩只是影響設(shè)計(jì)調(diào)性的其中一個(gè)因素，調(diào)性不是一個(gè)漸變色就能左右的，想要表達(dá)出正確的調(diào)性，還需要有圖片素材、構(gòu)圖、字體、排版、設(shè)計(jì)風(fēng)格等多個(gè)因素的配合，否則你的色彩用得再好也起不了多大的作用。

原文地址：蔥爺（公眾號(hào)）

作者：蔥爺

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》漸變色的正確打開(kāi)方式

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

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

藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ì)公司