摘要:隨著Internet在全球的迅速發(fā)展,人們?nèi)粘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.