網頁設計視覺傳達色彩搭配

吳娜

長春光華學院視覺傳達設計學院 吉林 長春 130031

引言：網站在眾多領域中都不可或缺。當前很多網頁設計中依然存在著一些問題，例如網站的色彩設計過于集中，難以體現藝術表現的獨特性，存在單一化的問題等。本文中筆者將以時代的快速發展為背景，從實際應用的層面分析網站設計的顏色搭配，以供同行從業者參考。

一、色彩的影響

（一）色彩對時間的影響

有調查結果表明，人在燈下工作時，會感覺到顏色對時間的影響，例如，在白熾燈下工作時，人會感到時間過得很快，精力充沛，效率也會相應提高。心理學家認為，人最直觀的感受是眼睛所見，而對所見影響最大的是顏色。情緒可以控制人類的大腦，所以顏色會在一定程度上影響人類的行動。例如快餐的室內裝飾，多是紅色和橙色為主，以刺激客人的食欲并督促食客加快進食。在生活中，線下的各種商家對顏色對人們心理產生的影響運用已經非常廣泛。當我們把它推廣到網頁上，在追求網頁設計美感的同時，利用顏色的組合，也能夠達到延長人們的瀏覽時間，吸引更多的網站產品的關注的目的。

（二）顏色對人的心情的影響

早在很久前人們就發現顏色能夠給人的心理以暗示，同時人們也根據顏色的這些特性將其分為冷、暖、中性等類別，如圖1。暖色調主要由赤、橙、黃等顏色組成，冷色調則包含青、綠、藍等，中性色調則有紫、黑、灰、白等幾種顏色。不同的色調通常能夠對觀看者的心情造成一定的影響。同樣的顏色看起來也有深度，這種顏色的特征之一叫做亮度。亮度表示顏色的明亮度。在網站的設計中，如果底色是黑色，文字也選擇深色的話，由于顏色的亮度相近，會給瀏覽者造成視覺上的困擾。當然，顏色的亮度也不能改變太大。否則，畫面的亮度反差過大，會讓閱覽者眼花繚亂。同樣色調的顏色，除了亮度的不同之外，還會表現出色彩飽和度的不同。在網站的顏色搭配上，設計人員不要什么都不考慮就把所有的顏色都加入到網站中，這樣會顯得過于土氣和花哨。不同顏色的組合，可以給人以不同的印象，給頁面帶來明暗和色調的變化，不同的組合也可以給訪客以良好的印象。設計人員應盡量避免單一顏色的應用，防止受眾的視覺疲勞問題，盡量提高瀏覽網站的興趣。因此，在網頁設計中，為了在被他人看到時給閱覽者帶來愉悅感，設計者必須進行良好的配色。

圖1

二、色彩搭配的原則

色彩心理學越來越被應用到各個領域，在互聯網飛速發展的今天，色彩的搭配已經成為判斷網頁設計是否優秀的重要指標。在進行網頁設計時，設計人員應盡量貫徹以下幾個原則。

（一）功能性原則

所謂功能性原則，是指在網頁設計中顏色的組合要充分利用顏色本身所具有的功能，這一原則的目的是強化網頁上的信息傳達。當然，在網頁設計中，也有公司會根據用戶的層次來選擇顏色，以更加突出主體。顏色的組合是網頁設計中重要內容，設計師在網頁設計中必須充分重視色彩的功能，從根本上始終堅持原則，確保網頁的魅力和感染性，進而從根本上提高網頁設計的質量，在提高視覺效果的同時，更有效地吸引用戶，提高網頁競爭力。

（二）統一性原則

統一性原則是網頁的色彩搭配中顏色應和諧、統一。究其原因，主要是因為具有統一性色彩的網頁能夠更好地傳達內容。所有的網頁設計都應該遵循這一原則。例如面向孩子的網站中，設計師應以孩子的年齡特征為基礎，基于網頁的主題并以核心顏色為中心，完成網頁設計中的色彩搭配。并在此基礎上，提高網站給用戶的沖擊力，提高網頁設計的質量。

三、色彩搭配的意義

顏色搭配往往能影響用戶對網頁的第一印象，而且顏色搭配在網頁設計中也一直占有重要地位。以此為基礎，針對網頁設計的顏色應先充分地分析網站的內容，要在明確表達主題的基礎上，結合網站的實際內容，重視主體顏色的組合運用，充分利用色彩的相關信息，確保網站的內容的傳遞。另外，顏色的組合本身具有一定的功能，確保顏色的功能發揮作用也是很重要的。

（一）延長瀏覽時間

在條理清晰、主題明確、內容有趣的網站上，良好的色彩搭配能夠有效地延長瀏覽者的瀏覽時間，以增強用戶對于網頁內容的了解。閱覽者可以在90 秒內判斷自己是否對一個網站感興趣，其中60～90%是由顏色決定的。顏色能給人最直觀的感覺，但我認為顏色給人的最大沖擊是情感。感情的變化，是閱覽者下一次瀏覽的重要因素。設計人員應重視閱讀者在瀏覽網站時的感受，通過配色對用戶感情的刺激來提高內容的可讀性。

（二）提供舒適度

如前文所述，顏色能夠對人的心情產生較大的影響。網頁設計也是如此，當網頁設計給瀏覽者帶來愉悅感時，瀏覽者就會想要花時間、看更多、了解更多。這樣就可以建立更有價值的網站，傳達網站內容中的某些理念，并展示其產品。

四、網頁設計中的色彩搭配

色彩是網絡制作設計中不可缺少的重要內容，在網絡設計中具有無法替代的作用。我們設計網站時，首先必須重視顏色的使用方法和組合。只有重視顏色搭配的網站，才能讓人流連忘返，進而產生了解該網站的其他信息的興趣。因此，在進行網站設計的過程中，要從實際內容出發，要有獨特的風格，要善于搭配顏色，合理地確定主色調，使網站的風格更加突出。因此，在網頁設計中要重視顏色的搭配，以滿足網頁設計突出的主題。另外，也要重視如何高效地實現色調的組合，充分體現網站的核心理念。

（一）明確網站主題

網站的主題是我們在設計網站的時候首先要考慮和決定的問題。網站的設計最好有自己的基礎顏色。說到那家公司，馬上就能聯想到相應的色彩。所以色彩是我們企業的文化形象的另類具象化，進行網站的設計時也應以其為第一考慮要素，該色彩不僅要符合公司戰略的形象，而且能提高公司的形象，在公司的發展起到積極的作用。同時網頁設計應該最大限度地滿足客戶的需求，并增強客戶信任感。當客戶翻開一頁，能夠適應自己的身份和角色的時候，那么該網站也就達到了最初的設計目的。因此網頁設計人員在進行色彩搭配時一定要考慮客戶的需求和客戶公司的企業歷史文化。例如萬方數據服務平臺，其用戶主要針對受教育程度較高的群體，且這是一個信息服務平臺，因此，其網頁主色調選用了藍色。藍色是一種讓人覺得正式、冷峻的顏色，它很好地切合了該網站的服務主旨。

（二）重視背景效果和文字效果

我們經常看到很多網頁背景的顏色很淡，文字的顏色很深，尤其是標題的顏色。因為如果沒有顏色的改變，就無法控制頁面整體的趣味性。因為它傳達的是企業文化和企業想要傳達的重要內容。因此，在設計網頁時要注意文本效果及背景效果。在網頁制作中，選擇淺色作為背景色，在此基礎上搭配深色文字，可以給訪問者留下良好的印象。在具體的設計中，要把重點放在文字的效果上，靈活運用背景的襯托效果，更加突出主題思想。在具體背景和文字的組合上，要從實際出發，合理設計，達到吸引游客駐足的效果。這也是相關網頁設計制作中的重要內容。依舊是以萬方數據服務平臺為例，其主色調為飽和度較高的藍色，其中的大標題采用了飽和度更低的藍色以及灰色，讓瀏覽者能夠一眼看到自己需要尋找的內容，增加了頁面可閱讀性。

（三）logo 要鮮明有力

網頁設計的一個重要特點是明確企業的logo 并且讓顧客在看到logo 時第一時間記住，并產生繼續觀看的欲望。logo對于一個企業來說非常重要，很多企業都對自己的logo 申請了知識產權保護。由于客戶瀏覽網站的速度很快，所以設計師可在每一頁都顯示企業logo，但沒有必要在每一頁都統一logo 的顏色，以避免因顏色及圖案的單調讓用戶感覺乏味，如圖2。

圖2

（四）三個基本組合法則

首先設計人員應根據設計的主題大致確定網頁的顏色和風格，根據公司的理念、宗旨或標志進行網頁主顏色和風格的選定。一般公司的網站都是先進行簡單漂亮的主題設計，強調設計意圖，之后再進行細化。例如新浪的黃色，海爾的綠色，淘寶的橙紅色等等，如圖3。之后設計人員再配合主色調和風格，展開更細致的設計和顏色計劃。通常來講，在進行網頁色彩搭配時，應考慮以下三點。

圖3

(1)單色搭配。以某種顏色為基準，與該顏色相差15 度的就是同類顏色。設計人員可根據之前擬定好的主色，對其進行亮度、透明度的調整，使其具有明暗、深淺的變化，在保證色調統一的基礎上避免單一顏色導致的頁面乏味。

(2)近鄰色的搭配。鄰近色是以某種顏色為基準，與該顏色相隔60°和-90°的顏色。使用鄰近色的話，頁面會變得統一，外觀也會變得漂亮。顏色組合的主次區別也能夠使網頁更有吸引力。

(3)對比組合。以某種顏色為基準，距離該顏色120°或-150°的任意兩種顏色互為對比度。其效果更為豐富、明顯，使頁面充滿張力，給人以視覺沖擊。立刻能夠引起用戶的注意，并且能夠更好地突出主題。

結語

總的來說，網頁設計中，為了通過視覺向用戶傳達出更豐富且更有吸引力的內容，設計師應充分重視色彩的搭配使用，在保證頁面美觀的情況下盡可能地向用戶突出頁面重點、網頁核心內容并抓住用戶的注意力，以更好地留住客戶。本文中作者對色彩搭配的一些技巧及注意事項進行了總結，希望能對網頁設計相關人員起到參考作用。