朱 琳 （天津職業(yè)技術(shù)師范大學(xué) 300202）

淺談網(wǎng)頁設(shè)計中的色彩應(yīng)用

朱 琳 （天津職業(yè)技術(shù)師范大學(xué) 300202）

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

網(wǎng)頁設(shè)計；應(yīng)用；色彩搭配

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

一、色彩基礎(chǔ)知識

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

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

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

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

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

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

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

白色純潔、神圣。代表希望和純潔。常用于婚禮和醫(yī)療網(wǎng)站。

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

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

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

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

二、色彩在網(wǎng)頁設(shè)計中的作用

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

（一）營造統(tǒng)一整體的風(fēng)格

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

（二）導(dǎo)向性視覺流程突出重點

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

（三）網(wǎng)頁布局的合理劃分

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

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

三、網(wǎng)頁設(shè)計的色彩搭配原則

網(wǎng)頁的色彩包括標(biāo)準(zhǔn)色、圖片主色、背景色等。在網(wǎng)頁設(shè)計中，色彩搭配要講究技巧，充分考慮網(wǎng)頁內(nèi)容的風(fēng)格，在遵循色彩的審美規(guī)律基礎(chǔ)之上有意識地運用色彩創(chuàng)造美感，有效地提高瀏覽者點擊率。

（一）同種色彩搭配

在網(wǎng)頁色彩設(shè)計過程中，使用單一色彩如果運用不得當(dāng)會形成單調(diào)缺乏生機的感覺?？梢酝ㄟ^改變同類色的明度、純度差別，增強畫面統(tǒng)一效果的同時呈現(xiàn)出高貴、優(yōu)雅的視覺效應(yīng)。比如，化妝品類網(wǎng)站常用具有同種色彩傾向的中性色，表現(xiàn)女性高貴、溫柔的性格特點；機械類網(wǎng)站常用黑色或沉著的藍(lán)色、紅色等，表現(xiàn)產(chǎn)品的堅實、精密或耐用的特點。

（二）鄰近色搭配

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

（三）對比色搭配

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

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

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

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

本文系天津職業(yè)技術(shù)師范大學(xué)校級科研項目“關(guān)于加強我校藝術(shù)學(xué)院網(wǎng)站形象建設(shè)特色思路研究”項目編號：SK14-04。

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