漸變使用指南，如何創(chuàng)造令人難忘的漸變

在很長一段時(shí)間中，在設(shè)計(jì)中使用漸變是一大禁忌，老師在教學(xué)中總是告訴學(xué)生不要使用漸變，因?yàn)闈u變色很難在印刷品中顯示。但是現(xiàn)在，漸變已經(jīng)成為一種流行趨勢(shì)，我們打開dribbble和behance，可以看到很多使用漸變的設(shè)計(jì)作品，在本文中，我們就來談?wù)劃u變的使用技巧。

相比純色設(shè)計(jì)，漸變有哪些好處

在2014年以后，UI設(shè)計(jì)的風(fēng)格開始從擬物化轉(zhuǎn)到扁平化，谷歌發(fā)布了Material Design，蘋果發(fā)布了iOS 7，設(shè)計(jì)師們開始嘗試用扁平的純色做設(shè)計(jì)。但是純色的設(shè)計(jì)有一個(gè)弊端，就是可以使用的顏色很少，設(shè)計(jì)師的創(chuàng)意受到了束縛，同質(zhì)化比較嚴(yán)重。

2014年非常流行的純色長投影設(shè)計(jì)，當(dāng)時(shí)的漸變?cè)O(shè)計(jì)很少

在扁平化設(shè)計(jì)流行多年以后，純色慢慢不能滿足設(shè)計(jì)師的需求了，大家開始使用漸變，相比純色而言，漸變主要有兩大好處：

1.漸變可以創(chuàng)造更有表現(xiàn)力的畫面，獲得更多的創(chuàng)作自由。

通過將兩種或多種顏色混合，漸變?yōu)闊o限的可能性打開了大門，設(shè)計(jì)師可以創(chuàng)造出更個(gè)性和令人難忘的視覺設(shè)計(jì)。

Ghani Pradita設(shè)計(jì)的網(wǎng)頁使用了豐富的漸變，多彩的畫面有很強(qiáng)的感染力

2.漸變可以引導(dǎo)用戶視線。

設(shè)計(jì)師通過一些技巧，在使用漸變的時(shí)候可以將用戶的目光巧妙地引導(dǎo)到視覺焦點(diǎn)上，吸引用戶的注意力。

Mixpanel使用漸變來突出顯示插圖，由深到淺的漸變背景將用戶的注意力引導(dǎo)到插圖上

3.突出的漸變可以成為畫面中的視覺中心。

尤其是在黑色的背景中，使用漸變經(jīng)常能達(dá)到令人驚訝的效果，它能模擬光在黑暗中的效果，成為畫面的視覺中心。

黑暗中的漸變經(jīng)常能做出非常棒的光感，成為視覺中心

使用漸變的一些技巧

1.不要使用對(duì)比很強(qiáng)的顏色

不是所有的顏色都能很好得組合在一起。如果使用互補(bǔ)色組成漸變，對(duì)比度太強(qiáng)，通常情況下效果都很臟。

這是紅色和綠色在一起時(shí)的效果，作為互補(bǔ)色它們組成的漸變效果很差

使用相近的顏色創(chuàng)造的漸變很和諧，下圖為使用青色藍(lán)色和紫色創(chuàng)造的漸變。

2.上淺下深的漸變可以模擬物體

經(jīng)過力力的觀察，上淺下深的漸變可以模擬現(xiàn)實(shí)生活中物體被光照射的景象（比如卡片）

在一些理財(cái)應(yīng)用中，經(jīng)常用上淺下深的漸變來模擬卡片

3.上深下淺的漸變適合做背景

生活是設(shè)計(jì)的導(dǎo)師，不知道大家仔細(xì)觀察過天空沒有，天空的顏色從上到下一般是從深藍(lán)色過度到淺藍(lán)色的，天空在我們的生活中一直扮演了背景的角色，因此在設(shè)計(jì)中設(shè)計(jì)師也經(jīng)常用上深下淺的漸變作為背景，可以很好得引導(dǎo)用戶的視線向下看。

天空的漸變

在UI設(shè)計(jì)中，背景經(jīng)常使用上深下淺的漸變，就像天空一樣，把用戶的目光引導(dǎo)到下方的內(nèi)容中

4.高級(jí)的漸變必須有色相的變化

即使是很微妙的漸變，比如從深藍(lán)過度到淺藍(lán)，也不能無腦得選取同一個(gè)藍(lán)色。我們觀察上一幅圖片，在背景從深藍(lán)往下變淺時(shí)，色相也從藍(lán)色過度到了紫色。這是一個(gè)非常重要的技巧，同一個(gè)色相下的漸變變化太平淡了，即使是最微小的漸變，也一定要有一些色相的變化。