寫在前面：自今年2月份寫個(gè)人經(jīng)驗(yàn)分享以來，沒想到堅(jiān)持到現(xiàn)在也有4個(gè)多月了。寫個(gè)人經(jīng)驗(yàn)分享純粹只是想把自己的一些經(jīng)驗(yàn)告訴大家。開通微信公眾號——小喬設(shè)計(jì)也是本著這樣的初衷，直到前兩天在更新公眾號內(nèi)容時(shí)，提示我的文章非原創(chuàng)，原來已有其他公眾號抄襲我的文章之后還加了原創(chuàng)聲明，這讓我啼笑不已。作為原創(chuàng)作者，反而被告知抄襲，這是多么可笑的事情。不是不能理解，這個(gè)跟做設(shè)計(jì)一樣，抄襲的情況屢見不鮮，也有拿著自己設(shè)計(jì)的作品來面試的搞笑現(xiàn)象出現(xiàn)。只是單純的希望可以尊重每一個(gè)原創(chuàng)作者，在轉(zhuǎn)發(fā)一些設(shè)計(jì)作品或是設(shè)計(jì)文章的時(shí)候標(biāo)注下出處，這是對原創(chuàng)作者的支持，謝謝。

一個(gè)好的網(wǎng)站可以一眼就抓住用戶的眼球，大部分設(shè)計(jì)師會采用好的版式設(shè)計(jì)加上獨(dú)特的色彩搭配，使得網(wǎng)站引起瀏覽者的注意。顏色通常是設(shè)計(jì)師最有力的工具，通過不一樣的顏色設(shè)計(jì)，設(shè)計(jì)師們可以去設(shè)置網(wǎng)站的色調(diào)，從而影響到用戶的情緒。

今天我們一起來分析下近來網(wǎng)站中經(jīng)常出現(xiàn)的四種顏色設(shè)計(jì)趨勢。

1、明亮的純色系

從扁平化設(shè)計(jì)走到現(xiàn)在，很多設(shè)計(jì)越來越趨向簡潔，所以明亮的純色系網(wǎng)站也越來越多的出現(xiàn)在大家的眼前。用純色作為表達(dá)方式的網(wǎng)站大都比較直接，這樣的情感表現(xiàn)也大都比較直接了當(dāng)，通常這種網(wǎng)站出現(xiàn)在一些食品、母嬰等相關(guān)網(wǎng)站上。

Kresko食品網(wǎng)站采用明亮的黃色作為主色調(diào)，這樣的用色設(shè)計(jì)很大膽，簡潔的網(wǎng)頁布局設(shè)計(jì)和顏色搭配給人留下深刻的印象。

采用單色調(diào)來作為網(wǎng)站的整體色調(diào)，看似簡單，但效果做得好的情況下也可以給用戶營造一種難忘的體驗(yàn)。

2、雙色調(diào)

雙色的使用顧名思義就是兩種顏色結(jié)合使用，這種顏色搭配相比較前面的單色使用會豐富一些，特殊場景下的顏色使用可以營造一種復(fù)古感。

DRAP agency 設(shè)計(jì)公司網(wǎng)站采用的就是藍(lán)色和一個(gè)玫紅色想結(jié)合的雙色調(diào)，這種雙色調(diào)的設(shè)計(jì)組合給人強(qiáng)烈的視覺沖擊感受，但大幅度使用的情況下會有點(diǎn)壓抑，好在設(shè)計(jì)師加入不少小的設(shè)計(jì)元素進(jìn)去，豐富整個(gè)網(wǎng)站。

3、漸變色

漸變色最近一直是網(wǎng)站設(shè)計(jì)的一個(gè)主流，我們前面也介紹過怎樣用漸變色來提升網(wǎng)站的格調(diào)，漸變色有很多方式，比如中心漸變、對角漸變、垂直漸變、水平漸變、雙漸變或是多色漸變。前面說的四種漸變比較好理解，我們在ai、ps里面看到的漸變色面板，主要就是上面說的這幾種。具體區(qū)分可以參照下圖：

漸變色在網(wǎng)頁當(dāng)中的運(yùn)用表現(xiàn)在很多方面，可以是整體色系上的漸變，也可以是一個(gè)小元素的漸變，不管是哪種方式的漸變，只要使用恰當(dāng)，那對網(wǎng)站來說，便是錦上添花。

Velten Media網(wǎng)絡(luò)營銷公司網(wǎng)站，中間三個(gè)區(qū)塊采用了漸變色疊加圖片的表現(xiàn)形式。增加了時(shí)尚感。

Thirsty Planet-礦泉水網(wǎng)站這個(gè)網(wǎng)站采用了扁平化的背景漸變配色方案，扁平化的設(shè)計(jì)風(fēng)格給人簡約時(shí)尚的時(shí)間感受。

漸變使之重新出現(xiàn)，并將新生活融入明亮的色彩趨勢。配有平面調(diào)色板，可以喚起現(xiàn)代主義的感覺。豐富色彩的漸變是一種能花最少的時(shí)間來增加用戶吸引力的方式，簡潔大方，又能抓住受眾的眼球。

跟大家分享一個(gè)酷斃了的漸變色網(wǎng)站——itmeo，如果你不知道做什么樣的漸變色好，可以去上面找點(diǎn)靈感，上面收集了各種色系的漸變色。

4、顏色疊加

顏色疊加和漸變色的設(shè)計(jì)都是最近的寵兒，這個(gè)從很多國外的設(shè)計(jì)都可以看出來，有些時(shí)候這兩者也相互結(jié)合同時(shí)出現(xiàn)。這樣的設(shè)計(jì)跟前面的漸變色一樣，可以豐富網(wǎng)站的情感內(nèi)容。

iVengo廣告企業(yè)網(wǎng)站，這個(gè)網(wǎng)站就是采用漸變色疊加的組合效果，這樣的效果很容易出彩，網(wǎng)站簡約卻不單調(diào)。這個(gè)雙漸變色用的很大膽，藍(lán)色和橙色可以說是對比色，當(dāng)設(shè)計(jì)師卻降低了一些透明度，使得這兩個(gè)顏色很和諧。

顏色疊加圖像長久以來一直是受歡迎的設(shè)計(jì)選擇，因?yàn)閯?chuàng)建此效果相當(dāng)容易，但效果卻很容易出彩。推薦設(shè)計(jì)師們可以多使用這種方法，像上圖禪道項(xiàng)目管理軟件的英文網(wǎng)站，就是采用顏色疊加在圖片這樣的表現(xiàn)形式。

總結(jié)：色彩的隨意組合是最可以讓用戶產(chǎn)生情緒波動的，因?yàn)樯实谋旧砭褪菐в星榫w的，上面介紹的4種顏色設(shè)計(jì)趨勢，并不能適用所有的網(wǎng)站，所以設(shè)計(jì)師們在運(yùn)用的時(shí)候一定要具體問題具體分析，切勿為了湊效果而做設(shè)計(jì)。好了，依舊希望這次的分享可以對大家有幫助，設(shè)計(jì)師們大膽運(yùn)用色彩為自己網(wǎng)站錦上添花吧。