網站(zhàn)建設設計中(zhōng)的(de)顔色搭配技巧總結

2018-10-04 10:10

設計網站(zhàn)時最重要的(de)決定之一(yī)是選擇其顔色組合。您的(de)網站(zhàn)的(de)顔色決定了您的(de)網站(zhàn)如(rú)何與訪客的(de)情緒範圍相(xiàng)互作(zuò)用。

在(zài)搭配顔色時，也(yě)可(kě)以從顔色差異性方面考慮。如(rú)果搭配的(de)顔色差别較小，圖像會(huì)顯得(de)貧乏，不夠豐富生動(dòng)。但搭配的(de)顔色差别過大，又會(huì)使圖像顯得(de)突兀，不協調。因此，在(zài)搭配顔色時還需要注意顔色的(de)差異性問(wèn)題。可(kě)以在(zài)互相(xiàng)搭配的(de)顔色中(zhōng)加入同一(yī)種顔色，使這(zhè)些顔色具有相(xiàng)同的(de)色素，從而得(de)到較爲協調的(de)效果。例如(rú)，一(yī)幅圖像具有紅(hóng)綠藍等三種顔色。在(zài)使用顔色時，可(kě)以再三種顔色中(zhōng)均加入黃(huáng)色，灰色或者其他某一(yī)種顔色，使這(zhè)三種顔色更加具有協調性。　　總而言之，在(zài)統一(yī)中(zhōng)求變化，在(zài)變化中(zhōng)求統一(yī)，是顔色搭配的(de)原則和(hé)基準。

當您開始網站(zhàn)建設時，配色方案可(kě)能(néng)是其最強的(de)特征之一(yī)。它通(tōng)常會(huì)引起人(rén)們(men)訪問(wèn)網站(zhàn)的(de)某種情感，甚至是身(shēn)體(tǐ)的(de)反應。一(yī)些顔色激發人(rén)們(men)，使他們(men)渴望嘗試新事(shì)物(wù)并購買新産品。有些顔色讓人(rén)平靜，讓他們(men)對(duì)以前從未聽說(shuō)過的(de)信息更加開放。然後，其他顔色引起來自(zì)訪客的(de)信任感。這(zhè)些顔色傳達了權力和(hé)可(kě)靠性的(de)來源。

牛頓的(de)顔色輪

那(nà)麽如(rú)何選擇一(yī)個網站(zhàn)的(de)配色方案？哪種顔色組合甚至有意義？我(wǒ)們(men)不能(néng)都是專業設計師，有時這(zhè)些問(wèn)題比他們(men)看起來更難。一(yī)個好的(de)開始的(de)地方将是1666年(nián)發明(míng)的(de)一(yī)些基本的(de)色彩理論，除了艾薩克·牛頓爵士以外(wài)。牛頓以一(yī)定的(de)順序形成了包含所有原色的(de)輪子(zǐ)。現在(zài)更容易看出哪種顔色與什麽顔色一(yī)起出現。隻需選擇相(xiàng)反的(de)顔色即可(kě)獲得(de)令人(rén)滿意的(de)平衡組合。一(yī)個人(rén)也(yě)可(kě)以選擇三種顔色，隻要它們(men)在(zài)圓周上等距分(fēn)布，或者甚至四種顔色，如(rú)果它們(men)遵循相(xiàng)同的(de)規則（兩對(duì)相(xiàng)反的(de)顔色）。

基本配色方案選項

有四個簡單的(de)結構可(kě)以幫助您決定适合網站(zhàn)的(de)配色方案：

單色設計：使用相(xiàng)似色調的(de)顔色，色調略有變化。單色設計将僅使用一(yī)種原色，并添加相(xiàng)同顔色的(de)不同色調。這(zhè)些設計通(tōng)常在(zài)眼睛上最容易。使用單色設計方案的(de)網站(zhàn)通(tōng)常會(huì)在(zài)訪客身(shēn)上産生舒緩的(de)效果，因爲不同色彩的(de)顔色可(kě)以輕松融合在(zài)一(yī)起。

類似設計：一(yī)種設計，包括位于色輪非常接近的(de)顔色，甚至彼此相(xiàng)鄰的(de)顔色。有時，類似的(de)設計可(kě)以很好的(de)工(gōng)作(zuò)，但總是要确保你選擇的(de)顔色不會(huì)太過分(fēn)（如(rú)紫色和(hé)紅(hóng)色）。

互補設計：這(zhè)種設計利用在(zài)車輪上彼此相(xiàng)對(duì)的(de)顔色。這(zhè)種顔色的(de)選擇通(tōng)常會(huì)産生更加平衡，和(hé)諧的(de)結果。互補設計使事(shì)情脫穎而出。這(zhè)些設計可(kě)以通(tōng)過添加白(bái)色和(hé)黑(hēi)色作(zuò)爲設計的(de)一(yī)部分(fēn)進行(xíng)放大或舒緩。

三重設計：基于在(zài)色輪上形成三角形的(de)三種主要顔色的(de)設計。三合一(yī)設計肯定會(huì)産生一(yī)些非常驚人(rén)的(de)結果。在(zài)做出決定之前，請确保與幾個人(rén)測試您的(de)配色方案。

網站(zhàn)顔色的(de)含義

研究表明(míng)，不同顔色的(de)存在(zài)極大地影響了産品如(rú)何被接受。更爲沖動(dòng)的(de)買家對(duì)紅(hóng)色和(hé)橙色的(de)顔色有較大的(de)利潤。更多(duō)計算的(de)消費者傾向于使用由淺藍色，粉紅(hóng)色和(hé)海軍顔色組成的(de)産品。另一(yī)件(jiàn)要記住的(de)是，一(yī)些顔色意味着不同文化中(zhōng)的(de)不同的(de)東西。

在(zài)西方文明(míng)中(zhōng)，某些含義被歸結于不同的(de)顔色：

我(wǒ)們(men)所有網頁上顔色，在(zài)HTML下看到的(de)是以顔色英文單詞或者十六進制(zhì)的(de)表示方法（如(rú)#000000表示爲黑(hēi)色）。不同的(de)顔色有着不同的(de)含義，給人(rén)各種豐富的(de)感覺和(hé)聯想。

紅(hóng)色：熱情、奔放、喜悅、莊嚴

黃(huáng)色：高貴、富有、燦爛、活潑

黑(hēi)色：嚴肅、夜晚、沉着

白(bái)色：純潔、簡單、潔淨

藍色：天空、清爽、科技

綠色：植物(wù)、生命、生機

灰色：莊重、沉穩

紫色：浪漫、富貴

棕色：大地、厚樸

不同的(de)網站(zhàn)有着自(zì)己不同的(de)風格，也(yě)有着自(zì)己不同的(de)顔色。網站(zhàn)使用顔色大概分(fēn)爲幾種類型：

1、公司色

在(zài)現代企業中(zhōng)，公司的(de)CI形象顯得(de)尤其重要，每一(yī)個公司的(de)CI設計必然要有标準的(de)顔色。比如(rú)新浪網的(de)主色調是一(yī)種介于淺黃(huáng)和(hé)深黃(huáng)之間(jiān)的(de)顔色，同時形象宣傳、海報(bào)、廣告使用的(de)顔色都和(hé)網站(zhàn)的(de)顔色一(yī)緻。

2、風格色

許多(duō)網站(zhàn)使用顔色秉承的(de)是公司的(de)風格。比如(rú)海爾使用的(de)顔色是一(yī)種中(zhōng)性的(de)綠色，即充滿朝氣有不失自(zì)己的(de)創新精神。女性網站(zhàn)使用粉紅(hóng)色的(de)較多(duō)，大公司使用藍色的(de)較多(duō)……這(zhè)些都是在(zài)突出自(zì)己的(de)風格。

3、習(xí)慣色

這(zhè)些網站(zhàn)的(de)顔色使用很大一(yī)部分(fēn)是憑自(zì)己的(de)個人(rén)愛(ài)好，以個人(rén)網站(zhàn)較多(duō)使用，比如(rú)自(zì)己喜歡紅(hóng)色、紫色、黑(hēi)色等，在(zài)做網站(zhàn)的(de)時候就(jiù)傾向于這(zhè)種顔色。每一(yī)個人(rén)都有自(zì)己喜歡的(de)顔色，因此這(zhè)種類型稱爲習(xí)慣色。

結論

爲您的(de)網站(zhàn)選擇配色方案是您必須做出的(de)最重要的(de)決定之一(yī)。它将确定您的(de)訪問(wèn)者首次進入您的(de)網站(zhàn)時感覺如(rú)何，他們(men)将如(rú)何與您的(de)網站(zhàn)在(zài)那(nà)裡(lǐ)進行(xíng)互動(dòng)，并會(huì)影響他們(men)是否決定在(zài)離開之前購買您的(de)産品。總是選擇結合在(zài)一(yī)起的(de)顔色，野生組合可(kě)能(néng)會(huì)導緻不良結果。顔色喚起人(rén)們(men)的(de)感情和(hé)情緒。請注意，選擇正确的(de)顔色組合，使您的(de)觀衆感受到您想要的(de)感受。最後，請記住，在(zài)我(wǒ)們(men)的(de)文化中(zhōng)，顔色具有不同的(de)含義，所以确保從一(yī)開始就(jiù)向觀衆傳達正确的(de)信息。