淺談網(wǎng)站風(fēng)格設(shè)計(jì)

摘要：隨著Internet在全球的迅速發(fā)展，人們?nèi)粘Ｉ钪性絹碓蕉嗟厥褂镁W(wǎng)絡(luò)來為自己的工作和學(xué)習(xí)服務(wù)。一個(gè)網(wǎng)站只有體現(xiàn)出它的獨(dú)特性和創(chuàng)新性，才能在網(wǎng)站林立之中吸引更多的用戶和贏得商機(jī)。本文主要研究和探討如何體現(xiàn)出一個(gè)網(wǎng)站的特色和實(shí)用性。

關(guān)鍵詞：網(wǎng)頁網(wǎng)站風(fēng)格設(shè)計(jì)

一、網(wǎng)站風(fēng)格設(shè)計(jì)的必要性

隨著網(wǎng)絡(luò)在全球的迅猛發(fā)展和普及，各種服務(wù)在網(wǎng)絡(luò)上得以廣泛運(yùn)用，如：瀏覽新聞、收發(fā)電子郵件、網(wǎng)上購物、網(wǎng)上教育、上傳下載、參與網(wǎng)絡(luò)社區(qū)等等。而網(wǎng)站是實(shí)現(xiàn)這些服務(wù)的最主要形式，并且其類型也隨著用戶的需要和技術(shù)的發(fā)展而不斷發(fā)生變化。網(wǎng)站的制作已經(jīng)不單單是把想要表達(dá)的內(nèi)容擺放在網(wǎng)站上那么簡單，它要求體現(xiàn)獨(dú)特性，包含更多的設(shè)計(jì)元素，突出網(wǎng)站所要表達(dá)和展示的目的，并給予瀏覽者更多的視覺享受。

然而，當(dāng)前國內(nèi)網(wǎng)站卻存在不少問題，如：規(guī)模小、聯(lián)系松，各自為政；整體版面過于雜亂；安全性低；未很好地理解用戶的實(shí)際需求；沒有獨(dú)特性，無法讓使用者和瀏覽者感到耳目一新，等等。正是由于種種問題和不足，在外來強(qiáng)大競爭對(duì)手面前，難免心存疑慮和底氣不足。因此，對(duì)網(wǎng)絡(luò)資源進(jìn)行整合、共享、利用是大勢所趨，引進(jìn)先進(jìn)的設(shè)計(jì)理念迫在眉睫。

二、國內(nèi)外網(wǎng)頁設(shè)計(jì)的現(xiàn)狀

現(xiàn)在的網(wǎng)站設(shè)計(jì)開發(fā)方式主要是在瀏覽器/服務(wù)器模式下開發(fā)完成網(wǎng)站制作，B/S（Browser/Server）結(jié)構(gòu)即瀏覽器和服務(wù)器結(jié)構(gòu)。它是隨著Internet技術(shù)的興起，對(duì)C/S結(jié)構(gòu)的一種變化或者改進(jìn)的結(jié)構(gòu)。在這種結(jié)構(gòu)下，用戶工作界面是通過WWW瀏覽器來實(shí)現(xiàn)，極少部分事務(wù)邏輯在前端（Browser）實(shí)現(xiàn)，但是主要事務(wù)邏輯在服務(wù)器端（Server）實(shí)現(xiàn)，形成所謂三層3-tier結(jié)構(gòu)。這樣就大大簡化了客戶端電腦載荷，減輕了系統(tǒng)維護(hù)與升級(jí)的成本和工作量，降低了用戶的總體成本（TCO）。以目前的技術(shù)看，局域網(wǎng)建立B/S結(jié)構(gòu)的網(wǎng)絡(luò)應(yīng)用，并通過Internet/Intranet模式下數(shù)據(jù)庫應(yīng)用，相對(duì)易于把握、成本也是較低的。它能有效地保護(hù)數(shù)據(jù)平臺(tái)和管理訪問權(quán)限，服務(wù)器數(shù)據(jù)庫也很安全。特別是在JAVA這樣的跨平臺(tái)語言出現(xiàn)之后，B/S架構(gòu)管理軟件更是方便、快捷、高效。

國外許多網(wǎng)站的設(shè)計(jì)都很時(shí)尚和有自身的特點(diǎn)，行業(yè)明確，功能全面，安全性高。例如：歐美用戶不習(xí)慣艷麗、花哨的色彩和設(shè)計(jì)風(fēng)格，他們比較鐘情于簡潔、平淡而嚴(yán)謹(jǐn)?shù)娘L(fēng)格，即使許多大型網(wǎng)站也是如此。而韓國網(wǎng)站設(shè)計(jì)在世界也是相當(dāng)有影響力的。韓國的商業(yè)站點(diǎn)在框架結(jié)構(gòu)、內(nèi)容排版、色彩搭配、圖片運(yùn)用上達(dá)到了非常和諧的統(tǒng)一，設(shè)計(jì)師擁有較大的設(shè)計(jì)空間。

相對(duì)而言，國內(nèi)的網(wǎng)站弊端則比較明顯：

第一、所有的東西看起來都像廣告。用戶已經(jīng)學(xué)會(huì)了對(duì)擋在眼前的那些目的性很強(qiáng)的廣告采取不予理睬的態(tài)度。這也就是為何點(diǎn)擊率每年以半數(shù)速度下降，網(wǎng)絡(luò)廣告根本不起作用的原因。

第二、未改變已訪問鏈接的顏色。一個(gè)好的瀏覽歷史能夠幫助你了解目前的位置，因?yàn)槟鞘悄銥g覽的起點(diǎn)。知道過去和現(xiàn)在的位置反過來使得決定下一步去哪里變得容易了。鏈接是這些瀏覽過程中的一個(gè)關(guān)鍵因素。

第三、文字未排版。將所有文字堆積在一起是一種可怕的體驗(yàn)，瀏覽這樣的文字將是痛苦的經(jīng)歷。

第四、顏色過于華麗，過多的顏色在界面中到處充斥，完全找不到重點(diǎn)。

三、網(wǎng)站設(shè)計(jì)的基本思路和方法

（一）確定網(wǎng)站風(fēng)格

網(wǎng)站設(shè)計(jì)風(fēng)格（style）是站點(diǎn)的整體形象給瀏覽者的綜合感受。比如說：我們覺得迪斯尼是生動(dòng)活潑的，IBM是專業(yè)嚴(yán)肅的。風(fēng)格是獨(dú)特的，是站點(diǎn)不同于其他網(wǎng)站的地方。或者色彩，或者技術(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。即使只看到其中一頁，也可以分辨出是哪個(gè)網(wǎng)站。

（二）設(shè)計(jì)網(wǎng)頁整體布局

網(wǎng)頁的整體布局就像一張臉，可胖可瘦，可長可短，但必須和諧，因?yàn)楹椭C產(chǎn)生著美：一面網(wǎng)頁內(nèi)容可多可少，但必須整體布局合理化、有序化、整體化。首先是確定網(wǎng)頁類型。主要有五種類型：檢索型、準(zhǔn)檢索型、均衡型、印象主體型、目錄省略型。其次，要選擇最適合目標(biāo)主頁的排版樣式，主要有8種，即：左右對(duì)齊式、全景式、衛(wèi)星式、照片組合式、包圍式、散開式、單側(cè)齊行式、對(duì)稱式，等等。

（三）運(yùn)用好的工具

工欲善其事，必先利其器。制作網(wǎng)頁第一件事就是選定一種網(wǎng)頁制作軟件。從原理上來講，雖然直接用記事本也能寫出網(wǎng)頁，但是對(duì)網(wǎng)頁制作必須具有一定的html基礎(chǔ)，非初學(xué)者能及，且效率也很低。用WORD也能做出網(wǎng)頁，但有許多效果做不出來，且垃圾代碼太多，也是不可取的。網(wǎng)頁平面藝術(shù)和動(dòng)態(tài)設(shè)計(jì)比較常用的幾個(gè)軟件有：

1、DreamWeaver—自制動(dòng)態(tài)HTML動(dòng)畫的網(wǎng)頁

DreamWeaver是一個(gè)很酷的網(wǎng)頁設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫，支持動(dòng)態(tài)HTML（DynamicHTML）的設(shè)計(jì)。DreamWeaver的開放式設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。

2、Photoshop——數(shù)字圖像編輯軟件

Photoshop是Adobe公司出品的數(shù)字圖像編輯軟件，是迄今在Macintosh平臺(tái)和Windows平臺(tái)上運(yùn)行的最優(yōu)秀的圖像處理軟件之一。其強(qiáng)大的功能和無限的創(chuàng)意空間，創(chuàng)作出了難以計(jì)數(shù)的神奇、迷人的藝術(shù)珍品。

3、Flash——網(wǎng)頁設(shè)計(jì)軟件

用Flash動(dòng)畫制作軟件可以將文字、圖形、圖像、動(dòng)畫、聲音、視頻集成于一體，設(shè)計(jì)出精彩有趣的網(wǎng)頁動(dòng)畫。

作為一個(gè)業(yè)余網(wǎng)頁設(shè)計(jì)制作者，熟練運(yùn)用上述三款軟件就能制作出優(yōu)秀的網(wǎng)頁。

四、對(duì)未來網(wǎng)頁設(shè)計(jì)的展望

網(wǎng)絡(luò)已經(jīng)不斷演進(jìn)并成為現(xiàn)代社會(huì)不可缺少的一部分，盡管網(wǎng)頁設(shè)計(jì)會(huì)以人們意想不到的方式發(fā)生變化，可是我們有理由相信，人們對(duì)網(wǎng)頁的視覺追求永無止境，這正是推動(dòng)網(wǎng)頁設(shè)計(jì)向前發(fā)展的主要因素。未來的網(wǎng)頁設(shè)計(jì)必定在完善實(shí)用性的同時(shí)，將更加注重網(wǎng)站風(fēng)格的設(shè)計(jì)和體現(xiàn)，在色彩搭配和布局方面要更加具有創(chuàng)新和靈活性，并通過多項(xiàng)軟件相對(duì)界面進(jìn)行設(shè)計(jì)，增加動(dòng)感和趣味性，提高網(wǎng)站的第一眼效應(yīng)，使網(wǎng)站更具活力和效力。

參考文獻(xiàn)：

[1]王建民箸.網(wǎng)頁設(shè)計(jì).湖南大學(xué)出版社，2006.

[2]成朝暉箸.平面港【網(wǎng)頁設(shè)計(jì)】2001.

[3][美]懷特（White.A.W）箸.黃文麗，文學(xué)武翻譯.平面設(shè)計(jì)原理.上海人民美術(shù)出版社，2005.

[4]張?jiān)嗜?關(guān)于網(wǎng)絡(luò)傳播的一些理論思考.國際新聞界，2002.