前言：想要寫(xiě)出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)范文，相信會(huì)為您的寫(xiě)作帶來(lái)幫助，發(fā)現(xiàn)更多的寫(xiě)作思路和靈感。

網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)范文第1篇

關(guān)鍵詞:Web3D技術(shù);網(wǎng)頁(yè)藝術(shù)設(shè)計(jì);變革

中圖分類(lèi)號(hào):TP311 文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):1005-5312(2010)15-0141-01

一、網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)新的時(shí)代背景

進(jìn)入二十一世紀(jì),網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的技術(shù)發(fā)生了革命性變化。產(chǎn)生于上世紀(jì)90年代的Web3D技術(shù)將三維虛擬空間與網(wǎng)頁(yè)相結(jié)合,強(qiáng)化交互控制,網(wǎng)頁(yè)具有更真實(shí)的體驗(yàn),更豐富的交互控制,更逼真的表現(xiàn)效果。從技術(shù)方面滿(mǎn)足人們對(duì)感官美、體驗(yàn)美的綜合需求。因此從藝術(shù)方面也對(duì)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)提出了更高的要求。

(一)Web3D技術(shù)的產(chǎn)生與發(fā)展現(xiàn)狀

通信、網(wǎng)絡(luò)、信息技術(shù)的發(fā)展使人們對(duì)于互聯(lián)網(wǎng)的需求不斷提高,從文字信息、圖文信息到如今的圖文動(dòng)畫(huà)綜合信息,其功能從簡(jiǎn)單的信息傳遞到信息的實(shí)時(shí)交流再到綜合的信息、娛樂(lè),并逐漸發(fā)展到全方位的交互體驗(yàn)(如圖1)。在科技與需求相互發(fā)展的環(huán)境下,Web3D技術(shù)使三維技術(shù)與互聯(lián)網(wǎng)結(jié)合,經(jīng)過(guò)十多年的發(fā)展,該技術(shù)已經(jīng)成熟,眾多軟件企業(yè)已經(jīng)開(kāi)發(fā)出實(shí)用的技術(shù)產(chǎn)品,如O3D技術(shù)、 Virtools軟件和Cult 3D軟件等。

目前Web3D技術(shù)在游戲、教育、房地產(chǎn)、公共事業(yè)等行業(yè)發(fā)展較為迅速,三維網(wǎng)絡(luò)游戲、基于互聯(lián)網(wǎng)的虛擬實(shí)訓(xùn)室、網(wǎng)上看房系統(tǒng)、虛擬消防演習(xí)等虛擬產(chǎn)品的成功開(kāi)發(fā),獲得了豐碩的經(jīng)濟(jì)效益與社會(huì)效益。該技術(shù)在發(fā)達(dá)國(guó)家應(yīng)用較早,美國(guó)、日本和德國(guó)等發(fā)達(dá)國(guó)家已經(jīng)獲得了成功的應(yīng)用經(jīng)驗(yàn),美國(guó)注重綜合應(yīng)用開(kāi)發(fā),日本注重在游戲產(chǎn)業(yè)的應(yīng)用,德國(guó)注重工業(yè)領(lǐng)域應(yīng)用。國(guó)內(nèi)外的成功案例與開(kāi)發(fā)經(jīng)驗(yàn)印證Web3D技術(shù)的優(yōu)勢(shì),為該技術(shù)的推廣提供寶貴的經(jīng)驗(yàn)。

(二)Web3D技術(shù)成為網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)變革的動(dòng)力

網(wǎng)頁(yè)的功能性、技術(shù)性和藝術(shù)性是網(wǎng)頁(yè)設(shè)計(jì)的三個(gè)重要因素。Web3D技術(shù)增強(qiáng)網(wǎng)頁(yè)的功能性,功能性的增強(qiáng)引發(fā)藝術(shù)性變革。在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域,技術(shù)與藝術(shù)相互促進(jìn),人們對(duì)藝術(shù)的不斷追求促使新技術(shù)的產(chǎn)生、發(fā)展,新技術(shù)帶動(dòng)藝術(shù)設(shè)計(jì)新思路、新方法的產(chǎn)生。以Web3D技術(shù)引發(fā)的網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)變革成為設(shè)計(jì)者探索新設(shè)計(jì)思路、新表現(xiàn)方法的動(dòng)力源。

二、網(wǎng)頁(yè)設(shè)計(jì)的變革

(一)技術(shù)功能性的變革

互是Web3D技術(shù)的重要發(fā)展方向,其交互具有體驗(yàn)感更強(qiáng)、形式多樣、操作簡(jiǎn)便流暢等特點(diǎn)。用戶(hù)依靠該技術(shù),與計(jì)算機(jī)之間通過(guò)肢體語(yǔ)言、聲音、情感變化等進(jìn)行交互,獲得身臨其境的體驗(yàn)感。正如辛向陽(yáng)所說(shuō)的,“交互設(shè)計(jì)的對(duì)象是人的活動(dòng)”。網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)更應(yīng)當(dāng)注重人的活動(dòng),應(yīng)當(dāng)沖破簡(jiǎn)單的鼠標(biāo)、鍵盤(pán)交互動(dòng)作,設(shè)計(jì)更豐富多樣的肢體、聲音、情感等交互動(dòng)作的網(wǎng)頁(yè)。這些新的交互網(wǎng)頁(yè)實(shí)現(xiàn)了網(wǎng)頁(yè)更加豐富的功能性,產(chǎn)品的展示、作品創(chuàng)意的傳達(dá)、游戲性能的發(fā)揮都將得到革命性的飛躍。

三維技術(shù)已經(jīng)在工業(yè)設(shè)計(jì)、環(huán)境藝術(shù)設(shè)計(jì)、游戲設(shè)計(jì)、影視等專(zhuān)業(yè)領(lǐng)域發(fā)展成熟,成為數(shù)字技術(shù)重要發(fā)展領(lǐng)域。三維技術(shù)與網(wǎng)頁(yè)的結(jié)合是網(wǎng)頁(yè)發(fā)展的重要方向,三維技術(shù)可以實(shí)現(xiàn)更加真實(shí)的空間感,視覺(jué)沖擊效果更強(qiáng)。Web3D技術(shù)支持將常用三維軟件繪制的模型文件直接添加于網(wǎng)頁(yè)當(dāng)中,使網(wǎng)頁(yè)直接呈現(xiàn)出三維效果,方便的技術(shù)銜接使網(wǎng)頁(yè)設(shè)計(jì)突破了平面二維空間的限制,向更為廣闊的三維空間發(fā)展。

(二)網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)的變革

Web3D技術(shù)突破了二維平面的限制,帶來(lái)了全新的三維空間表現(xiàn)形式,網(wǎng)頁(yè)和三維軟件之間能良好的兼容,不論是模型、材質(zhì)、光影還是環(huán)境都可以在網(wǎng)頁(yè)當(dāng)中實(shí)現(xiàn)。這些特性賦予了網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)新的內(nèi)涵。主要體現(xiàn)在形式美原則、創(chuàng)意構(gòu)思和構(gòu)成要素等方面。

Web3D技術(shù)沖破了二維平面的限制,使網(wǎng)頁(yè)設(shè)計(jì)形式美的內(nèi)涵發(fā)生了改變。三維網(wǎng)頁(yè)對(duì)比強(qiáng)烈,能夠形成真實(shí)的三維空間,平面版式的面積、大小、形狀等轉(zhuǎn)變?yōu)轶w積、外形、位置、角度等。三維技術(shù)使網(wǎng)頁(yè)設(shè)計(jì)更加富有節(jié)奏,球體、立方體、長(zhǎng)方體、錐體、柱體等形成的空間使網(wǎng)頁(yè)更富節(jié)奏變化。三維網(wǎng)頁(yè)更能形成整體的視覺(jué)效果,幾何體重復(fù)排列、相互穿插形成了相互關(guān)聯(lián)的整體,突出網(wǎng)頁(yè)設(shè)計(jì)的整體美。

Web3D技術(shù)帶來(lái)了全新的網(wǎng)頁(yè)創(chuàng)意構(gòu)思。三維的空間構(gòu)思更加靈活,更能激發(fā)設(shè)計(jì)者的靈感,易于表現(xiàn)設(shè)計(jì)者的情感。利用Web3D技術(shù)的空間性、交互性等特點(diǎn),設(shè)計(jì)者可以實(shí)現(xiàn)獨(dú)特的、多方向的、富有情感的網(wǎng)頁(yè)作品。Web3D技術(shù)給予設(shè)計(jì)者發(fā)揮個(gè)性廣闊的空間,利用三維網(wǎng)頁(yè)互動(dòng)地傳達(dá)各種各樣的信息。

網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)成要素也發(fā)生了新的變化,Web3D技術(shù)提供了空間幾何體構(gòu)成要素,使文字、圖像等能夠以三維立體的形態(tài)展示于網(wǎng)頁(yè)當(dāng)中。字體不但可以傳達(dá)信息,還能以三維的形態(tài)實(shí)現(xiàn)空間變化,提高網(wǎng)頁(yè)的觀賞價(jià)值。圖像不是單純的平鋪于網(wǎng)頁(yè)當(dāng)中,而是附著在三維形體表面,通過(guò)三維形體的變化實(shí)現(xiàn)圖與形的完美結(jié)合,既表現(xiàn)了形的質(zhì)感又突出了圖的美感。

從更深層次的美學(xué)角度分析,三維網(wǎng)頁(yè)更具感官美、體驗(yàn)美。Web3D技術(shù)實(shí)現(xiàn)交互藝術(shù)與網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)的結(jié)合,以三維的形式表現(xiàn)頁(yè)面效果,更具視覺(jué)表現(xiàn)力。既可以使畫(huà)面的變化層次豐富,空間形體與真實(shí)紋理緊密結(jié)合,表現(xiàn)超現(xiàn)實(shí)主義風(fēng)格的畫(huà)面效果;也可以將三維效果矢量化,表現(xiàn)色彩濃郁的卡通風(fēng)格。網(wǎng)頁(yè)的實(shí)時(shí)交互動(dòng)態(tài)變化更具有感染力,突出體驗(yàn)美的感受,目前的網(wǎng)頁(yè)大多以單向方式進(jìn)行信息的傳播,瀏覽者只能被動(dòng)的接受設(shè)計(jì)者指定的空間,Web3D的交互技術(shù)給予瀏覽者三維空間的控制權(quán),瀏覽者可以通過(guò)交互動(dòng)作欣賞三維空間的任意區(qū)域,滿(mǎn)足人們對(duì)體驗(yàn)美的追求。

(三)設(shè)計(jì)者的變革

Web3D技術(shù)引發(fā)了網(wǎng)頁(yè)設(shè)計(jì)功能、技術(shù)和表現(xiàn)效果的巨大變革,設(shè)計(jì)者的變革也勢(shì)在必行。首先,設(shè)計(jì)者應(yīng)當(dāng)轉(zhuǎn)變?cè)O(shè)計(jì)觀念,設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁(yè)時(shí)應(yīng)當(dāng)充分認(rèn)識(shí)到三維網(wǎng)頁(yè)的特點(diǎn),然后將功能性結(jié)合到網(wǎng)頁(yè)的技術(shù)當(dāng)中,當(dāng)然,設(shè)計(jì)者也有必要考慮網(wǎng)頁(yè)技術(shù)對(duì)于功能實(shí)現(xiàn)的可行性與效果預(yù)期。其次,設(shè)計(jì)者應(yīng)當(dāng)變換設(shè)計(jì)方法,Web3D技術(shù)有其特殊的技術(shù)要求,技術(shù)的不同將帶來(lái)表現(xiàn)方法的不同,特別是對(duì)三維技術(shù)表現(xiàn)方法,設(shè)計(jì)者既要適應(yīng)技術(shù)要求又要體現(xiàn)藝術(shù)表現(xiàn)的美感,因此要使用新的設(shè)計(jì)方法,遵循三維表現(xiàn)技法和網(wǎng)頁(yè)設(shè)計(jì)原則。最后,設(shè)計(jì)者應(yīng)當(dāng)進(jìn)一步研究網(wǎng)頁(yè)設(shè)計(jì)的交互特性與人的交互行為,Web3D技術(shù)提供了豐富的交互功能,這些新的功能既可以滿(mǎn)足人們的需要,又可以將社會(huì)推向新的無(wú)障礙交互時(shí)代,設(shè)計(jì)者有責(zé)任創(chuàng)作滿(mǎn)足大眾需要的三維交互網(wǎng)頁(yè)。

設(shè)計(jì)者的轉(zhuǎn)變是一個(gè)漸進(jìn)過(guò)程,在這個(gè)過(guò)程當(dāng)中,各學(xué)科人才將加入到Web3D技術(shù)的開(kāi)發(fā)與應(yīng)用當(dāng)中,正如保羅?內(nèi)爾福特所講的“體驗(yàn)設(shè)計(jì)需要的是一堆設(shè)計(jì)學(xué)科”,在科學(xué)技術(shù)高度發(fā)展的今天,多學(xué)科交叉和融合的領(lǐng)域越來(lái)越多,Web3D技術(shù)就是多學(xué)科交叉的領(lǐng)域,其學(xué)科交叉復(fù)雜程度較高,集三維藝術(shù)、計(jì)算機(jī)語(yǔ)言、人機(jī)交互設(shè)計(jì)等于一身,需要掌握的學(xué)科知識(shí)復(fù)雜,因此,Web3D的實(shí)現(xiàn)需要多學(xué)科交叉的設(shè)計(jì)團(tuán)隊(duì),在團(tuán)隊(duì)當(dāng)中各個(gè)學(xué)科只有相互促進(jìn)與融合,才能開(kāi)發(fā)出符合技術(shù)與藝術(shù)要求的網(wǎng)頁(yè)作品。

三、網(wǎng)頁(yè)設(shè)計(jì)展望

互聯(lián)網(wǎng)發(fā)展將帶動(dòng)網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展,Web3D技術(shù)的諸多優(yōu)勢(shì)決定其未來(lái)在移動(dòng)通訊、商務(wù)、教育、游戲、公共服務(wù)、醫(yī)療等眾多領(lǐng)域獲得更廣闊的發(fā)展空間。Web3D技術(shù)開(kāi)發(fā)企業(yè)正在開(kāi)發(fā)更多更豐富的三維交互應(yīng)用, Google、Adobe、Autodesk、Microsoft等企業(yè)已經(jīng)開(kāi)發(fā)出初具雛形的Web3D實(shí)用產(chǎn)品,這些信息科技領(lǐng)頭企業(yè)對(duì)于該技術(shù)的重視可以印證該技術(shù)具有廣闊的前景。

Web3D技術(shù)向手機(jī)通訊技術(shù)延伸將是另一個(gè)主要方向。手機(jī)性能提高,屏幕尺寸不斷增大;數(shù)據(jù)傳輸能力增強(qiáng),第三代數(shù)字通信技術(shù)可以達(dá)到不低于144千字節(jié)每秒的數(shù)據(jù)傳輸能力。數(shù)據(jù)傳輸技術(shù)成熟為Web3D技術(shù)在移動(dòng)設(shè)備上廣泛應(yīng)用創(chuàng)造良好的發(fā)展環(huán)境,未來(lái)支持Web3D技術(shù)應(yīng)用的手機(jī)將引發(fā)網(wǎng)頁(yè)設(shè)計(jì)新一輪的變革。

網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)范文第2篇

【論文摘要在互聯(lián)網(wǎng)飛速發(fā)展的今天，網(wǎng)絡(luò)已成為人們生活中不可缺少的一部分,無(wú)論是在商業(yè)、工業(yè)還是政府部門(mén)中都早已普及開(kāi)來(lái)，如今就連教育事業(yè)也都承載著網(wǎng)絡(luò)這四通八達(dá)的命脈迅速的發(fā)展起來(lái)。網(wǎng)站建設(shè)越來(lái)越接近于一門(mén)藝術(shù)而不僅僅是一項(xiàng)技術(shù)。網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)，日益被網(wǎng)站建設(shè)者所注重。結(jié)合自身的經(jīng)驗(yàn)，闡述了如何制作一個(gè)完整的豐富多彩的頁(yè)面，主要從色彩、框架，布局、優(yōu)化這幾個(gè)大方面對(duì)頁(yè)面設(shè)計(jì)進(jìn)行描述,對(duì)網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)的文字、圖形、色彩、多媒體四個(gè)要素做了具有特色的分析和歸納，最后對(duì)其藝術(shù)設(shè)計(jì)風(fēng)格進(jìn)行了深入的分類(lèi)和闡述，這一部分的重點(diǎn)是對(duì)網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)風(fēng)格的探究。網(wǎng)頁(yè)作為新興媒體,有著比報(bào)刊、雜志、廣播、電視等傳統(tǒng)媒體更多的構(gòu)成要素,如文字、圖形、聲音、圖像和動(dòng)畫(huà)等。最后得出頁(yè)面設(shè)計(jì)需要時(shí)間和耐心去鉆研，才能做出好的網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)這一觀點(diǎn)。

網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的藝術(shù)設(shè)計(jì)新課題，是網(wǎng)頁(yè)設(shè)計(jì)者以所處時(shí)代所能獲取的技術(shù)和藝術(shù)經(jīng)驗(yàn)為基礎(chǔ)，依照設(shè)計(jì)目的和要求自覺(jué)地對(duì)網(wǎng)頁(yè)的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃的創(chuàng)造性思維活動(dòng)，必然要成為設(shè)計(jì)藝術(shù)的重要組成部分，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面上看，它表面上看，它不過(guò)是有關(guān)網(wǎng)頁(yè)版式編排的技巧和方法，而實(shí)際上，它不僅是一種技能，更是藝術(shù)和技術(shù)的高度統(tǒng)一。?網(wǎng)頁(yè)設(shè)計(jì)包括風(fēng)格定位、版面編排、色彩處理、瀏覽方式、鏈接功能等諸多方面,其中色彩處理有著舉足輕重的功能。色彩既是網(wǎng)頁(yè)作品的表述語(yǔ)言,又是視覺(jué)傳達(dá)的手。所以首先要了解一個(gè)新問(wèn)題那就是摘要：

1制作網(wǎng)頁(yè)包括具體都包括哪幾部分呢?

1.1圖形、圖像處理制作網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)，提到界面還有藝術(shù)，那在網(wǎng)頁(yè)上插入一些精美、適當(dāng)?shù)膱D片是必要的，否則，不會(huì)有人去瀏覽你的頁(yè)面，因此，在設(shè)計(jì)網(wǎng)頁(yè)之前，就應(yīng)搜集或制作一些好看、適用的圖片。提到圖形、圖像處理，大家都會(huì)想到的軟件是Photoshop這個(gè)軟件，對(duì)，這個(gè)軟件是進(jìn)行圖形、圖像處理的軟件，但是，它不是專(zhuān)門(mén)的處理網(wǎng)絡(luò)圖像的軟件，Photoshop這個(gè)軟件會(huì)用到去進(jìn)行一些平面的圖形圖像，我們網(wǎng)絡(luò)的圖形、圖像處理用的是Fireworks軟件，它可以制作出傳輸較快的gif格式的圖片，占的空間也比較小，一般大小也就是KB，而Photoshop制作出來(lái)的是jpg格式的位圖，并且是有損壓縮，象素大了圖像就清楚，但這樣的話(huà)上傳到網(wǎng)上會(huì)影響瀏覽速度，象素小了就會(huì)出現(xiàn)模糊或者馬賽克小方格，所以我們采用的是Fireworks軟件進(jìn)行處理圖形、圖像。

1.2動(dòng)畫(huà)制作網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)，肯定也少不了動(dòng)畫(huà)的加入，并且還要有藝術(shù)氣息在里面，這就要求我們的設(shè)計(jì)者要有藝術(shù)修養(yǎng)和對(duì)顏色的綜合把握了，在沒(méi)有FLASH軟件之前，用的是Golive這個(gè)軟件，再后來(lái)就用傳統(tǒng)的做法，在html中嵌入Java程序編寫(xiě)的動(dòng)畫(huà)，但這要求設(shè)計(jì)者要對(duì)Java語(yǔ)言熟悉。隨著軟件的發(fā)展，如今有了許多制作動(dòng)畫(huà)的軟件，二維的、三維的等等，如現(xiàn)在我們用的FLASH軟件，用它制作的動(dòng)畫(huà)，小巧迷人，只需作為一個(gè).swf格式文件導(dǎo)出，再導(dǎo)入到網(wǎng)頁(yè)編輯器里就可以了。

1.3文本的編寫(xiě)一般是采用在網(wǎng)頁(yè)中用html語(yǔ)言中的標(biāo)簽編寫(xiě),也可以用網(wǎng)頁(yè)編輯工具的“所見(jiàn)即所得”功能直接寫(xiě)入文字，如摘要：Dreamweaver軟件或者Frontpage軟件等都可以進(jìn)行文本的編寫(xiě)。還有一點(diǎn)要注重的就是，顯示文本的時(shí)候，設(shè)計(jì)者的機(jī)器上裝了很多漂亮的字體，設(shè)計(jì)的時(shí)候采用了，但是等上傳到網(wǎng)上以后，別人在瀏覽的時(shí)候，假如別人機(jī)器上沒(méi)有安裝字體，那就顯示不出來(lái)我們采用的漂亮樣式字體，因此，在考慮網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)的基礎(chǔ)上，我們是把文字提前在Photoshop或Fireworks可以將字體先選擇自己喜歡的樣式，然后轉(zhuǎn)換柵格化圖片再用切片切成小塊，分別進(jìn)行優(yōu)化。輸出的格式可以為gif或jpeg，再導(dǎo)入到Dreamweaver進(jìn)行具體編輯，做鏈接可以用圖片特有的屬性進(jìn)行熱區(qū)鏈接，這樣就完成我們想要的字體樣式效果了，就不會(huì)出現(xiàn)字體樣式顯示不出來(lái)的情況啦。

1.4框架的應(yīng)用框架是網(wǎng)頁(yè)的常用形式，它可以使網(wǎng)頁(yè)更為清楚，可以把不同的頁(yè)面超鏈接到同一框架中，使的頁(yè)面更加緊湊。一般框架用在小說(shuō)瀏覽頁(yè)面，或者介紹圖書(shū)章節(jié)的部分，或者教學(xué)網(wǎng)頁(yè)用到的的框架比較多。

1.5表格的應(yīng)用表格是網(wǎng)頁(yè)中用處最廣泛的，可以布局，定位等等，它是網(wǎng)頁(yè)中最活躍的元素。它的應(yīng)用可以使用網(wǎng)頁(yè)更加靈活。表格(br)是頁(yè)面中的重要元素,是頁(yè)面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對(duì)齊方式等參數(shù)。很多時(shí)候，我們將表格的邊框設(shè)為0，以此來(lái)定位頁(yè)面中的元素，或者籍此確定頁(yè)面中各元素的相對(duì)位置。我們知道摘要：瀏覽器在讀取網(wǎng)頁(yè)html源代碼時(shí)，是讀完整個(gè)br才將它顯示出來(lái)的。假如一個(gè)大表格中含有多個(gè)子表格，必須等大表格讀完，才能將子表格一起顯示出來(lái)。我們?cè)谠L(fǎng)問(wèn)一些站點(diǎn)時(shí)，等待多時(shí)無(wú)結(jié)果，按“停止”按鈕卻一下顯示出頁(yè)面就是這個(gè)原因。因此，我們?cè)谠O(shè)計(jì)頁(yè)面表格的時(shí)候，應(yīng)該盡量避免將所有元素嵌套在一個(gè)表格里，而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁(yè)時(shí)，會(huì)自動(dòng)在每一個(gè)td內(nèi)添加一個(gè)空字符。假如單元格內(nèi)沒(méi)有填充其它元素，這個(gè)空字符會(huì)保留，在指定td的寬度或高度后，可以在源代碼內(nèi)將其刪去。

2色彩的運(yùn)用

網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)離不開(kāi)色彩的應(yīng)用，當(dāng)打開(kāi)一個(gè)網(wǎng)站的時(shí)候，給用戶(hù)留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的布局，而是網(wǎng)站的色彩，尤其是在體現(xiàn)界面的時(shí)候，色彩對(duì)人的視覺(jué)效果非常明顯，一個(gè)網(wǎng)站設(shè)計(jì)的成功和否，在某種程度上取決于設(shè)計(jì)者對(duì)網(wǎng)頁(yè)界面設(shè)計(jì)顏色的運(yùn)用和搭配。

網(wǎng)頁(yè)界面設(shè)計(jì)是一種審美活動(dòng)，成功的設(shè)計(jì)作品一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段，而并非設(shè)計(jì)的任務(wù)。設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者的意圖，而并非創(chuàng)造美。網(wǎng)頁(yè)界面頁(yè)面設(shè)計(jì)的任務(wù)，是指設(shè)計(jì)者要表現(xiàn)的主題和要實(shí)現(xiàn)的功能。站點(diǎn)的性質(zhì)不同，設(shè)計(jì)的任務(wù)也不同。從形式上，可以將站點(diǎn)分為以下三類(lèi)摘要：第一類(lèi)是資訊類(lèi)站點(diǎn)，像新浪、網(wǎng)易、搜狐等門(mén)戶(hù)網(wǎng)站。這類(lèi)站點(diǎn)將為訪(fǎng)問(wèn)者提供大量的信息，而且訪(fǎng)問(wèn)量較大。因此需注重網(wǎng)頁(yè)界面設(shè)計(jì)頁(yè)面的分割、結(jié)構(gòu)的合理、頁(yè)面的優(yōu)化、界面的親和等新問(wèn)題。第二類(lèi)是資訊和形象相結(jié)合的網(wǎng)站，像一些較大的公司、國(guó)內(nèi)的高校等。這類(lèi)網(wǎng)站在設(shè)計(jì)上要求較高，既要保證資訊類(lèi)網(wǎng)站的上述要求，同時(shí)又要突出企業(yè)、單位的形象。第三類(lèi)則是形象類(lèi)網(wǎng)站，比如一些中小型的公司或單位。這類(lèi)網(wǎng)站一般較小，有的則有幾頁(yè)，需要實(shí)現(xiàn)的功能也較為簡(jiǎn)單，頁(yè)面設(shè)計(jì)的主要任務(wù)是突出企業(yè)形象。這類(lèi)網(wǎng)站對(duì)設(shè)計(jì)者的美工水平要求較高。

3網(wǎng)頁(yè)界面的優(yōu)化

在頁(yè)面設(shè)計(jì)中，網(wǎng)頁(yè)界面的優(yōu)化是較為重要的一個(gè)環(huán)節(jié)。它的成功和否會(huì)影響頁(yè)面的瀏覽速度和頁(yè)面的適應(yīng)性，影響觀者對(duì)網(wǎng)站的印象。

在資訊類(lèi)網(wǎng)站中，文字是頁(yè)面中最大的構(gòu)成元素，因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且和整個(gè)頁(yè)面搭配和諧為準(zhǔn)。在白色的背景上，我們一般使用黑色，這樣不易產(chǎn)生視覺(jué)疲憊，能保證瀏覽者較長(zhǎng)時(shí)間地瀏覽網(wǎng)頁(yè)。一般我們網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“和眾不同”和特有風(fēng)格，我門(mén)可以根據(jù)需要選擇一些非凡字體。例如，為了體現(xiàn)專(zhuān)業(yè)可以使用粗仿宋體，體現(xiàn)設(shè)計(jì)精美可以用廣告體，體現(xiàn)親切隨意可以用手寫(xiě)體等等。當(dāng)然這些都是個(gè)人看法，你可以根據(jù)實(shí)際情況，選擇更貼切的字體。目前常見(jiàn)的中文字體有二三十種，常見(jiàn)的英文字體有近百種，網(wǎng)絡(luò)上還有許多專(zhuān)用藝術(shù)字體下載，要尋找一款滿(mǎn)足的字體并不算困難。需要說(shuō)明的是摘要：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的PC里沒(méi)有安裝你的非凡字體，那么你的辛勞設(shè)計(jì)制作便將付之東流。

網(wǎng)頁(yè)的適應(yīng)性是很重要的，在不同的系統(tǒng)上，不同的分辨率下，不同的瀏覽器上，我們將會(huì)看到不同的結(jié)果，因此設(shè)計(jì)時(shí)要統(tǒng)籌考慮。一般我們?cè)?00×600下制作網(wǎng)頁(yè)，最佳瀏覽效果也是在800×600分辨率下，在其它情況下只要保證基本一致，不出現(xiàn)較大新問(wèn)題即可?，F(xiàn)在我們?cè)O(shè)計(jì)網(wǎng)頁(yè)，一般要考慮800×600和1024×768兩種分辨率，因此我們的表格一般為居中的770左右的表格，表格的寬度最寬不要超過(guò)778。事實(shí)上，"做網(wǎng)頁(yè)"不是單純意義上的"制作網(wǎng)頁(yè)"，假如想讓自己制作的網(wǎng)頁(yè)美觀大方，就必須要考慮"設(shè)計(jì)網(wǎng)頁(yè)"的過(guò)程，一個(gè)好的作品，不通過(guò)仔細(xì)的"設(shè)計(jì)"就成形是絕對(duì)不可能的。

我國(guó)的網(wǎng)頁(yè)界面頁(yè)面設(shè)計(jì)水平總體上不及韓國(guó)，創(chuàng)新的頁(yè)面極少，基本都是一種風(fēng)格，這也是因以前我國(guó)的寬帶水平跟不上有原因，一個(gè)漂亮的頁(yè)面，必然體積會(huì)比較龐大，網(wǎng)絡(luò)比較慢的話(huà)打開(kāi)的速度也就可想而之，打開(kāi)速度慢正是網(wǎng)頁(yè)的一個(gè)最大殺手，所以我國(guó)以前的頁(yè)面基本都是以框架式居多。隨著我國(guó)寬帶的普及，我們也迅速括起了一陣韓風(fēng)，很多大膽創(chuàng)新的頁(yè)面出現(xiàn)，這是一個(gè)好現(xiàn)象，但是一味的模擬韓國(guó)也不行，我們也要有自己的特色，不能一味的拿來(lái)主義。

網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)范文第3篇

設(shè)計(jì)活動(dòng)中包含著主觀和客觀兩方面的因素，它涉及的具體內(nèi)容很多，本文著重從網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的原則和特點(diǎn)談一些觀點(diǎn)。

一、網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的原則

1.主題突出

視覺(jué)設(shè)計(jì)表達(dá)的是一定的意圖和要求，有明確的主題，并按照視覺(jué)規(guī)律和形式將主題生動(dòng)地傳達(dá)給觀賞者。視覺(jué)設(shè)計(jì)不但要單純、簡(jiǎn)練、清晰和精確，而且在強(qiáng)調(diào)藝術(shù)性的同時(shí)，更應(yīng)該注重通過(guò)獨(dú)特的風(fēng)格和強(qiáng)烈的視覺(jué)沖擊力，來(lái)鮮明地突出設(shè)計(jì)主題。

2.強(qiáng)調(diào)整體性

網(wǎng)頁(yè)表達(dá)的是一定的內(nèi)容、主題和意念，它以滿(mǎn)足人們需求為目標(biāo)。設(shè)計(jì)時(shí)強(qiáng)調(diào)其整體性，可以使瀏覽者更快捷、更準(zhǔn)確、更全面地認(rèn)識(shí)它，并給人一種內(nèi)部有機(jī)聯(lián)系、外部和諧完整的美感。

3.內(nèi)容與形式相統(tǒng)一

一個(gè)優(yōu)秀的設(shè)計(jì)必定是形式對(duì)內(nèi)容的完美表現(xiàn)。一方面，網(wǎng)頁(yè)設(shè)計(jì)所追求的形式美必須適合主題的需要，這是網(wǎng)頁(yè)設(shè)計(jì)的前提。另一方面，要確保網(wǎng)頁(yè)上的每一個(gè)元素都有存在的必要性，不要為了炫耀而使用冗余的技術(shù)。只有通過(guò)認(rèn)真設(shè)計(jì)和充分的考慮來(lái)實(shí)現(xiàn)全面的功能并體現(xiàn)美感，才能實(shí)現(xiàn)內(nèi)容與形式的統(tǒng)一。設(shè)計(jì)者可以對(duì)其進(jìn)行形式上的適當(dāng)變化，從而豐富整個(gè)網(wǎng)頁(yè)的形式美。

二、網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的特點(diǎn)

1.多種媒體的綜合性

目前網(wǎng)頁(yè)中使用的多媒體視聽(tīng)元素主要有文字、圖像、聲音、視頻等，隨著網(wǎng)絡(luò)寬帶、光纖的增加、芯片處理速度的提高以及跨平臺(tái)的多媒體文件格式的推廣，必將使設(shè)計(jì)者綜合運(yùn)用多種媒體元素來(lái)設(shè)計(jì)網(wǎng)頁(yè)。目前國(guó)內(nèi)網(wǎng)頁(yè)已經(jīng)出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術(shù)的改進(jìn)和流技術(shù)的推動(dòng)下，互聯(lián)網(wǎng)上出現(xiàn)了實(shí)時(shí)的音頻和視頻服務(wù)。因此，多種媒體的綜合運(yùn)用是網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的特點(diǎn)之一。

2.持續(xù)、交互性

網(wǎng)頁(yè)不同于傳統(tǒng)媒體之處在于信息的動(dòng)態(tài)更新和即時(shí)交互性。即時(shí)的交互性是web成為熱點(diǎn)的主要原因，也是網(wǎng)頁(yè)設(shè)計(jì)時(shí)必須考慮的問(wèn)題。持續(xù)的交互性，使網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)不像印刷品設(shè)計(jì)那樣，發(fā)表之后就意味著設(shè)計(jì)的結(jié)束。網(wǎng)頁(yè)設(shè)計(jì)人員必須根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營(yíng)目標(biāo)，配合網(wǎng)站不同時(shí)期的經(jīng)營(yíng)策略以及用戶(hù)的反饋信息，及時(shí)地對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)整和修改，不斷創(chuàng)作出新的網(wǎng)頁(yè)設(shè)計(jì)作品。

3.多維性

多維性源于超鏈接，它的出現(xiàn)使網(wǎng)頁(yè)的組織結(jié)構(gòu)更加豐富，瀏覽者可以在各種主題之間自由選擇，從而打破了以前人們接收信息的線(xiàn)性方式。例如，可將頁(yè)面的組織結(jié)構(gòu)分為序列結(jié)構(gòu)、層次結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)、復(fù)合結(jié)構(gòu)等。但頁(yè)面之間的關(guān)系過(guò)于復(fù)雜，不僅給瀏覽者檢索和查找信息增加了難度，也給設(shè)計(jì)者帶來(lái)了一定的困難。為了讓瀏覽者在網(wǎng)頁(yè)上迅速找到所需的信息，設(shè)計(jì)者應(yīng)考慮快捷而完善的導(dǎo)航設(shè)計(jì)。

4.版式設(shè)計(jì)的不可控制性

所謂網(wǎng)頁(yè)的版式設(shè)計(jì)，是在有限的屏幕空間上將視聽(tīng)多媒體元素進(jìn)行有機(jī)的排列組合，是一種具有個(gè)人風(fēng)格和藝術(shù)特色的視聽(tīng)傳達(dá)方式。它在網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)中有著重要的地位，在傳達(dá)信息的同時(shí)能產(chǎn)生感官美和精神享受。網(wǎng)頁(yè)的排版與平面媒體排版有很大差異。后者都有固定的尺寸，而前者的尺寸是由瀏覽者來(lái)控制的，這使設(shè)計(jì)者不能精確控制網(wǎng)頁(yè)上每個(gè)元素的尺寸和位置。同時(shí)，網(wǎng)頁(yè)的結(jié)構(gòu)也不像印刷品那樣為線(xiàn)性組合。由于計(jì)算機(jī)仍處在發(fā)展之中，沒(méi)有制定出統(tǒng)一的標(biāo)準(zhǔn)，從而導(dǎo)致網(wǎng)頁(yè)版式設(shè)計(jì)的不可控制性，網(wǎng)頁(yè)設(shè)計(jì)者無(wú)法控制頁(yè)面在用戶(hù)端的顯示效果，但這也是網(wǎng)頁(yè)設(shè)計(jì)引人入勝之處。

5.技術(shù)與藝術(shù)結(jié)合的緊密性

設(shè)計(jì)是主觀和客觀共同作用的結(jié)果，設(shè)計(jì)者不能超越自身已有經(jīng)驗(yàn)和所處環(huán)境提供的客觀條件限制，優(yōu)秀設(shè)計(jì)者正是在掌握客觀規(guī)律的基礎(chǔ)上得到了完全的自由。網(wǎng)絡(luò)技術(shù)主要表現(xiàn)為客觀因素，藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素。網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)該主動(dòng)地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)，注重技術(shù)和藝術(shù)的結(jié)合，這樣才能充分展現(xiàn)技術(shù)之長(zhǎng)，實(shí)現(xiàn)藝術(shù)之想象。

網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)范文第4篇

【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì)；審美能力；創(chuàng)造力；技術(shù)敏感度；教學(xué)模式

如何針對(duì)高校藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的學(xué)生上好網(wǎng)頁(yè)設(shè)計(jì)課程，利用藝術(shù)設(shè)計(jì)專(zhuān)業(yè)這個(gè)平臺(tái)，將網(wǎng)站創(chuàng)意、版面構(gòu)思、動(dòng)靜態(tài)設(shè)計(jì)元素、網(wǎng)頁(yè)色彩、網(wǎng)絡(luò)互動(dòng)技術(shù)等知識(shí)點(diǎn)系統(tǒng)地糅合在一起，將是此課程教學(xué)的重點(diǎn)和難點(diǎn)。針對(duì)藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的學(xué)生，在講授此課程的同時(shí)，如何更好地將其與自身專(zhuān)業(yè)優(yōu)勢(shì)結(jié)合，如何最大化地激發(fā)學(xué)生的求知欲與學(xué)習(xí)主動(dòng)性，這與我們的教學(xué)模式和教學(xué)重心關(guān)系密切。

一、網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)現(xiàn)狀分析

如前所述，網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)綜合性很強(qiáng)的設(shè)計(jì)課程，它不僅要求設(shè)計(jì)者具備較強(qiáng)的平面設(shè)計(jì)能力和審美能力，還需要一定的技術(shù)能力。國(guó)內(nèi)的理工科院校的網(wǎng)頁(yè)設(shè)計(jì)課程無(wú)一例外地是以技術(shù)教學(xué)為主，而對(duì)平面設(shè)計(jì)和審美能力的培養(yǎng)鮮有提及，這對(duì)于理工科專(zhuān)業(yè)來(lái)講當(dāng)然無(wú)可厚非。但是目前國(guó)內(nèi)大部分高校藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)都在套用理工科相關(guān)專(zhuān)業(yè)的課程內(nèi)容和模式，在注重技術(shù)性的同時(shí)，忽略了對(duì)自身尤為有價(jià)值和優(yōu)勢(shì)的藝術(shù)性。而藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的學(xué)生在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的時(shí)候常常感到力不從心，致使其對(duì)網(wǎng)頁(yè)設(shè)計(jì)課程的學(xué)習(xí)僅僅停留在技術(shù)的表面。同時(shí)在高校藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)當(dāng)中，還普遍存在忽視用戶(hù)體驗(yàn)、對(duì)Web可用性缺乏了解、對(duì)技術(shù)缺乏敏感度、欠缺良好的設(shè)計(jì)觀念、忽視合作的問(wèn)題。究其根源，網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)實(shí)踐性很強(qiáng)的課程，沒(méi)有多年的從業(yè)經(jīng)驗(yàn)很難對(duì)其有深入獨(dú)到的理解，作為教師的授課主體本身對(duì)網(wǎng)頁(yè)設(shè)計(jì)行業(yè)欠缺長(zhǎng)期的、專(zhuān)業(yè)的深度跟蹤和了解，導(dǎo)致學(xué)生設(shè)計(jì)理念薄弱，作品缺乏創(chuàng)意，刻意模仿其他網(wǎng)站。

二、藝術(shù)設(shè)計(jì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)模式

（1）樹(shù)立正確的設(shè)計(jì)觀念。網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)全新的設(shè)計(jì)領(lǐng)域，沒(méi)有照搬的模式，沒(méi)有從屬和延續(xù)。但任何設(shè)計(jì)形式又有其規(guī)律和標(biāo)準(zhǔn)，這就需要引導(dǎo)學(xué)生運(yùn)用已有的知識(shí)，有針對(duì)性地借鑒、評(píng)判、吸納、運(yùn)用與發(fā)揮。對(duì)于教師而言，比傳授知識(shí)更重要的是教會(huì)學(xué)生如何利用現(xiàn)有知識(shí)，在設(shè)計(jì)語(yǔ)言和設(shè)計(jì)理念上進(jìn)行合理創(chuàng)新；如何將自己的創(chuàng)造意圖向網(wǎng)絡(luò)工程師展示并得到理解和反饋，從而真正得以用技術(shù)手段加以實(shí)現(xiàn)自己的想法；如何表述網(wǎng)絡(luò)時(shí)代全新的傳媒藝術(shù)語(yǔ)匯；如何創(chuàng)造出符合人們審美需求的網(wǎng)絡(luò)設(shè)計(jì)符號(hào)，這些都是未知的空間，都是需要我們引導(dǎo)學(xué)生去探索的。任何設(shè)計(jì)最終都要為人所用，特別是網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)表現(xiàn)，它既是傳播信息的載體，又是傳遞美感的使者，以人為本便是一把驗(yàn)證優(yōu)劣的標(biāo)尺。（2）培養(yǎng)學(xué)生對(duì)技術(shù)的敏感度。盡管藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的學(xué)生缺乏對(duì)深度技術(shù)的知識(shí)儲(chǔ)備和學(xué)習(xí)能力，但如果能夠加以引導(dǎo)，通過(guò)充分的課堂案例講解，讓學(xué)生在課后及今后大量瀏覽和欣賞優(yōu)秀網(wǎng)站的過(guò)程中，注意時(shí)刻關(guān)注和積累這些新技術(shù)的表現(xiàn)方式、適用主題和場(chǎng)合，就可以逐漸樹(shù)立他們對(duì)技術(shù)的敏感度。設(shè)計(jì)師無(wú)法做到面面俱到，但只要擁有了對(duì)網(wǎng)絡(luò)技術(shù)的敏感度，在今后的設(shè)計(jì)創(chuàng)作和工作過(guò)程中，就可以借助網(wǎng)絡(luò)工程師的技術(shù)力量來(lái)完成自己輝煌的設(shè)計(jì)創(chuàng)想了，并且技術(shù)的敏感度還可以幫助設(shè)計(jì)師排除一些不切實(shí)際或不可能實(shí)現(xiàn)的想法。（3）培養(yǎng)學(xué)生的團(tuán)隊(duì)合作意識(shí)。網(wǎng)頁(yè)設(shè)計(jì)涉及平面構(gòu)成、色彩構(gòu)成、CI等方面的知識(shí)，還涉及到Java、JavaScript、HTML、CSS等編程語(yǔ)言方面的內(nèi)容。網(wǎng)頁(yè)設(shè)計(jì)涉及的內(nèi)容要比單純的圖像設(shè)計(jì)多得多，因而網(wǎng)頁(yè)設(shè)計(jì)師既是平面設(shè)計(jì)師又不同于平面設(shè)計(jì)師。網(wǎng)絡(luò)對(duì)平面設(shè)計(jì)行業(yè)提供了機(jī)遇同時(shí)也造成了威脅，而且這種趨勢(shì)將越來(lái)越明顯，人們將把注意力更多地集中在如何整合各種不同的媒體、利用各種不同的手段來(lái)展示創(chuàng)意和對(duì)網(wǎng)頁(yè)主題的理解。而人不是全能的，人的思維分邏輯思維和形象思維兩種，很少有人能兼具兩者并在兩方面均做到出類(lèi)拔萃。此時(shí)，團(tuán)隊(duì)合作就顯得尤為重要，一個(gè)擁有堅(jiān)實(shí)凝聚力的團(tuán)隊(duì)，可以發(fā)揮極大的工作效率，產(chǎn)生數(shù)倍的能量，創(chuàng)作出驚人的作品，這是單一個(gè)體智慧難以實(shí)現(xiàn)的。所以在教學(xué)當(dāng)中灌輸和培養(yǎng)團(tuán)隊(duì)合作意識(shí)，對(duì)學(xué)生今后的工作方式和設(shè)計(jì)生涯有極大的推動(dòng)作用。

網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)范文第5篇

摘要：介紹了WordPress平臺(tái)和LibGuides平臺(tái)兩種創(chuàng)建簡(jiǎn)單移動(dòng)網(wǎng)頁(yè)的低成本平臺(tái)軟件。列舉了一個(gè)可用于圖書(shū)館移動(dòng)網(wǎng)頁(yè)可用性測(cè)試的“圖書(shū)館移動(dòng)網(wǎng)頁(yè)啟發(fā)式設(shè)計(jì)標(biāo)準(zhǔn)”并用其對(duì)使用WordPress平臺(tái)和LibGuides平臺(tái)創(chuàng)建的圖書(shū)館移動(dòng)網(wǎng)頁(yè)進(jìn)行可用性評(píng)估。

中圖分類(lèi)號(hào)：G25文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1003-1588（2013）03-0069-04

隨著智能手機(jī)在教師和學(xué)生中的日益普及，人們對(duì)創(chuàng)建圖書(shū)館移動(dòng)網(wǎng)頁(yè)以滿(mǎn)足教研需要的需求隨之增長(zhǎng)。最近的一項(xiàng)調(diào)查顯示，用戶(hù)通過(guò)手機(jī)訪(fǎng)問(wèn)和尋求信息資源的行為呈增長(zhǎng)趨勢(shì)，這一趨勢(shì)支持了創(chuàng)建圖書(shū)館網(wǎng)頁(yè)移動(dòng)入口的論點(diǎn)。

皮尤研究中心的一項(xiàng)報(bào)道表明57%的手機(jī)用戶(hù)在廣泛的領(lǐng)域使用手機(jī)的數(shù)據(jù)功能[1]。而在青少年中，有65%使用手機(jī)訪(fǎng)問(wèn)互聯(lián)網(wǎng)，40%使用手機(jī)觀看視頻。這反映了用戶(hù)對(duì)于圖書(shū)館移動(dòng)網(wǎng)頁(yè)的需求，如此大量的用戶(hù)依賴(lài)手機(jī)作為互聯(lián)網(wǎng)入口使得圖書(shū)館以移動(dòng)設(shè)備適用的頁(yè)面形式提供服務(wù)顯得非常必要，為圖書(shū)館的信息資源增加移動(dòng)網(wǎng)頁(yè)入口將會(huì)使手機(jī)用戶(hù)享受到更好的服務(wù)。

然而，圖書(shū)館雜志最近進(jìn)行的一項(xiàng)關(guān)于圖書(shū)館移動(dòng)站點(diǎn)的調(diào)查顯示[2]，盡管65%的圖書(shū)館為滿(mǎn)足用戶(hù)需求已經(jīng)具有或計(jì)劃創(chuàng)建移動(dòng)網(wǎng)頁(yè)，但只有極少數(shù)圖書(shū)館具有實(shí)際可用的移動(dòng)網(wǎng)頁(yè)。其主要原因在于受到觀念、經(jīng)費(fèi)、技術(shù)等方面的制約，尤其是預(yù)算及人力資源的不足困擾了眾多圖書(shū)館。

選擇低成本平臺(tái)軟件產(chǎn)品創(chuàng)建圖書(shū)館移動(dòng)網(wǎng)頁(yè)能夠一定程度克服上述困擾，但很多圖書(shū)館在選定了某一平臺(tái)軟件后仍不知如何著手實(shí)際設(shè)計(jì)工作，往往采用與本館桌面版網(wǎng)頁(yè)相同的創(chuàng)建方式或是效仿其他圖書(shū)館移動(dòng)網(wǎng)頁(yè)的創(chuàng)建方式。然而由于各圖書(shū)館具體情況的差異，圖書(shū)館的移動(dòng)網(wǎng)頁(yè)創(chuàng)建方式亦不盡相同，構(gòu)建一份“圖書(shū)館移動(dòng)網(wǎng)頁(yè)啟發(fā)式設(shè)計(jì)標(biāo)準(zhǔn)”并進(jìn)行可用性測(cè)試能夠幫助圖書(shū)館創(chuàng)建設(shè)計(jì)優(yōu)良的功能性移動(dòng)網(wǎng)頁(yè)，滿(mǎn)足用戶(hù)需求。本文介紹了兩種低成本的移動(dòng)網(wǎng)頁(yè)創(chuàng)建平臺(tái)軟件，嘗試提出了包含圖書(shū)館移動(dòng)網(wǎng)頁(yè)的基本設(shè)計(jì)原則與內(nèi)容選擇的“圖書(shū)館移動(dòng)網(wǎng)頁(yè)啟發(fā)式設(shè)計(jì)標(biāo)準(zhǔn)”并運(yùn)用這一標(biāo)準(zhǔn)對(duì)使用所介紹平臺(tái)軟件創(chuàng)建的圖書(shū)館移動(dòng)網(wǎng)頁(yè)進(jìn)行了可用性評(píng)估。

1圖書(shū)館移動(dòng)網(wǎng)頁(yè)的基本設(shè)計(jì)元素和內(nèi)容選擇

圖書(shū)館的移動(dòng)頁(yè)面一般是易于創(chuàng)建并適用手機(jī)格式的靜態(tài)html形式。很多圖書(shū)館將移動(dòng)版本的網(wǎng)頁(yè)作為整個(gè)桌面站點(diǎn)的一部分并主要提供以下信息：“開(kāi)放時(shí)間”、“聯(lián)系我們”、“使用說(shuō)明”等。

另外，大多數(shù)的圖書(shū)館移動(dòng)頁(yè)面還提供有以下的出站鏈接：目錄、數(shù)據(jù)庫(kù)、社交媒體賬戶(hù)（例如，Twitter，F(xiàn)acebook）、指南、常見(jiàn)問(wèn)題解答、新聞等

這些出站鏈接大多指向獨(dú)立于圖書(shū)館網(wǎng)站本身的移動(dòng)版本頁(yè)面。例如，通過(guò)圖書(shū)館頁(yè)面鏈接到Twitter and Facebook賬戶(hù)時(shí)，Twitter and Facebook將自動(dòng)檢測(cè)移動(dòng)設(shè)備并加載移動(dòng)頁(yè)面和版本頁(yè)面。

2010年以前，很少有圖書(shū)館將學(xué)術(shù)內(nèi)容納入他們的移動(dòng)頁(yè)面，相關(guān)調(diào)查表明，不到40%的圖書(shū)館移動(dòng)頁(yè)面有學(xué)術(shù)內(nèi)容鏈接。而隨著Wikipedia，IMDB和各種新聞媒體等應(yīng)用的日趨流行，通過(guò)智能手機(jī)獲取所需的信息資源成為一種明顯的用戶(hù)傾向，同時(shí)，手機(jī)適用格式的數(shù)據(jù)庫(kù)和目錄的日益增長(zhǎng)也使圖書(shū)館通過(guò)移動(dòng)頁(yè)面提供基礎(chǔ)服務(wù)以外的學(xué)術(shù)內(nèi)容鏈接成為可能。

2創(chuàng)建圖書(shū)館移動(dòng)網(wǎng)頁(yè)的低成本選擇

互聯(lián)網(wǎng)上有多種可用的低成本移動(dòng)網(wǎng)頁(yè)生成器[3]，以下介紹兩種多數(shù)圖書(shū)館都有訪(fǎng)問(wèn)權(quán)限的平臺(tái)軟件。一是帶有移動(dòng)設(shè)備檢測(cè)功能插件的WordPress平臺(tái)（免費(fèi)）；一是LibGuides平臺(tái)（如果圖書(shū)館已經(jīng)訂購(gòu)了LibGuides則免費(fèi)）。相對(duì)于需要掌握大量HTML專(zhuān)業(yè)知識(shí)才能創(chuàng)建圖書(shū)館移動(dòng)網(wǎng)頁(yè)創(chuàng)建平臺(tái)，這兩種平臺(tái)軟件僅要求極少量或不要求具備編程知識(shí)即可創(chuàng)建移動(dòng)網(wǎng)頁(yè)，并且所創(chuàng)建的基礎(chǔ)移動(dòng)網(wǎng)頁(yè)都具有改良空間，例如通過(guò)增加圖標(biāo)和縮放文本以使頁(yè)面更匹配移動(dòng)設(shè)備屏幕等。

WordPress平臺(tái)是可自動(dòng)檢測(cè)移動(dòng)設(shè)備的免費(fèi)版本軟件。加利福尼亞大學(xué)圖書(shū)館移動(dòng)站點(diǎn)測(cè)試版，Long Beach （CSULB） （http：//mobilelibwordpresscom/）就是用免費(fèi)版本W(wǎng)ordPress平臺(tái)編輯的[4]。該移動(dòng)站點(diǎn)上的每一個(gè)鏈接都通過(guò)博客轉(zhuǎn)到頁(yè)面。頁(yè)面內(nèi)容都是經(jīng)過(guò)最低程度的HTML編輯從圖書(shū)館桌面版站點(diǎn)復(fù)制粘貼而來(lái)的。而南洋理工大學(xué)圖書(shū)館的移動(dòng)站點(diǎn)（http：//blogsntuedusg/mlibrary）則是使用WordPress平臺(tái)創(chuàng)建移動(dòng)網(wǎng)頁(yè)的另一個(gè)高級(jí)應(yīng)用實(shí)例，它綜合使用了WordPress平臺(tái)和LibraryAnywhere平臺(tái)（能夠生成移動(dòng)目錄的非免費(fèi)版本）來(lái)生成圖書(shū)館移動(dòng)友好頁(yè)面。

LibGuides平臺(tái)是適用于創(chuàng)建移動(dòng)網(wǎng)頁(yè)的另一軟件，它能夠幫助圖書(shū)館僅花費(fèi)人力和時(shí)間成本就實(shí)現(xiàn)移動(dòng)網(wǎng)頁(yè)的創(chuàng)建。據(jù)Springshare公司網(wǎng)站顯示，自2011年7月，世界上超過(guò)2，000個(gè)圖書(shū)館正在使用LibGuides平臺(tái)。由于它不是一個(gè)免費(fèi)工具，眾多圖書(shū)館訂購(gòu)了LibGuides以獲得免費(fèi)使用這一移動(dòng)網(wǎng)頁(yè)創(chuàng)建平臺(tái)的權(quán)限。使用LibGuides平臺(tái)生成移動(dòng)網(wǎng)面的優(yōu)點(diǎn)是它能夠提供“測(cè)試問(wèn)題”及其它交互小部件來(lái)增進(jìn)用戶(hù)在移動(dòng)環(huán)境中的體驗(yàn)。一些圖書(shū)館如澳大利亞圣母大學(xué)圖書(shū)館（http：//libraryndeduau/home）、基石大學(xué)圖書(shū)館（http：//librarycornerstoneedu/）以及海洋城市公共圖書(shū)館（http：//homeoceancitylibraryorg/index）已經(jīng)將他們的整個(gè)桌面版網(wǎng)站遷移到LibGuides平臺(tái)。

3圖書(shū)館移動(dòng)網(wǎng)頁(yè)啟發(fā)式設(shè)計(jì)標(biāo)準(zhǔn)

關(guān)于圖書(shū)館網(wǎng)頁(yè)設(shè)計(jì)及可用性方面的廣泛調(diào)查表明，圖書(shū)館移動(dòng)網(wǎng)頁(yè)普遍存在著諸如圖書(shū)館術(shù)語(yǔ)及導(dǎo)航菜單有歧義，文本冗繁、架構(gòu)混亂等一系列問(wèn)題，可用性嚴(yán)重不足[5]，因而為可用性測(cè)試方面經(jīng)驗(yàn)較少的圖書(shū)館提供一套為圖書(shū)館移動(dòng)網(wǎng)頁(yè)量身定制的可用性測(cè)試啟發(fā)性標(biāo)準(zhǔn)作為指導(dǎo)至關(guān)重要?？捎糜趫D書(shū)館移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)的可用性測(cè)試簡(jiǎn)明標(biāo)準(zhǔn)是已出版的相關(guān)文獻(xiàn)中缺失的一個(gè)重要元素，作者參考已公布的相關(guān)標(biāo)準(zhǔn)[6，7，8，9，10]，構(gòu)建了一份“圖書(shū)館移動(dòng)網(wǎng)頁(yè)啟發(fā)式設(shè)計(jì)標(biāo)準(zhǔn)”（見(jiàn)表1）。為了便于圖書(shū)館規(guī)劃或者修正移動(dòng)網(wǎng)頁(yè)，作者將這一標(biāo)準(zhǔn)歸納為三部分，界面設(shè)計(jì)、用戶(hù)友好度、內(nèi)容選擇。

31界面設(shè)計(jì)

這一部分包括了用戶(hù)對(duì)移動(dòng)網(wǎng)頁(yè)的基本屬性需求，包括轉(zhuǎn)換為主要移動(dòng)設(shè)備適用格式的能力，用戶(hù)可接受的加載時(shí)間，始終如一的設(shè)計(jì)和易學(xué)性。

32用戶(hù)友好度

這一部分包含確保圖書(shū)館用戶(hù)能夠很好地使用移動(dòng)網(wǎng)頁(yè)的一系列設(shè)計(jì)標(biāo)準(zhǔn)，包括鏈接的直觀性、易學(xué)性、可預(yù)見(jiàn)性、網(wǎng)頁(yè)語(yǔ)言的簡(jiǎn)潔清晰性，盡可能減少用戶(hù)錯(cuò)誤等。

33內(nèi)容選擇

這一部分包括移動(dòng)網(wǎng)頁(yè)選擇提供哪些信息資源，所提供信息資源的實(shí)用性要求，以及如何界定移動(dòng)用戶(hù)與圖書(shū)館員工之間的互動(dòng)等。這部分標(biāo)準(zhǔn)對(duì)于圖書(shū)館來(lái)說(shuō)非常重要，它直接關(guān)系到設(shè)計(jì)移動(dòng)網(wǎng)頁(yè)的最終目的——提供信息資源。它能夠保證圖書(shū)館移動(dòng)網(wǎng)頁(yè)為用戶(hù)提供有效和完整的信息資源及鏈接。圖書(shū)館應(yīng)以用戶(hù)需求作為決定何種信息資源及鏈接占據(jù)移動(dòng)頁(yè)面上最有價(jià)值空間的最主要標(biāo)準(zhǔn)。

4WordPress平臺(tái)與LibGuides平臺(tái)的可用性評(píng)估

對(duì)照以上的移動(dòng)圖書(shū)館網(wǎng)頁(yè)啟發(fā)式設(shè)計(jì)標(biāo)準(zhǔn)進(jìn)行分析，使用WordPress與LibGuides平臺(tái)軟件創(chuàng)建的移動(dòng)網(wǎng)頁(yè)在可用性上各有優(yōu)勢(shì)與不足。

41界面設(shè)計(jì)

WordPress平臺(tái)支持頁(yè)面編碼和字體大小的調(diào)整，從而克服“胖手指綜合癥”和并使網(wǎng)頁(yè)鏈接更易于適配手機(jī)屏幕。WordPress平臺(tái)所創(chuàng)建的移動(dòng)網(wǎng)頁(yè)界面設(shè)計(jì)上的缺點(diǎn)在于沒(méi)有直觀的垂直或者水平導(dǎo)航欄，迫使用戶(hù)在瀏覽頁(yè)面時(shí)需要頻繁使用水平和垂直滾動(dòng)條。很多使用WordPress平臺(tái)創(chuàng)建的移動(dòng)網(wǎng)頁(yè)在設(shè)計(jì)上已經(jīng)盡可能地減少用戶(hù)使用滾動(dòng)條的頻率，但是任何設(shè)計(jì)思路都無(wú)法完全避免這一問(wèn)題，并且隨著整個(gè)網(wǎng)頁(yè)上的標(biāo)簽不斷增加，用戶(hù)可能需要更多地使用滾動(dòng)條。而使用LibGuides所創(chuàng)建移動(dòng)網(wǎng)頁(yè)則存在相對(duì)更多的格式問(wèn)題，如一些對(duì)話(huà)框中的文字無(wú)法改變字體大小等。

42用戶(hù)友好度

在用戶(hù)友好度方面，兩種平臺(tái)軟件所創(chuàng)建的移動(dòng)網(wǎng)頁(yè)上的標(biāo)題中都很少使用圖書(shū)館專(zhuān)業(yè)術(shù)語(yǔ)。被復(fù)制到WordPress平臺(tái)所創(chuàng)建移動(dòng)網(wǎng)頁(yè)中的文本能夠自動(dòng)超鏈接到先前的桌面版本網(wǎng)頁(yè)文本，而LibGuides平臺(tái)所創(chuàng)建移動(dòng)的網(wǎng)頁(yè)則不具備這一特點(diǎn)。

兩種平臺(tái)軟件所創(chuàng)建的移動(dòng)網(wǎng)頁(yè)都將添加了超級(jí)鏈接的文本與無(wú)鏈接的文本以不同的顏色進(jìn)行了區(qū)分，但是都無(wú)法添加網(wǎng)址書(shū)簽。另外，前文所提到的WordPress平臺(tái)所創(chuàng)建的移動(dòng)網(wǎng)頁(yè)缺乏直觀的水平和垂直導(dǎo)航欄可能導(dǎo)致用戶(hù)錯(cuò)誤。另外，從內(nèi)容選擇上，兩種平臺(tái)軟件所創(chuàng)建的網(wǎng)頁(yè)都包含了標(biāo)準(zhǔn)中所列出的設(shè)計(jì)內(nèi)容。

5結(jié)論

不論選擇使用何種平臺(tái)軟件創(chuàng)建網(wǎng)頁(yè)，一份圖書(shū)館移動(dòng)網(wǎng)頁(yè)的設(shè)計(jì)標(biāo)準(zhǔn)能夠確保圖書(shū)館設(shè)計(jì)的網(wǎng)頁(yè)滿(mǎn)足用戶(hù)需要。圖書(shū)館可以將這一標(biāo)準(zhǔn)用于移動(dòng)網(wǎng)頁(yè)可用性測(cè)試周期的第一步。圖書(shū)館必須不斷關(guān)注移動(dòng)技術(shù)的發(fā)展趨勢(shì)并監(jiān)控本館網(wǎng)頁(yè)上的用戶(hù)行為才能保證持續(xù)提供滿(mǎn)足用戶(hù)需要的理想網(wǎng)頁(yè)。

參考文獻(xiàn)：

[1][ZK（#]Pew Research （July 7，2010）Mobile access 2010Retrieved August 1，2012，from wwwpewinternetorg/Reports/2010/Mobile-Access-2010/Summary-of-Findingsaspx

[2]Thomas，CL（October 5，2010）Gone mobile（Mobile Libraries Survey 2010）Library Journal，2010 Issue 17 Retrieved August 1， 2012，F(xiàn)rom wwwlibraryjournalcom/lj/ljinprintcurrentissue/88698 7-403/gone_mobile_mobile_libraries_surveyhtmlcsp

[3]Kroski，E（April 2011）7 tools to create a mobile library website （without technical knowledge?。blog post]iLibrarianRetrieved August 1，2012，http：//oedborg/blogs/ilibrarian/2011/7-tools-to-create-a-mobile-library-website-without-technical-knowledge/

[4]Travis，TEdupunk goes mobile： Mobile library sites with zero budget[blog post]Tiffinianne’s Blog Retrieved August 1，2012 from http：//tiffiniannewordpresscom/2011/01/22/8/

[5]Nielsen，J（2005）Ten usability heuristicsuseItcomRetrieved August 1，2012，from wwwuseitcom/papers/heuristic/heuristic_listhtml

[6]Ji，YG，Park，JH，Lee，C，& Yun，MH（2006）A usability checklist for the usability evaluation of mobile phone user interfaceInternational Journal of Human Computer Interaction（3）：207-231

[7]Aitta，M R，Kaleva，S，& Kortelainen，T（2008）Heuristic evaluation applied to library web servicesNew Library World，109：25-45

[8]W3C（July 29，2008）W3C Mobile web best practices 10： Basic guidelinesRetrieved Aug 1，2012，from wwww3org/TR/mobile-bp/

[9]Nielsen，J（July 20，2009）Mobile usabilityuseitcomRetrieved August 1，2012，from wwwuseitcom/alertbox/mobile-usabilityhtml