淺談網頁設計中的色彩應用

朱 琳 （天津職業技術師范大學 300202）

淺談網頁設計中的色彩應用

朱 琳 （天津職業技術師范大學 300202）

“色彩變幻無窮，猶如贊美春天的華麗樂章。”可見，色彩是沖擊人視覺的第一要素，是設計成功與否的關鍵所在，其影響不可小覷。本文以網頁設計為立足點，探討了色彩在網頁設計中的作用和表現，分析了色彩搭配原則，闡明了色彩對于網頁設計的重要性。

網頁設計；應用；色彩搭配

現今互聯網正在全世界進行著一場科技革命，突破了不同政治、經濟、地域及文化的界限，形成了一種嶄新的交流方式。網頁是構成網站的基本元素，色彩即是形成網站整體風格的重要因素。網頁設計包括文字、圖片、色彩、排版，其中好的版式設計、合理的配色方案可以起到事半功倍的效果。

一、色彩基礎知識

任何一種彩色都有三種特征色相、純度及明度，它們能夠傳遞信息和意象，引起受眾的共鳴，例如要傳達高貴品質的信息可以在色相中選擇冷色系，如藍色、綠色和紫色，同時可以調高明度來表現質感。

色相也就是色的相貌，如，赤、橙、黃、綠、青、藍、紫，不同色相激發受眾對具體事物的聯想與情感表達也不同。

紅色可以較強地刺激視神經，容易引起受眾的視覺注意，但長時間觀看有可能引起視覺疲勞。常用來表現太陽、火焰、積極、忠誠的象征。

黃色的明度最高，較容易發生變化的顏色。傾向冷色的檸檬黃誘惑、高傲，傾向橙色的中黃則是一種有限度的熱情、溫暖和輕快。

藍色使人聯想到太空、宇宙、大海，常做襯托和背景使用，其沉靜、透明、樸實而理智。易于同多種顏色進行搭配。

綠色代表恬靜、中庸、平和、舒適在網頁設計中經常被使用。黃綠色趨于新鮮、友善，，具有生命的活力；深綠色寬容、成熟，更具常春、傳統的意境。

紫色代表神秘感、優雅、孤傲。加入白色成分時，變得浪漫具有女性魅力。

白色純潔、神圣。代表希望和純潔。常用于婚禮和醫療網站。

黑色傳達堅實、嚴肅、剛健、粗陋，同時也承載著黑暗、罪惡、失望等信息。

灰色是中性色，突出的性格為中庸、平凡、沉寂，不像黑色與白色會明顯影響其他色彩。

純度也叫飽和度，指顏色的鮮艷程度。高純度色彩給受眾醒目、清澈、力量之感；低純度色彩則有細膩、穩重之感。

明度指色彩的明暗、深淺度。高明度的色彩給受眾輕快、活潑之感；反之亦然。

二、色彩在網頁設計中的作用

網頁設計是技術與藝術的結合，技術提供支撐，藝術通過色彩完善視覺體驗，設計者運用色彩搭配原理，將各種顏色特性發揮極致。憑借色彩的魔力將版面中諸多元素變得具有藝術生命。將從以下幾方面對色彩的作用進行探討和研究。

（一）營造統一整體的風格

網頁作為一種新興的設計媒介，它將傳統媒介傳遞的信息帶入到網絡之中。隨著網站的普及，作為網頁設計師如何能在品類多樣的網站中脫穎而出是工作的重中之重！我們深知不同的色彩搭配產生不同的視覺效果，比比皆是，能給受眾留下深刻印象的網站都具有統一整體的風格，一類是藝術感較強的網站，往往運用夸張的色彩來彰顯其大膽個性的頁面風格。另一類信息網站主要功能是傳遞信息，色彩較為單純，比如：淘寶以橙色為主色調，突出購物主題，營造出輕松愉悅的購買環境。網易是新聞類網站，其紅色作為主色調，代表正直、忠誠，凸顯其網站的一手新聞特色，專業和嚴肅的態度貫穿始終。因此突出主題形成獨具的特色是營造整體風格的主要途徑，對傳遞網站信息起到關鍵作用。

（二）導向性視覺流程突出重點

所謂視覺流程，是指受眾讀取信息先后過程的一種自然流動的習慣。基本都是視線由版面的左上角沿著一條自然形弧線向右下方流動，注意力隨之越少。根據不同性質的網站，有針對性地調整色彩配置，比如借助文字、手勢、符號、圖形的導向，主動引導受眾視線向一定的方向移動，把版面的各構成元素串聯起來，形成一個統一的整體，使版面主題突出，條理清晰，有效地提高了序列感和愉悅度。這就是導向性視覺流程。

（三）網頁布局的合理劃分

在網頁設計中，對于內容豐富、信息量繁多的網頁來說，合理的布局規劃和色彩搭配會形成一種錯落有致的布局。網頁中的文字、圖形以及背景并不是孤立存在的，它們之間的色彩配置關系不是簡單組合關系，而是對視覺區域進行了科學的劃分，營造出主次分明具有可讀性強的頁面。

因而，要充分考慮主體色與輔助色的相互關系，配色隨著網頁的性質不同隨之改變。比如，搜狐門戶網站主色調為黃色，旗下科技頻道使用了藍色導航作為主色調。藍色代表積極沉穩向上的設計理念，預示著科學技術穩固發展，同時考慮到瀏覽者閱讀網頁的便捷性，網站還用灰色與淺色系將不同板塊予以分類。如新聞類板塊的特色較為專業嚴謹，采用了灰色與藍色導航，軍事類相關的板塊采用了迷彩色為導航，與女性、健康生活相關的板塊使用了淡粉色、淡綠色導航，與娛樂休閑相關的生活板塊采用了橘黃色導航。

三、網頁設計的色彩搭配原則

網頁的色彩包括標準色、圖片主色、背景色等。在網頁設計中，色彩搭配要講究技巧，充分考慮網頁內容的風格，在遵循色彩的審美規律基礎之上有意識地運用色彩創造美感，有效地提高瀏覽者點擊率。

（一）同種色彩搭配

在網頁色彩設計過程中，使用單一色彩如果運用不得當會形成單調缺乏生機的感覺。可以通過改變同類色的明度、純度差別，增強畫面統一效果的同時呈現出高貴、優雅的視覺效應。比如，化妝品類網站常用具有同種色彩傾向的中性色，表現女性高貴、溫柔的性格特點；機械類網站常用黑色或沉著的藍色、紅色等，表現產品的堅實、精密或耐用的特點。

（二）鄰近色搭配

使用鄰近色進行網頁設計，能夠明確畫面主色調，從而形成層次鮮明視覺畫面效果。然而，采用鄰近色進行頁面設計時，小面積的將黑、白、灰穿插在版面中，可以提升畫面的豐富感。例如，食品類網站常用鮮明、豐富的色調，采用紅色、黃色和橙色刺激味覺，體現食品美味健康，小面積的白色、灰色為點綴色，純度或明度達到了不同程度的變化。

（三）對比色搭配

對比色在網頁設計中，常常用對比色進行小面積的點綴使用，會營造出活潑、強烈、鮮明等不同的視覺效應。例如，兒童類網站常用色相對比、冷暖對比，根據兒童心理學研究，強烈的色彩更符合兒童好奇、活潑的心理和愛好。

總之，色彩是網頁設計中的一個重要環節，將不同的色彩進行組合，講究搭配技巧并合理地加以運用，構成符合審美規律的頁面， 同時也能更好地將語言和情感傳達給受眾，提升受眾愉悅感。因此，在網頁設計中做到對色彩有效地把控，對于網頁設計是有很大幫助的，需要我們在實踐中不斷總結與創新。

[1]Art Tone視覺研究中心著.平面設計配色全攻略[M].中國青年出版社，2010.

[2]原研哉，朱鍔譯.設計中的設計[M].山東人民出版社，2006.

本文系天津職業技術師范大學校級科研項目“關于加強我校藝術學院網站形象建設特色思路研究”項目編號：SK14-04。

朱琳（ 1986-） ，女，山西大同人，碩士，助教，研究方向：視覺傳達設計。