如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里

隨著時代的發(fā)展，UI視覺設(shè)計(jì)逐漸成為人們最直觀、最挑剔的話題，視覺營銷的時代已經(jīng)成為消費(fèi)者習(xí)以為常的選擇，那么作為UI視覺設(shè)計(jì)師，2018年薪風(fēng)向是怎樣的？

多年的沉寂，簡約風(fēng)格，漸變已經(jīng)卷土重來！如果你不喜歡漸變技法，也許本篇文章10個理由可以讓你重燃使用漸變的快感！

1.背景創(chuàng)建興趣

漸變可以創(chuàng)建視覺興趣，并通過設(shè)計(jì)幫助用戶移動。眼睛會在一個顏色區(qū)域著陸，色調(diào)和光線和暗區(qū)之間的變化可以幫助將焦點(diǎn)轉(zhuǎn)移到屏幕上。

漸變可以是一個非常有用和迷人的設(shè)計(jì)工具，并為眾多的項(xiàng)目添加火花和陰謀。雖然有很多使用漸變的方法，但的選項(xiàng)之一是作為背景元素的圖片、文本和其他元素。

下面的示例使用了這種的技術(shù)。漸變?yōu)檠劬μ峁┝艘粋€休息的地方，它可以幫助你從屏幕的頂部到下一個角落，在那里你可以找到更多的方向。

漸變可以通過頁面的其他部分，在滾動頁面下方，這樣用戶就可以隨時記住它們的位置。它還提供了一個光暈類型區(qū)域，突出了主要的導(dǎo)航。

2.刻字可以提供重點(diǎn)

正如一個漸變可以在背景中使用一樣，它也可以是一個前景元素。顏色漸變是一種非常通用的技術(shù)，可能會對它們的整體流行程度有所幫助。

翻轉(zhuǎn)使用和前景漸變可以作為填充在一個更簡單的背景上，突出并引起注意。

顏色的選擇必須是有意的，這樣才能保持足夠的對比度和可讀性。

3.疊加可以調(diào)出平淡的圖像

一個顏色疊加可以給一個有點(diǎn)乏味的圖像增加額外的興趣。一個漸變疊加不是一個低分辨率或低合成圖像的修復(fù)，但是它可以給一個簡單的場景更多的流行。

梯度覆蓋可以幫助建立品牌，以及網(wǎng)站的聲音、語氣和個性。鮮艷的顏色與柔和的選擇截然不同。

盡管這一技術(shù)看起來很整潔，例如下面的組合示例，但它開始有點(diǎn)過度使用了。一定要做一些與完整的圖像不同的東西，梯度覆蓋來將你的設(shè)計(jì)分開。下面的例子是通過完全消除圖像，使?jié)u變的底部在屏幕的底部創(chuàng)建一個純色條。

4.幫助移動眼睛

一個巨大的漸變可以幫助你的眼睛通過設(shè)計(jì)，從而幫助用戶創(chuàng)建意圖。大多數(shù)用戶從左上角開始，在屏幕上向下移動，在某種程度上閱讀了f型模式。

使用漸變顏色方案中較輕和較暗的區(qū)域，將眼睛從起始點(diǎn)(如徽標(biāo)或主要消息)移動到主要調(diào)用動作。眼睛會先進(jìn)入顏色最淺的區(qū)域，然后移動到較暗的空間。設(shè)計(jì)并放置漸變顏色以加強(qiáng)眼球運(yùn)動。

5.創(chuàng)造令人難忘的東西

當(dāng)漸變變得越來越流行的時候，每個顏色組合都有些不同，這讓用戶難以忘懷。一個殺手級的顏色組合可以堅(jiān)持使用，一個用戶幫助他們記住你的品牌或消息。

設(shè)計(jì)漸變的目的是幫助創(chuàng)建連接。一個好的漸變的酷之處在于它幾乎變成了一種顏色。如果你有一個很大的漸變，就像你在你的品牌調(diào)色板中使用其他顏色來建立一個視覺連接一樣。(或者使用多個漸變作為調(diào)色板。)

6.強(qiáng)調(diào)品牌色彩

如果你的品牌顏色適合搭配，使用漸變。對于試圖建立自己的新品牌或網(wǎng)站，這可能是建立品牌和與用戶建立聯(lián)系的堅(jiān)實(shí)途徑。

想想如何將同樣的漸變風(fēng)格融入到網(wǎng)站的多種用途中——在網(wǎng)站上，在平面媒體或廣告宣傳中?？吹较嗤伾南嗤伾谙嗤臐u變中會開始粘在用戶身上，他們會把這些顏色和你聯(lián)系起來。

下面的例子，社區(qū)銀行，就是這樣做的。顏色的選擇是有趣的和梯度-在照片和底部導(dǎo)航欄-加強(qiáng)調(diào)色板和它與品牌的關(guān)系。

7.他們很容易創(chuàng)建（或生成）

在圖像中添加一個漸變或從頭創(chuàng)建一個漸變可以簡單到選擇兩到三種顏色，然后選擇漸變的形狀，顏色應(yīng)該從哪里開始，停止和重疊。

梯度，在形狀上是定向的，從左到右或向上或向下;或徑向，顏色的變化從一個點(diǎn)以圓形的方式發(fā)散。一個設(shè)計(jì)可以包含一個或多個漸變樣式。

選擇漸變的顏色可能是最困難的一步。在色輪附近使用顏色將會產(chǎn)生最互補(bǔ)和自然的梯度。但這并不總是你必須要做的。在這種情況下，你會想要使用顏色，這樣你就不會在你的主要顏色選擇的空間里出現(xiàn)討厭的色調(diào)。

需要做一個漸變，不相信你的技能?試試這些工具中的一個:

WebGradients:在CSS、PNG、Sketch和Photoshop中免費(fèi)收集180+預(yù)制梯度色板。

漸變按鈕:帶有動畫懸停狀態(tài)的漸變按鈕的CSS。

梯度波發(fā)生器:用你自己的顏色做一個很酷的梯度波，開始和停止。

8.顏色淡化感覺自然

雖然這可能不是你的第一個想法，但漸變的顏色和組合往往是自然的。想想吧，不是自然界的所有東西都是純綠色的。

漸變是這個原因的自然選擇，特別是當(dāng)你將會在自然界中逐漸消失的顏色結(jié)合起來的時候。

下面的插圖是一個非常明顯的例子，天空從白天(橙色)到夜晚(藍(lán)色)逐漸消失。

9.當(dāng)你沒有主導(dǎo)視覺時創(chuàng)造藝術(shù)

一個好的漸變可以創(chuàng)造視覺興趣和視覺顯示，當(dāng)你沒有太多的工作。使用明亮的顏色，例如下面的例子，或品牌顏色可以幫助建立你的網(wǎng)站的存在。

顏色的變化是非常有趣的，它們可以作為一個設(shè)計(jì)元素單獨(dú)存在。思考你如何使用，選擇顏色，這樣他們就能為用戶創(chuàng)造正確的情感吸引力，并幫助他們找到與內(nèi)容相關(guān)聯(lián)的正確感覺。即使是一個細(xì)微的漸變，也可以為設(shè)計(jì)定下基調(diào)。

10.漸變趨勢

漸變是一種簡單易用的元素，可以讓你在不感到壓力的情況下添加一些時尚元素。用這么多的方法來使用梯度，這可能是你的首選解決方案。雖然漸變已經(jīng)不再受歡迎，但它們往往會很快回來，因?yàn)樗鼛缀蹙哂衅毡榈奈Α?

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