色彩在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用發(fā)布者：本站     時(shí)間：2020-05-02 14:05:05

隨著科學(xué)技術(shù)的發(fā)展，人類已經(jīng)進(jìn)入了信息時(shí)代，一種新興的媒體形式------網(wǎng)頁(yè)也應(yīng)用而生，不同于傳統(tǒng)的廣播、報(bào)紙、電視、雜志等，它具有的“多媒體化和個(gè)性化”的特征使得它可以融文字、廣播、畫面為一體，提供的信息量也越來越多，這就對(duì)網(wǎng)頁(yè)設(shè)計(jì)者提出了更高的要求------在網(wǎng)頁(yè)設(shè)計(jì)中合理巧妙地運(yùn)用色彩。網(wǎng)頁(yè)設(shè)計(jì)者通過將網(wǎng)頁(yè)中的信息合理進(jìn)行分類布局、通過色彩進(jìn)行區(qū)分、并加以主次順序的區(qū)分來產(chǎn)生強(qiáng)烈的視覺沖擊力和藝術(shù)感染力，提高瀏覽者的把握信息的準(zhǔn)確性。

一、色彩理論

網(wǎng)頁(yè)設(shè)計(jì)歸根結(jié)底是以人為本的，而色彩具有極強(qiáng)的感染力，它不僅能給人以輕重、冷暖、動(dòng)靜、遠(yuǎn)近等生理感覺，而且還能引起人歡悅、悲傷、壓抑、優(yōu)雅等不同的聯(lián)想和情感共鳴。色彩在不知不覺中產(chǎn)生的心理作用足以左右人們的情緒感受，使得人從美學(xué)意義上了解和鑒賞其表達(dá)的形象和內(nèi)容。網(wǎng)頁(yè)的色彩也是如此。

關(guān)于色彩理論最基本的定義是：在設(shè)計(jì)中，通過色調(diào)、一致效果和對(duì)比效果等方式所表現(xiàn)出的色彩間彼此的關(guān)聯(lián)和影響。主要包含了以下三個(gè)核心的色彩理論詞匯：

（一）色彩一致效果

色彩的一致效果是指網(wǎng)頁(yè)中一種色彩與其他別種色彩間的關(guān)聯(lián)性。當(dāng)一個(gè)網(wǎng)頁(yè)的色彩搭配能夠讓人有一種和諧悅目的感覺，視覺色彩達(dá)到平衡時(shí)，網(wǎng)頁(yè)的色彩可以說達(dá)到了一致的效果。該如何達(dá)到最佳配色效果呢，三角對(duì)立配色法與復(fù)色搭配法最為常見。

1、三角對(duì)立配色法

如圖1所示在色輪上選取一種想要的顏色作為基準(zhǔn)色，以此基準(zhǔn)色為起點(diǎn)，在色輪上畫出一個(gè)等邊三角形，選取等邊三角形的三個(gè)頂點(diǎn)所屬的顏色即構(gòu)成三角對(duì)立配色方案，此方法快捷實(shí)用、配色均衡，所取的三種色彩和諧一致，相得益彰。

2、復(fù)色配色法

復(fù)色配色法是在色輪上選擇具有互補(bǔ)性的兩種顏色如圖2所示，此種配色方案既能充分利用互補(bǔ)色所營(yíng)造的獨(dú)特視覺效果，也能給予設(shè)計(jì)師非常大的自由度。

（二）對(duì)比效果

為了引導(dǎo)瀏覽者的注意力、減輕瀏覽者的視覺疲勞、提高其瀏覽網(wǎng)頁(yè)的效率，通常將網(wǎng)頁(yè)劃分為具有鮮明對(duì)比的色彩區(qū)域，這就要用到色彩的對(duì)比效果。網(wǎng)頁(yè)中最突出地體現(xiàn)在背景顏色和文字顏色的選取上。網(wǎng)頁(yè)配色的最佳策略通常是選取一種較淺談的色彩做為背景色，較深重的色彩做為文字的顏色，高對(duì)比度的網(wǎng)頁(yè)色彩可以令文字更加清晰易讀，引導(dǎo)用戶的注意力。

（三）色調(diào)

網(wǎng)頁(yè)總是由具有各種內(nèi)在聯(lián)系的一系列色彩組成一個(gè)完整的整體，給人以統(tǒng)一的感覺與氛圍，而形成這種畫面色彩總的趨向即稱為色調(diào)，通常也可以將之理解為色彩狀態(tài)，它是決定網(wǎng)頁(yè)配色的視覺效果的主要因素。在設(shè)計(jì)中，善于運(yùn)用色調(diào)可以讓網(wǎng)頁(yè)表達(dá)出更加微妙細(xì)膩的情感。例如，暖色調(diào)的網(wǎng)頁(yè)設(shè)計(jì)會(huì)帶給瀏覽者更多的活力，暗色調(diào)則會(huì)帶給瀏覽者舒適輕松的感覺。

二、網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用原則

色彩已被人們賦予了擬人化的情感，這就是所說的色彩心理學(xué)，網(wǎng)頁(yè)設(shè)計(jì)者就是要利用色彩的純度、明度、色相這三要素以及擬人化的特征，將網(wǎng)頁(yè)內(nèi)容與色彩的表現(xiàn)形式有機(jī)地結(jié)合起來，將網(wǎng)頁(yè)的風(fēng)格和特色體現(xiàn)出來，以達(dá)到突出主題的目的。網(wǎng)頁(yè)設(shè)計(jì)時(shí)需掌握以下色彩運(yùn)用原則：

（一）色彩的選取要突出網(wǎng)站的主題，體現(xiàn)網(wǎng)站的特色

不同的色彩運(yùn)用可以帶給人不同的心理感受。網(wǎng)頁(yè)設(shè)計(jì)時(shí)的色彩的設(shè)計(jì)要有針對(duì)性，應(yīng)體現(xiàn)出網(wǎng)頁(yè)自身的特點(diǎn)，突出網(wǎng)頁(yè)的主要內(nèi)容。比如我國(guó)政府的特點(diǎn)是紅色政權(quán)，其政府部門的網(wǎng)站均以紅色為主體；而藍(lán)色所體現(xiàn)的沉穩(wěn)大氣一直為高科技企業(yè)網(wǎng)站所鐘愛，比如yahoo公司的網(wǎng)站采用一系列的藍(lán)色調(diào)；食品保健類的網(wǎng)站則以綠白搭配為主體，采用舒適性較強(qiáng)的調(diào)和色，尜尜棗網(wǎng)頁(yè)以淡綠色為底色既突出了食品綠色環(huán)保的大特征又強(qiáng)調(diào)了此產(chǎn)品的生態(tài)健康，加以黑色的文字搭配給人以清新可信的感覺。

（二）網(wǎng)頁(yè)的色彩選取應(yīng)符合瀏覽者的審美情趣

信息全球化的今天，網(wǎng)頁(yè)在信息傳播中起著不可替代的作用，而互聯(lián)網(wǎng)的特性也決定了它的受眾是來自不同的國(guó)家的瀏覽者，他們屬于不同的民族，有著不同的信仰，存在著年齡、文化修養(yǎng)等差異。網(wǎng)頁(yè)設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁(yè)時(shí)就必須進(jìn)行多方面綜合的考慮，以求盡可能多地滿足不同瀏覽者對(duì)色彩的要求。比如兒童喜歡對(duì)比鮮明、富有個(gè)性的純色，而老人則偏好于沉穩(wěn)安靜的顏色。

（三）網(wǎng)頁(yè)風(fēng)格獨(dú)特引人視線

互聯(lián)網(wǎng)上可謂是網(wǎng)頁(yè)云集，如何讓自己設(shè)計(jì)的網(wǎng)頁(yè)風(fēng)格獨(dú)特，吸引瀏覽者的視線呢？這就要求網(wǎng)頁(yè)設(shè)計(jì)者加強(qiáng)個(gè)人的藝術(shù)和美學(xué)修養(yǎng)，除了利用平面構(gòu)成理論精心規(guī)劃網(wǎng)頁(yè)的布局外，還必須依賴色彩構(gòu)成理論來加強(qiáng)網(wǎng)頁(yè)的色彩沖擊力，只有兩者達(dá)到有效的配合才能制作出主題鮮明、具有強(qiáng)烈藝術(shù)性的網(wǎng)頁(yè)，以此來提高網(wǎng)頁(yè)的訪問率。當(dāng)然有的網(wǎng)頁(yè)設(shè)計(jì)者還希望擁有自己的風(fēng)格，這就要求他們?cè)谧裱O(shè)計(jì)規(guī)律的同時(shí)大膽地進(jìn)行藝術(shù)創(chuàng)新。

（四）色彩選取要有一定的延續(xù)性，便于網(wǎng)頁(yè)內(nèi)容的更新

由于網(wǎng)絡(luò)信息的實(shí)時(shí)性，往往網(wǎng)頁(yè)內(nèi)容是需要定期更新的。更新主要是信息內(nèi)容上的更新，而網(wǎng)頁(yè)的主體則不會(huì)發(fā)生改變。這就要注意網(wǎng)頁(yè)所選取的色彩的延續(xù)性。傳統(tǒng)的辦法是適當(dāng)調(diào)整網(wǎng)頁(yè)色彩的明度或者純度，現(xiàn)在也可以在保持網(wǎng)頁(yè)的整體感的基礎(chǔ)上在色彩的面積和對(duì)比關(guān)系上進(jìn)行調(diào)整，以增加網(wǎng)頁(yè)的新鮮感。

網(wǎng)頁(yè)中的色彩運(yùn)用成為網(wǎng)頁(yè)界面不可或缺的一部分，暖色帶給人明媚快樂的感覺，可以使人感到幸福和快樂；而冷色則可以給人冷靜沉穩(wěn)的感覺，用來制作專業(yè)性強(qiáng)和的網(wǎng)站，建立信任感和權(quán)威感。在網(wǎng)頁(yè)中，設(shè)計(jì)合理的界面結(jié)構(gòu)和選取和諧的色彩相結(jié)合，二者相輔相成、水乳交融才能制作出具有吸引力的網(wǎng)頁(yè)。