北京網頁設計常見配色問題

　　黑白灰是萬能色，可以跟任意顏色一起搭配。白色是網站中使用最普遍的顏色，留白，會給人一個遐想的空間，讓人感覺舒暢。下面介紹網頁設計常見配色問題，希望對您有所幫助。

網頁色彩的搭配

(一)色彩的平衡
下面來說說色彩的平衡原則問題，打動別人的視知覺，色彩就必須要平衡。一般情況下要考慮幾點。
1、比較全局。
2、不同的物體也不同。例如，你如果從頁面上看到鐵塊之類的物品，潛意識里瀏覽者就會認為鐵塊肯定比在頁面上出現的一顆小草要重很多，這是生活上出來的經驗。
3、色彩不能偏。色彩不能偏于一方，發否則就會失重。
4、色彩要均衡。若說到均衡，則純度或明度較差的大面積色塊與小面積色塊的鮮明色塊也均衡。

(二)色彩的適應性
色彩在生活中有著豐富的感情含義。比如紅色讓人聯想到玫瑰和喜慶，聯想到興奮;黑白灰是萬能色，可以跟任意顏色一起搭配。白色是網站中使用最普遍的顏色，留白，會給人一個遐想的空間，讓人感覺舒暢。

(三)網頁色彩搭配原則
色彩是視覺上最敏感的部分，主頁的色彩處理的號就可以錦上添花。色彩應用原則用四個字來概括“總體協調，局部對比”。

另外，色彩還具有民族性，各個民族由于環境文化傳統等因素，對于色彩的喜好也存在較大的差異，充分運用色彩的特性可以使主頁具有深刻的內涵及文化品位。下面介紹幾種常用的配色方案。
1、暖色調?？梢允怪黜摮尸F溫馨、熱性的分為。(暖色調包括紅色、橙色、黃色等)
2、冷色調?？梢允怪黜摮尸F寧靜、清涼、高潔的氛圍。(冷色調包括青色、綠色、紫色等)
3、對比色調。對比色調即把色性相反的色差搭配在同一個空間里，如紅與綠、黃與紫、橙與藍等。這樣可以產生強烈的視覺效果，當然用對比色調用的不得當會適得其反產生刺眼的不良效果。
最后要考慮主頁的底色即背景色的深淺問題，底色深，文字的顏色就要淺，以深色的背景色襯托出淺色的文字或圖片;反之亦然，底色淺的，文字的顏色就要深些，以淺色的背景色襯托出深色的文字或圖片。這種深淺的變化在色彩學中稱為明度變化。有些主頁，底色是黑色的，但文字也選用了較深的顏色，由于色彩的明度比較接近，讀者在瀏覽的時候眼睛就會感覺很吃力，當然，色彩的明度也不能變化的太大，否則屏幕亮度反差就太強了些，讀者的眼睛依然會受不了。

(四)網頁色彩的選擇標準
網站給人的第一印象來源于視覺的沖擊效果，如果你沒有豐富的網頁內容，那么網頁設計中對網站的標準色的設計就顯得尤為重要了。標準色彩能夠體現網站形象和延伸內涵的色彩，它是影響網站整體效果的關鍵。
網頁設計的過程中，搭配網頁色彩時要注意色彩的合適性，色彩與表達的內容氛圍要相適合，社會背景不同的人，對于色彩的感受往往也不相同，還有一點就是關于色彩的對比，它會受到很大因素的影響，如色彩的面積、時間、亮度等。

網頁設計配色趨勢

1.Metro風格與柔和色。
Odam Luiran的網站就是典型的Metro風格，這種風格尤其適合比較鮮嫩柔和的顏色。近來，扁平化網頁設計相當流行，同時也讓柔和色彩的用途變得越來越廣泛，馬卡龍色系也會常常出現在網頁設計中。

2.偏灰的冷色系+粉彩色。
偏灰的冷色系色彩，是一種看起來比較百搭的顏色。但是實際上，要將這類顏色使用得恰如其分，并不是一件容易的事情。
因為這類色彩比較中性，所以搭配任何顏色都不會顯得突兀，但同時也不容易出挑。要讓色彩之間真正融合，最好是選擇清淡的粉彩系透明色，這樣會讓網頁看起來更加清新脫俗。

3.根據圖片搭配背景色。
網頁設計有一條原則是：要看整體，而不能針對性的看局部。圖片，往往是表達網站思想和意圖的一部分，屬于網站元素中比較重要的環節，所以讓背景色來適應圖片的顏色是情理之中。

4.只有一個重點色。
一談到色彩搭配，大家都會說一個保守的搭配方法：一個區域范圍里不能超過三種顏色。這句話并不算完全正確，更深層的含義是，只能有一個重點色。

5.以簡單灰作為網頁基調。
用灰色作為網站的主基調是一種比較保守而可靠的做法。灰色屬于所有色彩中最簡單的顏色之一，所以設計師有充分的理由去選擇使用灰色，以此來襯托出網頁中內容的可讀性，減少用戶的閱讀干擾。

6.低透明度色彩。
如今的設計越來越追求用戶的交互體驗，因此低透明度的色塊能讓用戶更加容易發現并且閱讀。

7.用高亮色體現用戶交互。
大片高亮色一定會造成用戶的視覺疲勞，令人反感;但小部分的高亮色設計卻能起到突出重點的作用，既能將內容有效的區分開來，又能保證與整體色調保持一致。

8.不輕易減少亮度中的黑色。
下面這個案例很簡單地使用了黑色和橙色。橙色作為很亮眼的一種顏色，有時會給人帶來比較刺眼的感覺，但案例中的橙色卻令我們的視覺感覺很舒適。
原因在于設計師在原本亮麗的顏色中加入了一些黑色，既能讓顏色之間形成對比，又不會顯得很招搖。

9.藍色是網站的“基本款”。
藍色在網頁設計中屬于不會出錯的顏色，當你舉棋不定時，可以嘗試一下藍色，也許能順利化解你的問題。搜狐快站也正是以藍色為色彩基調。

10.單色系網頁。
單色系頁面似乎不存在配色的問題。然而要打造一個層次多樣、色彩統一的網頁，設計師可以以一個基本色調來擴張色相、飽和度和亮度等條件。
總而言之，色彩在任何一種設計中都起著很重要的作用，相差不多的色彩卻能渲染出截然不同的情感效果。好好利用色彩與生俱來的魅力，就能讓你的網頁設計更特別。

網頁色彩的設計原則
1.與網站主題相協調
不同的色彩有不同的象征意義，給人的心理感受也不同。網頁的色彩設計要有針對性，應體現出自身的特色。如政府部門的網頁風格應有莊重感，呈現寧靜、嚴肅、高雅的氛圍，以冷色調為宜;電子商務類網頁可以通過紅色、橙色、黃色等暖色調的搭配，呈現溫馨、和煦、熱情的氛圍;藍色給人的心理印象是崇高、深遠、廣大而睿智，為高科技企業網站所鐘愛;保健類的網站不宜大面積地采用刺激性強的大紅、黃和橙等色彩，因為它們易造成人們心理上的緊張感和恐慌感，而綠色象征生命與希望，給人健康、安全的感覺，適宜作為保健類網頁的主調色。

2.個性鮮明
在網站云集的互聯網上，網頁的色彩只有與眾不同、有自己獨特的風格，才能顯得個性鮮明，給瀏覽者留下深刻的印象。尤其在同類網站中，網頁的色彩不但要符合此類網站的用色特點，還要有其獨到之處。網頁設計是一種藝術活動，只有按照內容決定形式的原則，大膽進行藝術創新，才能設計出既符合網站主題，又有一定藝術特色，風格獨特、個性鮮明的網頁。
3.與瀏覽者的審美情趣相統一
由于地域、民族、宗教信仰、生活環境、年齡、性別、文化修養等存在差異，人們的審美角度、審美能力也有很大差別。不同的瀏覽者對色彩的聯想和理解不會相同，對色彩的喜好也不一樣。網頁設計師要盡可能地采用符合瀏覽者審美傾向的色彩，以使其產生共鳴。如針對兒童喜歡對比強烈、個性鮮明的純色，兒童網站應采用紅、黃、藍、綠等對比鮮明的色彩，以營造活潑、愉快而富有童趣的視覺效果等。
設計師要適當關注流行色的發展。流行色是特定時期內社會風行的時髦色彩，是一種時尚色、鮮活色，具有很強的誘惑力和沖擊力。若能抓住瀏覽者緊跟潮流、追趕時尚的心理，適時地選用流行色作為網頁的主色調，必定能產生良好的傳播效果。
4.便于閱讀識別
人們從物理、生理、心理、化學等多角度對色彩進行研究后發現，色彩的美存在于各色彩的相互關系中，這種相互關系就是色彩的對比與和諧。色彩的對比包括明度對比、純度對比和色相對比。最能引人注意也是運用得最為普遍的色彩對比，是色相對比中的互補色或冷暖色的對比。色彩的和諧是指色彩在對比關系中能給人造成既鮮明又協調的視覺感受。
網頁色彩設計還要注意文字與背景色彩的明暗對比，文本要易讀，圖像要易于識別，以使人們在瀏覽大量網頁信息的時候，減少屏幕刺激，減輕視覺疲勞。
5有一定的延續性
網頁色彩要保持用色的延續性。雖然網頁的信息會不斷更新，網頁的版式也會定期修改，但網頁色彩的基調和風格一旦形成后，不宜大幅或頻繁地改換，而應保持一定的延續性，這樣才能使瀏覽者迅速識別且印象深刻。但為了保持新鮮感、提高吸引力，也應小范圍地對網頁色彩的明度、純度進行適當的調整和變換。

網頁交互設計最常見的錯誤

一、鋪天蓋地的創新
網頁設計師都非常有創造力。我們希望通過作品來表達自我。我們總是在尋求創新的設計方法來脫穎而出。但是，當涉及到交互設計時，創新并不總是好事。甚至會給你的網站帶來壞的影響。用戶渴望熟悉的事物，他們總是會遵循一些特定的操作方式。
二、令人困惑的導航
“不要自作聰明”的準則也可以沿用到導航上。有些設計師試圖使用折衷的名稱來尋求新穎。比如Chijoff網站就讓用戶不知道他們究竟提供什么，如何聘請他們。需要看上好一陣子，才能理解“共同創造”頁面實際上就等同于“服務”。甚至還有，通讀整頁后用戶仍然不知道該怎么做……頁面末尾只有個小注冊表單用來獲取最新的行業新聞和提示!在“聯系”頁面也沒有表單，只有郵編和郵箱地址。使人們聯絡或聘用他們非常困難。
三、雜亂無章
有一段時期，網站都試圖把一切可能的東西擺上臺面。那些日子已經一去不復返，但是很多網站仍然在犯這個錯誤。
設計師試圖堅持一種單色配色，但是大量顏色不同的色塊、logo和字體，在這個頁面上就足夠讓用戶步履蹣跚。搜索框有著醒目的文案：“那么，今天你想要什么?”，但整個布局的外觀和感覺非常過時。
四、注意對比
對比是創造視覺層級、吸引用戶注意特定元素的最重要的方式之一。在網頁設計中，對比不僅僅意味著顏色使用，也包括尺寸、形狀和位置。
五、忽視表單樣式
表單設計是用戶體驗最基本的部分。每個網站都有一個目標——無論是樹立榜樣、直接售賣產品或是提供信息。不幸的是，許多網站有著光鮮的首頁，卻寧可用長表單和復雜的驗證碼來使用戶厭煩致死。除非用戶有強烈的先導動機，否則他們就會離開。