“對我來說，藍(lán)色是豐滿的顏色，我可以看到所有的藍(lán)色”，扎克伯格說。盡管這個顏色選擇并不是十分的科學(xué)，它仍然證明了選擇顏色時進(jìn)行的思考。

一個作品超過百分之九十的部分都由顏色填充，所以在你設(shè)計(jì)的時候，顏色需要被慎重考慮，特別是在網(wǎng)站上。當(dāng)我們不是很喜歡一種配色方案的時候，我們可能不會在這個網(wǎng)站上停留太久。

為了幫助你開啟你的配色之旅，我們收集了20個各種配色方案的漂亮網(wǎng)站帶給你靈感。

01.內(nèi)容激發(fā)靈感

當(dāng)你舉棋不定的時候，可以在你的內(nèi)容中尋找配色靈感。這個Fabrique創(chuàng)作給Van Gogh Museum的網(wǎng)站使用了炫目的、紋理感的顏色，這也是他的作品廣為人知的特點(diǎn)。通過搭配使用溫暖的黃色、豐富的綠色和冷感的藍(lán)色，得到了一個簡單、靈活而又有意義的配色方案。

02.有趣且專業(yè)

Mark Dearman

這個來自Mark Dearman的干凈明亮的配色方案完美結(jié)合了暖色調(diào)和干凈的湖藍(lán)色背景，創(chuàng)造了一種專業(yè)的又極受歡迎的配色方案。試一試通過使用高對比度色來營造干凈的效果的配色方案吧。

03.柔和色調(diào)

這個The Martin Agency設(shè)計(jì)的網(wǎng)站使用了柔和色調(diào)和白色調(diào)和尖銳的黑白色對比，營造了一種令人震撼的觀感。極簡和優(yōu)雅，這個配色方案比起精致復(fù)雜的那些更容易上手。

04.現(xiàn)代且干凈

Benedict Leicht

Benedict Leicht這個獨(dú)特而具有現(xiàn)代感的例子使用了不同種橘色和藍(lán)色的色調(diào)來創(chuàng)作出一種有趣且激情的配色方式。當(dāng)你使用明亮的顏色的時候，試著和一些比較中性的白色或者亮灰色來中和，就好像這個例子一樣，可以讓東西都變得有趣又不會顯得氣勢洶洶。

05.霓虹燈色調(diào)和強(qiáng)烈對比

Play.agency

Play.agency的這個網(wǎng)站大膽使用了強(qiáng)烈對比的配色方案，結(jié)合了強(qiáng)烈的黑色背景和突出的霓虹的色調(diào)。通過對比黑色和紫色、藍(lán)色、粉色，你可以簡單創(chuàng)造出一種令人印象深刻的效果。

06.柔和的極簡派

Inga Gudoniene / MIOS

這個Inga Gudoniene / MIOS配合了柔和的、低飽和度的顏色來創(chuàng)造出優(yōu)雅感。你可以通過選擇酷炫的、低飽和度色調(diào)的圖片，配合優(yōu)雅的灰色來獲得這種永恒和優(yōu)雅感。

07.溫暖而恍惚

Lush Digital

想要美妙地配合溫暖和冷酷的顏色來創(chuàng)造出與眾不同的氛圍吧？看看Lush Digital’s的書吧——把炫目的紅色和藍(lán)色與暗系的靛藍(lán)和紫色配合起來，營造出一種恍惚的效果。

08.干凈而明亮

Departika

多虧了柔軟的藍(lán)色、灰色和白色，讓Departika的這個配色方案顯得干凈而嚴(yán)肅。但是，通過混合充滿活力特征的紅色來吸引觀眾注意力，強(qiáng)調(diào)焦點(diǎn)。用強(qiáng)而有力的顏色和你的柔軟優(yōu)雅的顏色來形成美妙的對比吧！

09.暖色調(diào)

Studio Recode

這個Studio Recode的例子同樣也保持干凈和極簡的風(fēng)格，但是用了更溫暖的觸感。通過使用暖色調(diào)，亮棕色作為背景，通過圖片和文字來平衡這種暖色調(diào)，這個配色方案讓東西顯得溫暖又干凈。

10.尖銳而現(xiàn)代

Frost Festival

一個形成你網(wǎng)站品牌的好方法就是采用凸顯焦點(diǎn)的配色方法，就好像這個Frost Festival的例子做的一樣。通過使用令人印象深刻的藍(lán)綠色來作為焦點(diǎn)顏色，用零散的弱橘色、灰色和薄荷色作為補(bǔ)充，這個配色方法讓整個頁面保持清新、現(xiàn)代和簡單。

11.冷感vs.暖感

Akaru

通過把暖色調(diào)和冷色調(diào)結(jié)合，你可以簡單地解鎖一個強(qiáng)而有力的配色方式。這個Akaru的例子把暖感的橘黃色和冷感的金屬灰、青銅色結(jié)合起來，營造出了勇敢的、充滿活力的效果。

12.漂亮的彩粉

B/C Designers

彩粉色不單單只適用于護(hù)士間的墻面：這個B/C Designers的網(wǎng)站使用了干凈、明亮的彩粉粉色、藍(lán)色和橘色，創(chuàng)造出有趣、明亮和誘人的配色。這種配色方法使用了相當(dāng)大的白色部分中和，以保持畫面整體新鮮和明亮。

13.剛勁且強(qiáng)力

Magoz

如果水彩色不是很適合你的胃口的話，考慮看起來明亮、有力、古老的顏色吧，就好像Magoz這個例子一樣。盡管這個例子一次性使用了許多顏色，它仍然妥善有序地結(jié)合，保持暖感的一致性。

14.色彩和色調(diào)

Romain Bouchereau and Vincent Fréman

增加配色的維度并且保持極簡的一個好方法是，使用同一顏色的不同色調(diào)。這個Romain Bouchereau 和 Vincent Fréman的干凈優(yōu)雅的頁面正是使用了同一中性桃色輕微不同的色調(diào)來強(qiáng)調(diào)焦點(diǎn)。

15.飛濺的顏色

Magnium Themes

這個 Magnium Themes 的例子注入一對明亮的顏色，營造出一種有趣且圓滑的效果。藍(lán)色、橘色、黃色和灰色背景對比，創(chuàng)造了專業(yè)又不失活潑的效果。

16.優(yōu)雅精致

Julian Damy

我們都覺得黑色和白色是最精致的顏色，但是看看這個 Julian Damy的設(shè)計(jì)案例，通過使用深藍(lán)色和精致的金色來達(dá)到精致的效果。這種配色方法是漂亮且永恒的。

17.夏季靈感

StrADegy Advertising

當(dāng)我們想到關(guān)于夏天的設(shè)計(jì)的時候，總是聯(lián)想到紅色和橘色，但是看看這個StrADegy Advertising網(wǎng)站，嘗試使用珊瑚色、藍(lán)色和棕褐色來表現(xiàn)這個季節(jié)的溫暖。這是一個簡單、樸素和容易使用的夏季靈感的配色方法。

18.專業(yè)且現(xiàn)代

Avondale Type Co.

又有超專業(yè)感但是又不會無聊老舊的配色方法是什么？看看這個曾經(jīng)在Avondale Type Co上使用的例子吧?；疑⑸詈＼娚驼駣^人心的明亮黃色調(diào)配合，創(chuàng)作出獨(dú)特而又單調(diào)現(xiàn)代的布局，真是專業(yè)又新鮮的好設(shè)計(jì)。

19.醒目的黑色和亮點(diǎn)

Cantina dei Colli Ripani

如果你所在的市場需要更加突出的、潮流的設(shè)計(jì)，嘗試配合醒目的黑白色和一些醒目的顏色吧，就像這個Cantina dei Colli Ripani的例子一樣。亮色和黑色的對比營造出了有力、剛勁和有趣的效果。

20.干凈的漸變和鮮藍(lán)色

SHIBUI

你想做一個網(wǎng)站讓它看起來十分“干凈”嗎？一個達(dá)到目的好方法，就像SHIBUI做的這個網(wǎng)站配色一樣，使用漸變色。這個網(wǎng)站的配色由鮮藍(lán)色和松石綠漸變組成，達(dá)到了平靜、干凈和新鮮的效果。

Fotor-免費(fèi)的一站式平面設(shè)計(jì)http://www.fotor.com.cn、圖片編輯和拼圖工具，幾分鐘快速完成平面設(shè)計(jì)與圖像處理！