要使一個(gè)設(shè)計(jì)看起來(lái)協(xié)調(diào)、井然有序并且具有專業(yè)感,這樣就要專業(yè)的配色技巧.今天我們來(lái)看下如何用色彩制造出具有專業(yè)感的網(wǎng)站
一、從灰度開始
使用色彩的更好方式就是從無(wú)色開始。在擔(dān)心何種色度的黃綠色用起來(lái)更好之前，從設(shè)計(jì)中去掉色彩可以暴露出那些必須解決的基本問題。如果設(shè)計(jì)沒有在黑白色下感覺正常，那么就需要做改動(dòng)了。是否每個(gè)頁(yè)面都有明確的目的？設(shè)計(jì)是否引導(dǎo)讀者到頁(yè)面內(nèi)容？這些內(nèi)容是引人入勝的，令人振奮的還是讓人大開眼界的？標(biāo)題是否清晰？連接是否與其他文本形成對(duì)比？色彩提供了這些功能，但是排版、字體和內(nèi)容組織問題的解決，無(wú)法由色彩單前幾完成。要做重新設(shè)計(jì)，首先應(yīng)該抽出色彩。沖掉過分飽和的初級(jí)目標(biāo)，這一簡(jiǎn)單的動(dòng)作就能顯示一個(gè)網(wǎng)站的立場(chǎng)
二、對(duì)齊你的色相
色彩具有三個(gè)參數(shù)：色相、飽和度和明度（有時(shí)也稱為亮度）(*HSV&HSL)。(*注: wikipedia - HSV&HSL)飽和度是指色相的純度：霓虹燈的色彩飽和度高，而粉筆的色彩飽和低。亮度值表示一個(gè)色彩有多亮（即更靠近黑色還是白色）色相指的是色彩位于彩虹的哪個(gè)部分，比如紅色或是綠色；人們總是對(duì)這一特性束手無(wú)策。沒有哪樣會(huì)像色相沖突一樣對(duì)配色方案產(chǎn)生致命影響。即使一個(gè)設(shè)計(jì)使用了同一色相的上百種色度，從低飽和色到高飽和色，還是會(huì)看起來(lái)整齊劃一，但是色相搭配錯(cuò)誤的話，配色方案就會(huì)變得零散。有一種防止色相搭配沖突的辦法就是將他們用第三種顏色分割，用黑色、灰色或是白色緩沖是更**的，因?yàn)榛叶鹊纳{(diào)是中性的：你可以將彩虹中的任何色彩與黑白灰協(xié)調(diào)起來(lái)。**種解決辦法是對(duì)不同色相使用不同的比例。如果一個(gè)配色方案有，比如說(shuō)，紫羅蘭色和棕色，那么這個(gè)設(shè)計(jì)可以使用大量不同色度的棕色和一些亮紫羅蘭色的高亮。另一個(gè)選擇是變換明度。純藍(lán)色和亮青色結(jié)合是感覺一般般；但是深藍(lán)色（海軍藍(lán)）和淺青色（天紅藍(lán)）擁有足夠的對(duì)比度使得它們相互吸引。紅色和紫羅蘭色的差色不足以相互沖突，但是也不太容易區(qū)分；淺紅色（粉色）和深紫羅蘭色就有區(qū)別了。不幸的是，阻止一種錯(cuò)誤的色彩加入和選擇一種好的色彩并不是同一件事情。一個(gè)配色方案是否成功，不在于你是否感到滿意，而在于你的觀眾是否感到舒適。
三、發(fā)現(xiàn)**的配色方案
**的配色方案來(lái)自哪里？在上百種色彩和上千種組合中，你該如何選擇？來(lái)自小型靜態(tài)站點(diǎn)的設(shè)計(jì)者們會(huì)從內(nèi)容中選取顏色。通常是指照片。在剛完成的一個(gè)八頁(yè)網(wǎng)站設(shè)計(jì)中，我搭配了一個(gè)精心制作的金屬支架來(lái)協(xié)調(diào)靛青色的天空。設(shè)置PS的取色工具的取樣大小設(shè)置在5x5平均，我取出了天空里更暗和更亮的部分，然后將這幾個(gè)差不多的色度分給了邊欄、連接、標(biāo)題以及頁(yè)腳。當(dāng)客戶向我們?cè)儐栁覀內(nèi)绾文軐⒕W(wǎng)站設(shè)計(jì)的又好又快時(shí)，我們的回應(yīng)是：“這是我們的本職（This is what we do——或者你不會(huì)喜歡的：這是我們應(yīng)該做的）?！钡鋵?shí)，色彩已經(jīng)在那里了，我需要做的只是把它尋找出來(lái)。相對(duì)存儲(chǔ)的相片能用于解決快速設(shè)計(jì)的站點(diǎn)來(lái)說(shuō)，大型動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)者們則需要從尋找他們的瀏覽者那里尋找靈感。瀏覽者的日常服裝將是吸引他們的一個(gè)非常棒的指示。了解訪問者平時(shí)穿什么，然后你就會(huì)知道怎樣的色彩讓他們感到舒服。如果你的網(wǎng)站是關(guān)于，比如說(shuō)聯(lián)賽，就該了解人們穿什么去看比賽而不是他們?cè)诠ぷ髦写┦裁?。如果你很幸運(yùn)地弄到了目標(biāo)人群的照片，那就將他們看成一體；你需要一個(gè)人群的平均。但是如果沒有照片，那么去商店購(gòu)物吧。能夠持續(xù)經(jīng)營(yíng)的服裝設(shè)計(jì)師們通常擁有對(duì)每一種情緒和生活方式都很棒的色彩感。不過你不需要跑到第五大道**時(shí)裝公司去，只要用google搜索下“野營(yíng)用品商店”、“嬰兒服裝”、 “滑雪和泳裝”以及“休閑生活”就能夠得到很多非常不錯(cuò)的色彩搭配人們根據(jù)他們的品位穿著衣服。如果你使用了他們喜歡的色彩，那么他們?yōu)g覽時(shí)會(huì)感到更舒適。
四、使用紋理
色相、飽和度和明度的輕微的抖動(dòng)形成了紋理。單色紋理（就是只有一種色相的紋理）和圖案給大多數(shù)網(wǎng)站提供了一個(gè)微妙的維度而不產(chǎn)生沖突。特別是，簡(jiǎn)單的紋理背景非常容易制作：
對(duì)內(nèi)墻，或者是其他什么光禿而粗糙的東西拍照
在PS里打開它
復(fù)制背景圖層，然后將它命名為“紋理1”
給背景圖層填充你的配色方案中的色彩
將“紋理1”圖層的混合方式設(shè)為“柔光”透明度設(shè)為30%
在你的網(wǎng)站上試用下，如果看起來(lái)不太正常，調(diào)整下圖層的透明度。
圖層的名字不是隨便選的，你可能需要嘗試不只一張照片，更好別給你的圖層類似“墻壁紋路”或者“紙張紋路”，你需要專注于它在網(wǎng)站上的效果，而不是它來(lái)自哪里
五、創(chuàng)建一個(gè)良好的配色方案
一套良好的配色方案有既定的特點(diǎn)。要將它看成是讓設(shè)計(jì)保持一貫統(tǒng)一的一個(gè)框架或者是一套準(zhǔn)則。一套配色方案應(yīng)當(dāng)：
列出2~5種能共存的色相
描述設(shè)計(jì)可以從這些色相中變幻出多少
確定每種色相的色度
與黑色和白色能夠共處。
六、使用即有框架以后的圖形
、照片和圖標(biāo)是否能跟現(xiàn)在的配色方案協(xié)調(diào)？這個(gè)網(wǎng)站六天、周或者六個(gè)月后會(huì)需要一張?jiān)趺礃拥膱D片？這很難確定，但是內(nèi)容確實(shí)是你的網(wǎng)站配色方案中的一部分。你可以通過制作根據(jù)配色方案制作圖片或者是讓你的配色系統(tǒng)跟著圖片走來(lái)解決這個(gè)問題。要讓你的配色方案生效，同時(shí)也對(duì)照片生效，一個(gè)非常好的辦法是讓所有頁(yè)面看起來(lái)一致。更簡(jiǎn)單的解決方式是找到符合配色方案的照片。要記住配色方案具有一定的回旋余地：只要一張圖片的主要色相與配色方案吻合，就可以使用。很多存儲(chǔ)照片的網(wǎng)站允許你通過色彩搜索圖片（我的意思是色相：通常主要是像紅色、綠色和藍(lán)色之類）。如果一張圖片不符合你的配色方案，那就對(duì)它染色
七、具有專業(yè)感
沒有任何一組色彩是“專業(yè)感的”或者是它本身。確切的說(shuō)你得根據(jù)某個(gè)工序讓它們有一種協(xié)調(diào)的井然有序的感覺。不管網(wǎng)站是關(guān)于什么的，瀏覽者都會(huì)知道它對(duì)待自己要做的事是認(rèn)真的。
如何用色彩來(lái)設(shè)計(jì)出專業(yè)感的網(wǎng)站，謝謝閱讀。
