對(duì)于任何網(wǎng)站而言，配色方案都是其中最關(guān)鍵的影響因素之一。你可以使用你所熟悉的配色方案，也可以跳出來選擇更加大膽、明快、更有性格的配色方案，它們或許更容易給人留下深刻的印象。

而今天我們要說的，是黃色。作為暖色調(diào)，黃色象征能量，帶來溫度，充滿生命力，它可以讓你的網(wǎng)站看起來更具有親和力，舒適而溫馨。毫無疑問，黃色色調(diào)的網(wǎng)站設(shè)計(jì)大多都非常的醒目，讓人難以忽視。

但是同時(shí)，它也是一個(gè)不容易掌控的顏色，一個(gè)不小心可能會(huì)毀掉網(wǎng)站的整個(gè)設(shè)計(jì)。所以，你需要清楚地了解黃色的運(yùn)用手法——比如先看看那些設(shè)計(jì)優(yōu)秀的網(wǎng)站是怎樣使用大面積黃色色調(diào)的。在黃色作為主色調(diào)/背景色的時(shí)候，文字內(nèi)容如何展現(xiàn)，各種控件如何使用，這些都值得學(xué)習(xí)。

Lordz

明快的黃色和動(dòng)感的舞蹈有著天然的契合度，這也是為什么瑞士城市舞蹈學(xué)院選擇使用黃色作為網(wǎng)站的主色調(diào)。為了確保網(wǎng)站內(nèi)容的識(shí)別度，設(shè)計(jì)師采用的是黃黑搭配。

James Tupper

擁有韓國(guó)血統(tǒng)的攝影師JamesTupper 也在設(shè)計(jì)他的作品展示頁(yè)的時(shí)候選擇了黃色作為主色調(diào)。 在字體配色上，他同樣選取了黑色。

Collectif-yay

YAY 是一個(gè)平面設(shè)計(jì)類的合集網(wǎng)站，黃黑的配色使得文字內(nèi)容無比的醒目。

Lavagraphics

黃色的色調(diào)和其他的色彩也可以很好的搭配，重要的是控制好對(duì)比度，這里的插畫的色調(diào)控制就非常合理，不會(huì)太深，但是和背景的黃色形成了很好的對(duì)比。

Adamhartwig

這是一位來自英國(guó)劍橋、獲得過不少獎(jiǎng)項(xiàng)的設(shè)計(jì)師的個(gè)人作品網(wǎng)站。網(wǎng)站設(shè)計(jì)大氣，但是它最大的特色是交互，無論你是在桌面端、平板還是手機(jī)上訪問，交互的豐富度都非常的強(qiáng)。

Croscon

Croscon 是一個(gè)植根于設(shè)計(jì)和數(shù)字制造業(yè)的定制化軟件，網(wǎng)站的配色主色調(diào)黃色使用了黑色和白色來做搭配。

Vivedmv

Vivedmv 的網(wǎng)站所用的黃色飽和度相對(duì)較低，看起來也更加復(fù)古，搭配上復(fù)古的字體、圖形元素，整體的氛圍非常的一致。

Lunar gravity

這個(gè)網(wǎng)站在功能開發(fā)和內(nèi)容策略上達(dá)到了一個(gè)不錯(cuò)的平衡，在色調(diào)的搭配上也很好的體現(xiàn)出了設(shè)計(jì)、開發(fā)和內(nèi)容三方面的功力。

idesign

依然是黃、黑、白的色彩搭配，經(jīng)典的黃黑支撐起整個(gè)視覺，而白色在整個(gè)配色中顯得更加醒目，它承載了LOGO、副標(biāo)題和關(guān)鍵性的按鈕。

Lambda – Responsive Moodle Theme

作為一個(gè)在線學(xué)習(xí)網(wǎng)站，Lambda 所用的主題基本上是經(jīng)過深度定制的，深藍(lán)灰和白色占據(jù)了大量的面積，而黃色在整個(gè)網(wǎng)站中作為提亮色，很好的強(qiáng)調(diào)了關(guān)鍵性的內(nèi)容與操作。

Fitness WordPress Theme eCommerce

Fitness 是一個(gè)為健身房和運(yùn)動(dòng)所定制的一個(gè)WP主題，極簡(jiǎn)的風(fēng)格、黃黑為主的色彩搭配讓這個(gè)主題在視覺上頗為突出。

Mobirise

Mobirise 是一個(gè)免費(fèi)的BootStrap 模板，整體設(shè)計(jì)風(fēng)格非?，F(xiàn)代。和前面許多網(wǎng)站在配色上不同，它沒有使用黃黑來搭配，而是使用偏橙色的黃色和灰色搭配起來，文字內(nèi)容則使用了白色。

ENERGY – Responsive WordPress Fitness Theme

ENERGY 是一個(gè)運(yùn)動(dòng)健身類的WP主題，黃色醒目的特色在這個(gè)主題中被體現(xiàn)的淋漓盡致。

ETHANOL PORTFOLIO

Ethanol Portfolio 是一個(gè)干凈簡(jiǎn)約的免費(fèi)Bootstrap 網(wǎng)站模板，這個(gè)簡(jiǎn)約的模板是多功能的。黃色的文本標(biāo)題在暗色調(diào)的背景上顯得無比清晰。

XPRESS

Xpress 用作作品展示或者時(shí)尚類的內(nèi)容網(wǎng)站都是是相當(dāng)不錯(cuò)的選擇，黃色這一配色在網(wǎng)站中被很好的運(yùn)用了起來。

Darklowpress

Darklowpress 是一個(gè)WP博客主題，大量的可定制的輪播圖能夠讓你更好的展示多媒體信息。

Pluton

Pluton 是一款現(xiàn)代多功能的HTML5著陸頁(yè)，基于BootStrap來開發(fā)的。整個(gè)網(wǎng)站使用了許多最新的HTML5、CSS3 和 jQuery 技術(shù)。

Agency

Agency 是一款有范兒的單頁(yè)式Bootstrap主題，對(duì)于商業(yè)機(jī)構(gòu)和小公司而言，這個(gè)主題相當(dāng)?shù)牟诲e(cuò)。這套主題的設(shè)計(jì)則是基于Golden PSD。

Taxi Park

這個(gè)網(wǎng)站是一個(gè)為出租車公司所設(shè)計(jì)的，黃色的色調(diào)和出租車的基礎(chǔ)色調(diào)保持了一致。

Hotel Deluxe?

Hotel Deluxe 同樣是一個(gè)響應(yīng)式的網(wǎng)頁(yè)模板，其中黃色也是網(wǎng)站中最醒目的色彩而起到關(guān)鍵性的作用。

【技多不壓身的設(shè)計(jì)師才有高薪資！】

1. 平面設(shè)計(jì)：《超贊！設(shè)計(jì)師完全自學(xué)指南》
2. 交互設(shè)計(jì)：《交互設(shè)計(jì)師修煉指南！教你從零開始成為優(yōu)秀交互設(shè)計(jì)師》
3. UI設(shè)計(jì)：《超實(shí)用新手指南！零基礎(chǔ)如何自學(xué)UI設(shè)計(jì)？》
4. 前端開發(fā)：《天貓高手來教你！零基礎(chǔ)如何系統(tǒng)地學(xué)習(xí)前端開發(fā)？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個(gè)實(shí)用方法幫你全面搞定配色》
7. DPI指南：《基礎(chǔ)知識(shí)學(xué)起來！為設(shè)計(jì)師量身打造的DPI指南》
8. 交互設(shè)計(jì)自學(xué)路徑圖：《零基礎(chǔ)入門！給非科班生的自學(xué)路徑圖之交互設(shè)計(jì)篇》

原文地址：webdesigndev
優(yōu)設(shè)譯文：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量130萬的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com