探究色彩在網(wǎng)頁設計中的應用

隨著因特網(wǎng)的進一步普及，網(wǎng)頁制作技術也在不斷地提高，除了傳統(tǒng)的美工技術外，多媒體和交互性技術已經(jīng)在網(wǎng)頁制作中得到了廣泛的應用。而色彩運用的恰到好處會使人對網(wǎng)站更有興趣，增加網(wǎng)站的瀏覽量和知名度。下面是對網(wǎng)頁設計的一些分析，分別通過幾個方面闡述。

一、網(wǎng)頁設計研究的目的及意義

網(wǎng)頁設計是指使用標識語言（markup language），通過一系列設計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面的形式被用戶所瀏覽。簡單的來說，網(wǎng)頁設計的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字，圖片（GIFs， JPEGs，PNGs）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網(wǎng)站頁面上。

每個人的審美標準又是不一樣的，要想迎合大部分人的標準，我們要多了解人們的各種需求，做到精益求精。網(wǎng)頁設計在當下是必不可少的，我們要汲取更多圖案顏色去設計網(wǎng)頁。

二、色彩在網(wǎng)頁設計中的類型及其分析

毫無疑問任何設計都離不開顏色的搭配，設計師在創(chuàng)建一個網(wǎng)站的時候是會考慮到它的色彩、風格以及它所體現(xiàn)出來的情感。網(wǎng)站的大部分表現(xiàn)都取決于顏色的選擇，所以色彩在網(wǎng)頁設計中也起到了十分重要的作用。

（一）網(wǎng)頁設計中色彩的類型

在西方特別是歐美，白色是結婚禮服的主要色彩，白色的教堂，白色的婚紗，白色的鮮花等等，白色象征了愛情的純潔與堅貞。白色有時候就是一個襯托的顏色，因為有了白色和其他顏色的組合，才會產(chǎn)生豐富多彩的顏色，給人營造出不一樣的感覺，商業(yè)化的圖標中也會有白色作為底色設計但在中國白色也代表了對逝去的人的哀思，所以人們會使用白色和黑色來寄托哀思，表達沉痛悼念的感情，所以說白色是有雙重含義的顏色。

綠色代表了生機盎然的綠色植物，嫩綠象征了新的生命和弱小的生命狀態(tài);發(fā)枯黃的綠色代表一種枯萎的生命狀態(tài)或陳舊的狀態(tài);青翠的綠色代表勃勃生機的狀態(tài);而深綠色象征了成熟具有滄桑感的生命狀態(tài)。綠色也代表了心情平靜，心曠神怡，世外桃源的感覺。如果要設計關于環(huán)保、希望小學等相關網(wǎng)站的話，那么綠色是不二之選。

紅色是中國人最愛的顏色，也是非常有認同感的色彩，因為每當過新年的時候我們都會給家里添上一抹紅色，喜慶、快樂、熱情的象征。當清代詩人龔自珍曾寫到“落紅不是無情物，化作春泥更護花”;唐代王維又說過“紅豆生南國，春來發(fā)幾枝”。這些關于紅色的詩句更加反映了人們對紅色的喜愛。

看到藍色我們首先想到的是湛藍的天空、寬闊的大海，它們都象征著永恒、廣闊的胸懷、遠大的理想。藍色是最冷的顏色，藍色的純凈表現(xiàn)出一種智慧、美麗、文靜、安詳與整潔。另外受到西方藝術文化的影響，藍色也代表了深邃憂郁的含義。

黑色代表了莊嚴，雖然黑色是不是色輪的一部分，它仍然可以被用來暗示感覺和意義。它往往是與權力，優(yōu)雅，細致，和深度聯(lián)系在一起。所以我們經(jīng)常在面試的時候看到每個人都身著黑色的西服，它賦予了莊重、整潔和干練的感覺，也有一定的真實感，當然運用到網(wǎng)頁設計中有時也是十分恰當?shù)摹?/p>

（二）色彩在網(wǎng)站中的應用

不需要繁瑣的文字，顏色就可以賦予網(wǎng)站以內(nèi)涵。無論你是否打算為他們加上某種意義，顏色本身就有許多特定的印象。用戶瀏覽網(wǎng)頁時，顏色可以讓用戶轉移視線，指引用戶如何去瀏覽一個網(wǎng)頁。選擇好的顏色可以很容易把想表達的問題表現(xiàn)出來，達到事半功倍的效果。

三、網(wǎng)頁設計的要點

在網(wǎng)頁設計之前我們需要知道瀏覽閱讀的對象和網(wǎng)站運作環(huán)境，還要注意有哪些關鍵技巧？又有哪些程序漏洞要避免？這會關系到我們是不是能設計出為人們喜聞樂見的網(wǎng)站。

（一）明確網(wǎng)站的目標和用戶需求

一個好的網(wǎng)站是需要設計師考慮用戶體驗時的感受的，并且有合適的色彩搭配和圖片效果，要有一個切實可行的計劃來完成。我們還要設想好所設計的網(wǎng)站適合的人群。以“用戶”為中心，而不單單以“美術”為中心。

（二）網(wǎng)頁設計方案主題鮮明

網(wǎng)頁設計的方案是要深思熟慮的，因為一個優(yōu)秀的網(wǎng)站必須要有它的特點，有鮮明的主題，統(tǒng)一的色調(diào)，對網(wǎng)站的整體風格和特色做出定位。網(wǎng)頁設計需要好的素材和好的想法，還要有強大的后臺支持，設計程序也是必不可少的。所以鮮明的主題會讓瀏覽者更想去點擊它，這樣網(wǎng)站的認知度也會提高的。

（三）網(wǎng)頁的版式設計

網(wǎng)頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不同于平面設計，但是它們有很多相似之處。版式設計是現(xiàn)代藝術設計的組成部分，版式設計不僅僅是編排，還有要將理性思維，個性化地表現(xiàn)出來;一種具有個人風格和藝術特色的視覺傳送方式。傳達信息的同時，也產(chǎn)生感官上的美感。

（四）色彩在網(wǎng)頁設計中的重要性

色彩是藝術表現(xiàn)的要素之一，恰當好處的顏色會給網(wǎng)頁設計增加鮮活的感覺，我們設計者應該本著和諧、均衡和重點突出的原則特性，去設計出優(yōu)秀適合大多數(shù)人群的網(wǎng)站。如果我們在設計的時候有相關的CIS手冊，那么我們可以按照VI的色彩進行運用。

（五）網(wǎng)頁設計內(nèi)容與形式的統(tǒng)一

一個網(wǎng)站的形式與內(nèi)容的統(tǒng)一體現(xiàn)了一個設計師的能力，靈活運用對比與協(xié)調(diào)、對稱與平衡、節(jié)奏與韻律以及留白等方法，運用圖形、空間、文字之間的相互關系創(chuàng)建整體的均衡感，產(chǎn)生和諧的形式美。

四、網(wǎng)頁設計的未來趨勢和前景

1.網(wǎng)頁設計的發(fā)展趨勢

隨著時代的快速發(fā)展，網(wǎng)頁設計也在不斷的變化著，我們已經(jīng)離不開網(wǎng)絡了。網(wǎng)頁設計是網(wǎng)站平臺建設成敗的關鍵內(nèi)容之一，所以做好一個網(wǎng)站會帶來很多正面的能量。現(xiàn)在人們已經(jīng)普遍使用手機、Ipad、筆記本等瀏覽網(wǎng)站，尤其是掌上電腦它攜帶方便不需要網(wǎng)線就可以上網(wǎng)。所以說一個網(wǎng)站的好壞也取決于它的網(wǎng)速，這就需要高尖端人才做好網(wǎng)站的后臺工作。網(wǎng)頁設計師要熟練的運用PS（photoshop）、dreamweaver、Illustrator、Fireworks、FLASH等軟件。

2.做有競爭力的設計師

一個優(yōu)秀的網(wǎng)頁設計師需要以下三個方面：一個是有良好的美術素養(yǎng)和欣賞水平，對色彩、布局等有專業(yè)的理解，二是熟練掌握dreamweaver、photoshop等工具，能手寫HTML，還要懂一點JS，三是有創(chuàng)意設計的能力，因為很多時候需求都只是文字，要靠你的創(chuàng)意轉換成頁面。

培養(yǎng)更有競爭力的人才也是十分重要的，現(xiàn)在各大高校都設有計算機專業(yè)和藝術專業(yè)等綜合類型的人才，也要具有團隊協(xié)作的精神和掌握各種軟件的高尖端人才。

五、結語

我相信中國的互聯(lián)網(wǎng)為一步步慢慢強大，因為設計的靈感是由很多人一起創(chuàng)造出來的。中國也在更加努力的開拓互聯(lián)網(wǎng)市場，這對于我們這些年輕的一代人是很好的機遇，我們要不斷完善自我，努力學習知識，拓展知識范圍，為建設一個偉大富強的國家努力奮斗著，為創(chuàng)造更好的網(wǎng)絡環(huán)境時刻準備著，共創(chuàng)互聯(lián)的美好明天。

參考文獻：

[1]鼎翰文化. 新手學Dreamweaver CS6+Flash CS6+Photoshop CS6網(wǎng)頁設計（實例版）電子工業(yè)出版社 2013，3～1

[2]陳紅. 《視覺文化時代的傳統(tǒng)媒體與新媒體版式設計研究》. 江蘇：江南大學， 2004年.

[3]李笑宇. 《談十年來中國網(wǎng)頁設計的發(fā)展現(xiàn)狀及未來方向》. 甘肅：西北師范大學， 2008年.

[4]雷宇. 《網(wǎng)頁布局結構與色彩搭配解析》. 湖北： 中南民族大學， 2012年.

[5]周暢. "《高校門戶網(wǎng)站界面設計視覺形象優(yōu)化研究》. 安徽： 合肥工業(yè)大學， 2013年.

[6]陳季. Flash 基礎與實例教程[M]. 北京：北京希望電子出版社，2005年.

[7]周德華;許銘霖. 新編網(wǎng)頁設計教程[M]. 北京：冶金工業(yè)出版社，2006年.

[8]胡崧. HTML 從入門到精通[M]. 北京：中國青年出版社，2007年.

[9]趙銘建;趙慧;喬孟麗;康梅娟. 網(wǎng)頁設計與制作[M]. 東營：中國石油大學出版社，2007年.

[10]陳笑. Dreamweaver 8，Photoshop CS 2，F(xiàn)lash 8 網(wǎng)頁制作實用教程[M]. 北京：清華大學出版社，2006年.