淺談網頁設計與配色之和諧化設計

羅永有 吳永慧

[摘要]在當今我們構建和諧社會的同時,對文化精神的要求逐漸苛刻,對于為大眾服務的設計行業提出更殘酷的挑戰。網頁設計是一門新興的設計類和網絡的交叉學科,它本身以網絡為載體,把各種信息以最快捷、方便的方式傳達給大眾。

[關鍵詞]和諧化設計創新性審美性功能性經濟性

中圖分類號:TP3文獻標識碼:A文章編號:1671-7597(2009)1120043-01

一、和諧及和諧設計的定義

所謂的和諧,從字面上可定義為融洽、調和。如:音調和諧,和諧的氣氛。無論是西方還是中方提出的理念,都可以定義為和諧是指對自然和人類社會變化、發展規律的認識,是人們所追求的美好事物和處事的價值觀、方法論。而和諧社會:是指一種美好的社會狀態和一種美好的社會理想,即“形成全體人們各盡其能、各得其所而又和諧相處的社會”。

二、網頁設計與配色之和諧化設計

網頁設計是一種特殊的視覺設計,它對色彩的依賴性很高。色彩在網頁上是“看得見”的視覺元素,它是人們視覺最敏感的東西,也是網站風格設計的決定性因素之一。網頁配色很重要,網頁顏色搭配得是否合理直接影響訪問者的情緒。恰當的色彩搭配會給訪問者帶來很強的視覺沖擊力。既然網頁的色彩是樹立網站形象的關鍵之一,色彩搭配卻是很多設計者感到頭疼的問題。面對著網頁的背景、文字、圖標、邊框、超鏈接……,應該采用什么樣的色彩?應該搭配什么色彩才能最好的表達出預想的內涵呢?在這里淺談一些心得:

(一)首先我們要了解配色。為了能更好地應用色彩來設計網頁,我們還是先來了解一下色彩的一些基本概念。自然界中有很多種色彩,比如草是綠色的,大海是藍色的,桔子是橙色的……,但是最基本的有三種(紅,黃,藍),其它的色彩都可以由這三種色彩調和而成。我們簡稱這三種色彩為“三原色”。

現實生活中的色彩可以分為彩色和非彩色。其中黑白灰屬于非彩色系列。其它的色彩都屬于彩色。任何一種彩色具備三個特征:色相,明度和純度。其中非彩色只有明度屬性。

網頁制作到底是用彩色還是非彩色好呢?根據專業的研究機構研究表明:彩色的記憶效果是黑白的3.5倍。在一般情況下,彩色頁面較黑白頁面更加吸引人。我們通常的做法是:主要內容文字用非彩色(黑色),邊框,背景,圖片用彩色。這樣頁面整體不單調,看主要內容也不會眼花。

簡單來說,配色就是將顏色擺放在適當的位置,做一個最好的安排。色彩是通過人的印象或者聯想來產生心理上的影響,而配色的作用就是通過改變頁面視覺氛圍來滿足大眾的各方面的要求。配色主要有兩種方式:一是通過色彩的色相、明度、純度的對比來控制視覺刺激。二是通過心理層面感觀傳達,間接性地改變顏色,從而達到配色的效果。

在色彩上的選用,要注意顏色的相近色、互補色與冷暖色之間的和諧使用,使之頁面色彩均衡,網站讓人看上去舒適,協調,除了文字,圖片等內容的合理排版,色彩的均衡也是相當重要的一個部分。

(二)色彩的作用。色彩在人們的生活中都是有豐富的感情和寓意的。如紅色是最具有視覺沖擊力的色彩、暗示速度和動態;可以刺激心跳速度、加快呼吸、刺激食欲;可以聯想到喜慶等元素。白色聯想到純潔、簡潔;紫色象征著女性化、高雅、浪漫;藍色象征高科技、穩重、理智;橙色能促進食欲;橙色的頁面代表了友善,給人愉快、能促使人思考;橙色能夠用來強化視覺,這就是為什么海灘救生員的救生服采用橙色的原因;綠色是所有色彩中最能讓人的眼睛放松的色彩;綠色對人的精神有鎮靜和恢復的功效,通常在醫院中讓病人放松;通常綠色的意義是“通行”,還有秩序的意義;綠色可以促進消化,還可以減輕胃痛。當然不是說某種色彩一定代表了什么含義。

(三)色彩的運用。要說色彩的運用,還是先淺談下萬能色——黑白灰色彩,可以跟任意一種色彩搭配。當我們為某種色彩的搭配苦惱的時候,不防試試用黑白灰。當我們覺得兩種色彩的搭配不協調,可以嘗試加入黑色,或灰色,或許會有意想不到的效果哦。對一些明度較高的網站,配以黑色,可以適當地降低其明度。白色是網站用的最普遍的一種顏色。

(四)確定網站的主題色。網站的分類多種多樣,有公司、政府、企事業單位、娛樂、購物等等,一個網站不可能單一的運用一種顏色,那樣會讓人感覺單調,乏味;但是也不可能將所有的顏色都運用到網站中,讓人感覺輕浮,花俏。一個好的網站必須有一種或兩種主題色,不至于讓客戶迷失方向,也不會感覺單調,乏味。所以確定網站的主題色也是設計者必須考慮的問題之一。

我們在設計一個頁面盡量不要超過4種色彩,用太多的色彩讓人迷失方向,沒有側重。在設計中不僅要結合人的個性與共性、心理與生理等各種因素,還要充分考慮到設計色彩的功能與作用。

(五)網站風格與色彩設計的搭配。在我們了解了色彩的一些基本概念及色彩的一些搭配問題,可是真正具體運用到網頁中,各要素的色彩又是如何搭配的呢?

1.網頁標題。網頁標題可以簡單來說它就像一個門牌,瀏覽者要了解一個網站的結構與內容,都必須通過導航或者頁面中的一些小標題。

2.網頁鏈接。一個網站不可能只是單一的一頁,所以文字與圖片的鏈接是網站中不可缺少的一部分。在這里要使鏈接區別于文字,可以在設計鏈接的顏色,讓它跟文字的顏色有所區別。

3.網頁文字。如果一個的網站側重的是文字,所以背景可以選擇純度或者明度較低的色彩,文字用較為突出的亮色。讓人一目了然。當然,如果我們想讓讀者對該網站有深刻的印象,也可以在背景上進行色彩設計,如在一個空白的頁某個地方用一個亮度高的色塊。

4.網頁標志。在網頁元素中有各種各樣的圖標,包括獨立的按鈕、導航圖標,還有網站識別LOGO和友情LOGO。為了更明顯的區分這些圖標,突出我們的主題,可以將LOGO和BANNER做的鮮亮一些,也就是色彩方面跟網頁的主題色分離開來。有時候為了更突出,可以考慮采用與主題色相反的顏色。

在平面設計中,視覺傳達主要依賴于二維空間的視覺元素和這些元素的組合構成方式,網俄設計也運用了平面設計的基本視覺元素來達到信息和審美的目的。這些視覺元素就包括了文字、圖像、版面布局與色彩。視覺元素及其相互之間的組合構成方式是網頁設計增強傳遞信息和符合視覺審美規律的基本要求。同時要滿足大眾的需求心理及視覺需求。在設計過程中網頁設計與配色使之整體協調,這就要求我們在考慮各元素時候要使之互相和諧化設計。

參考文獻:

[1]王巍,圖形藝術在網頁設計中的應用[J].電影評介,2007(04).

[2]于吉震、杜立君、趙甫,談網頁設計中技術和藝術的整合[J].電腦知識與技術(學術交流),2007(06).

[3]唐一鵬,美學原理在網頁設計中的應用[J].福建信息技術教育,2006(01).