美工設計

當前位置 /首頁/設計製作/美工設計/列表

網頁設計的色彩運用

色彩是網頁給人的第一印象,色彩運用的好壞直接影響人們對這個網頁的認同與否,設計者在設計網頁時除了考慮需要網頁本身的特點外,還要遵循一定的藝術規律,從而設計出色彩鮮明、性格獨特的網頁。因此,如何在網頁設計中運用色彩是網頁設計的重中之重。

網頁設計的色彩運用

0 引言

網頁設計是一門新興的設計類和網路交叉學科,近幾年隨著網路的發展而逐漸受到人們的重視。網頁以網路為載體,把各種資訊以最便捷的方式傳達給受眾。在這種標準的需求下,逐步產生了審美的需求。網頁的色彩是樹立網頁形象的關鍵之一,色彩運用的好壞直接影響人們對這個網頁的認同度,網頁色彩搭配既是一項技術性工作,同時也是一項藝術性很強的工作。因此,設計者在設計網頁時除了考慮網頁本身的特點外,還要遵循一定的藝術規律。

1 色彩運用

1.1 色彩分類

在色彩繽紛的世界裡,人們通過視覺感知到的色彩是非常豐富的。色彩按照種類可以分為原色、間色和複色。就色彩的系別而言,則可分為非彩色系和彩色系兩大類:

①彩色系:指包括在可見光譜中的.全部色彩,以紅、橙、黃、綠、藍、紫等為基本色;

②非彩色系:指由黑色、白色及黑白兩色相融而成的各種深淺不同的灰色系列。

1.2 色彩種類

(1)原色。原色就是不能用其他顏色混合而成的顏色。我們可以用原色混合成其它各種各樣的顏色。基本上原色分為紅、黃、藍3種。這3種顏色當中不能摻雜其它的任何一種顏色。

(2)間色。間色就是由兩種顏色混合而成的顏色。我們用三原色就可以調出3個間色來。例如,紅色加黃色可以調出橙色,黃色加藍色可以調出綠色,藍色加紅色可以調出紫色。橙色、綠色、紫色稱為間色。

這種交錯關係構成了色光、顏料與色彩視覺的複雜聯絡,也構成了色彩原理與規律的豐富內容。

(3)複色。原色就是由一種間色和另外一種原色混合而成的顏色。例如:黃色加橙色為黃橙,紅色加橙色為紅橙,藍色加紫色為藍紫,紅色加紫色為紅紫,藍色加綠色為藍綠等等。黃橙、紅橙、藍紫、紅紫、藍綠稱為複色。

以上的原色、間色和複色就構成了千變萬化的色彩世界。我們在運用色彩時可以根據這些特性,搭配出不同效果的色彩方案。

2 網頁設計的色彩運用

根據專業的研究機構研究表明,彩色的記憶效果是黑白的3.5倍,也就是說,在一般情況下,彩色頁面較完全黑白頁面更加吸引人。通常的做法是:主要內容文字用非彩色(黑色),邊框、背景、圖片用彩色。這樣頁面整體不單調,主要內容也不會讓人眼花繚亂。黑白是最基本和最簡單的搭配,白字黑底、黑底白字都非常清晰明瞭。灰色是萬能色,可以和任何彩色搭配,也可以幫助兩種對立的色彩和諧過渡。

(1)紅色。紅色的純度高,引人注目,有人稱之為“火與血”的顏色,能增高血壓,加速血液迴圈。用紅色為主色的網頁不多,在大量資訊的頁面裡使用大量面積的紅色不易於閱讀,但若搭配好的話,也可以起到振奮人心的作用。過純的紅色容易使人疲勞,引起人的心理反感,因此,一般只有在以節慶為主題的網頁中會大面積使用純紅色,而在其它主題的網頁中,要使用大面積的紅色就需要加入白色或暗色調。

(2)橙色。橙色在網頁中經常被使用,通常給人一種溫馨明快的感覺,如果將黃色或黃綠色與橙色搭配會使網頁呈現出非常好的效果。在各種網站中,橙色的使用機率比較多,橙色既能體現一種青春的活力同時也不失穩重。

(3)黃色。黃色作為一種主色調,在網頁配色中經常會作為背景色來使用。黃色本身給人一種清爽、明朗的感覺,所以能夠得到大部分人的認可。在一些門戶網頁中經常會運用到黃色,黃色會帶給人一種積極向上的感覺,使人身心愉悅。高彩度的黃色與黑色的結合可以達到清晰整潔的效果,這種配色例項在網頁設計十分多見。

(4)綠色。綠色通常被認為是象徵和平的顏色,同時也會帶給人安靜祥和的感覺。在一些與健康相關的網站中經常會用到綠色。用淺綠色作為網頁背景色,可以給人營造一種平靜的氛圍,也可以給人一種清涼的感覺。

(5)藍色。藍色在網頁元素中出現的機率是最高的。很多政府門戶、學校門戶網頁都使用藍色作為背景色。使用藍色既能達到莊重的效果,也能給人整潔、輕快的感覺。藍色與白色、青綠色搭配會使人感到開闊、清涼。很多企業做網頁時都選擇了藍色,IBM公司網頁就是其中之一。

(6)紫色。紫色通常讓人有一種神祕的感覺,在一些個性網頁中經常會出現紫色。在一些女性網站中,經常會使用紫色做為主色調。藍紫色通常與藍色一起搭配使用。

(7)白色。白色除因明度高而感覺冷外基本為中性色,明視度與注目度都相當高。白色能滿足視覺的生理要求,因此與其它色彩混合均能取得很好的效果。網頁和其它視覺作品不同,它要求具有較高的閱讀可視性,所以白色使用相當多。

(8)黑色。黑色是沒有純度的顏色,黑色在心理上是一個很特殊的色彩,它本身無刺激性,但是與其它色彩配合能增加刺激性。黑色是消極色,所以單獨使用的情況用途不多,但是與其它色彩配色均能取得較好的效果。

3 色彩運用的主要問題

(1)做網站建設時要選準標準色,標準色的選擇要符合自身特點。在瞭解色彩的基礎上選擇適合自己的標準色。同時,為了讓主頁更加豐富多彩、引人注目,可以在標準色的基礎上,配以不同的輔色。在標準色的基礎上搭配不同的輔色,使得網頁看起來豐富而統一。

(2)在主頁選色以前,要做很多的輔助工作。例如,在選色前要充分考慮網站受眾的社會背景、心理需求。不同社會背景的人,對於色彩的感知也是不同的。因此,網站的設計者要充分考慮網站受眾的心理因素和年齡特點,選擇出符合受眾心理的標準色。網站的用色要考慮到多方面的需求,儘可能地吸引訪問者的目光,總結他們滿意或者是不滿意的原因,綜合考慮。

(3)在設計網站的時候,我們應該關注流行色的發展趨勢。每年都會有一些流行色出現,這是符合大眾心理的一些基本色調。在設計網站的時候可以巧妙地加以應用,這樣網頁會富有朝氣、令人賞心悅目。與此同時,還要關注網友對網站的評價,及時進行改進,這樣才會吸引更多的受眾,提高網站點選率。

(4)在製作網頁時,要凸顯自身特色。不能一味地去迎合大眾。我們應該做到在保持自身特色的同時符合大眾的心理。目前,隨著網民人數的不斷增加,網民的素質也越來越高,大多數的網民喜歡選擇有特色、風格獨特的網站進行瀏覽。網頁設計師在設計網頁時,可以選擇體現自己風格的色彩大膽應用。

(5)網站設計師在設計網站時,應該更加註重整體效果。在設計網站頁面時,要更多地考慮平面設計的因素,把握整體。色彩的明暗、輕重、冷暖,以及調和色和對比色的應用等都要考慮在內。

TAG標籤:網頁 #