導言：作為寫(xie)作愛好(hao)者，不可錯過為您精心(xin)挑選的(de)10篇(pian)網頁界面設(she)計(ji)論文，它(ta)們將為您的(de)寫(xie)作提(ti)供全新的(de)視(shi)角(jiao)，我們衷心(xin)期(qi)待(dai)您的(de)閱讀，并希望這(zhe)些內容能為您提(ti)供靈(ling)感和(he)參考。

篇1

引言

格式塔一詞來源于德文“Gestalt”的音譯，本意指的是形式、形狀、方式、實質。格式塔心理學是一種與藝術有緣的心理學理論，其主要目標是探討視覺感知及其與學習、思維的關系，它所研究的出發點就是“形”，“形”是經由知覺活動組織成的經驗中的整體，與視知覺活動密不可分。而網頁界面設計是(shi)視(shi)覺傳達設(she)(she)計(ji)向(xiang)網(wang)(wang)絡媒體的(de)(de)延伸，主要(yao)是(shi)通過(guo)瀏(liu)覽者的(de)(de)視(shi)覺感知(zhi)來接(jie)受(shou)網(wang)(wang)站信息。因此，研究格(ge)式塔理論在網(wang)(wang)頁(ye)界面(mian)(mian)設(she)(she)計(ji)中的(de)(de)運用(yong)，無疑對網(wang)(wang)頁(ye)界面(mian)(mian)的(de)(de)設(she)(she)計(ji)具有很大的(de)(de)指(zhi)導作用(yong)。

格式塔理論在網頁界面(mian)設計(ji)中(zhong)的(de)應用

網頁(ye)設(she)計(ji)是將特(te)定的(de)視(shi)(shi)(shi)覺(jue)(jue)信(xin)息要素，根據主題表達的(de)需求(qiu)在特(te)定的(de)頁(ye)面上進行(xing)的(de)一種編輯和安排(pai)，其(qi)基(ji)礎是視(shi)(shi)(shi)覺(jue)(jue)生理(li)學和視(shi)(shi)(shi)覺(jue)(jue)心理(li)學。格(ge)式塔心理(li)學派(pai)通過對視(shi)(shi)(shi)覺(jue)(jue)感(gan)知(zhi)的(de)生理(li)研究，提出了(le)一系列(lie)視(shi)(shi)(shi)感(gan)知(zhi)規律，其(qi)中包含了(le)“圖(tu)底”這個核心概念，和“簡明原則(ze)”“接近(jin)原則(ze)”“相似(si)原則(ze)”“閉合原則(ze)”等視(shi)(shi)(shi)感(gan)知(zhi)特(te)性，將這些(xie)規律引(yin)入頁(ye)面設(she)計(ji)，有助(zhu)于我們優化視(shi)(shi)(shi)覺(jue)(jue)時(shi)代“形象過剩”狀態下盲目的(de)網頁(ye)設(she)計(ji)，提高信(xin)息傳達的(de)速度(du)與準確度(du)。

1.圖與底

在(zai)人的知(zhi)覺(jue)系(xi)統中最基本的一種知(zhi)覺(jue)能力(li)是(shi)在(zai)圖形與背(bei)景間作(zuo)出區(qu)(qu)(qu)分。“圖”是(shi)居于前部的區(qu)(qu)(qu)域，“底”被看成是(shi)用(yong)來襯托圖的背(bei)景。相(xiang)對而言，圖比底，輪廓(kuo)較(jiao)為(wei)(wei)完整、封閉(bi)，形狀(zhuang)較(jiao)為(wei)(wei)規(gui)則，面(mian)積比較(jiao)小，色彩比較(jiao)鮮艷；此外，更重要的是(shi)，能組織成為(wei)(wei)一定意義的區(qu)(qu)(qu)域傾向(xiang)于被感覺(jue)成圖。

由于(yu)圖(tu)(tu)與(yu)底(di)之間存(cun)(cun)在(zai)的(de)(de)這種(zhong)相(xiang)對性(xing)質，在(zai)網頁(ye)設(she)計中(zhong)，應當明確區分(fen)圖(tu)(tu)與(yu)底(di)，主體(ti)與(yu)背景(jing)。另外,主體(ti)自(zi)身(shen)結(jie)構要(yao)清晰明了(le)，背景(jing)不(bu)能過(guo)于(yu)復(fu)雜，這樣才有利于(yu)瀏覽(lan)者辨(bian)別需要(yao)了(le)解(jie)的(de)(de)信息。在(zai)背景(jing)的(de)(de)色(se)(se)(se)彩搭(da)配上應盡(jin)量選(xuan)用(yong)(yong)同一色(se)(se)(se)系的(de)(de)顏(yan)色(se)(se)(se)，盡(jin)量避免(mian)(mian)同時使用(yong)(yong)色(se)(se)(se)相(xiang)環中(zhong)相(xiang)對的(de)(de)顏(yan)色(se)(se)(se)，大面積同一顏(yan)色(se)(se)(se)宜采用(yong)(yong)低對比(bi)度，避免(mian)(mian)用(yong)(yong)強烈刺激的(de)(de)顏(yan)色(se)(se)(se)引(yin)起(qi)瀏覽(lan)者的(de)(de)視覺(jue)疲勞與(yu)厭煩情緒。格(ge)(ge)式塔理論的(de)(de)圖(tu)(tu)－底(di)規(gui)則不(bu)僅說明了(le)主體(ti)從(cong)背景(jing)中(zhong)分(fen)離出(chu)來(lai)的(de)(de)條(tiao)件,而(er)(er)且指(zhi)出(chu)了(le)背景(jing)在(zai)一個格(ge)(ge)式塔中(zhong)的(de)(de)重要(yao)作用(yong)(yong)。因(yin)此在(zai)網頁(ye)設(she)計中(zhong)我(wo)們同樣不(bu)能忽(hu)視背景(jing)的(de)(de)作用(yong)(yong)，圖(tu)(tu)形是依賴于(yu)背景(jing)而(er)(er)存(cun)(cun)在(zai)的(de)(de)，要(yao)使主體(ti)感(gan)到存(cun)(cun)在(zai)，必然要(yao)有底(di)將它襯托出(chu)來(lai)。因(yin)此無論在(zai)文字、色(se)(se)(se)彩、圖(tu)(tu)像，還是動畫(hua)和視頻方面都要(yao)堅(jian)持圖(tu)(tu)底(di)原則。

2.簡明原則

格式塔(ta)心(xin)理(li)學家認為，人(ren)們的(de)知覺(jue)有一(yi)(yi)(yi)種(zhong)(zhong)“簡化”傾向，所謂簡化并非僅指一(yi)(yi)(yi)般意義上的(de)“簡單(dan)”，即物體(ti)(ti)中(zhong)包含的(de)成分少(shao)或成分之(zhi)間的(de)關系(xi)簡單(dan)，而(er)是一(yi)(yi)(yi)種(zhong)(zhong)將(jiang)任何刺激以(yi)(yi)盡可(ke)能(neng)簡單(dan)的(de)機(ji)構組(zu)織起(qi)來的(de)傾向。我們的(de)眼睛只(zhi)能(neng)接受(shou)少(shao)數幾(ji)個(ge)不相關聯(lian)的(de)整(zheng)體(ti)(ti)單(dan)位(wei)，如果一(yi)(yi)(yi)個(ge)格式塔(ta)中(zhong)包括太多(duo)不相關的(de)單(dan)位(wei)，眼睛就會(hui)試(shi)圖將(jiang)其簡化，把各個(ge)單(dan)位(wei)加以(yi)(yi)組(zu)合，使之(zhi)成為一(yi)(yi)(yi)個(ge)知覺(jue)上易于處(chu)理(li)的(de)整(zheng)體(ti)(ti)，否則，整(zheng)體(ti)(ti)形象將(jiang)無法被(bei)正確感知，這種(zhong)(zhong)形象勢必會(hui)被(bei)人(ren)們忽視(shi)，以(yi)(yi)至(zhi)拒絕接受(shou)。

我們(men)可以將(jiang)這(zhe)一(yi)觀點延伸到網(wang)頁(ye)界(jie)面設(she)計(ji)中。首先，在網(wang)頁(ye)界(jie)面結構的(de)設(she)計(ji)上，應避免使用過于復雜的(de)網(wang)格結構，結構的(de)設(she)置應盡量簡單(dan)明了，符合(he)(he)人的(de)視覺流程，也符合(he)(he)人們(men)對規則形(xing)的(de)喜好，利于瀏覽者(zhe)以最短(duan)的(de)時間找到最需(xu)要(yao)的(de)信息。

其次，在圖像的選擇上，應避免使用過(guo)于繁(fan)復雜亂的、容(rong)易(yi)分散瀏覽者注意力(li)的圖像，這樣(yang)會增(zeng)加瀏覽者找尋信息(xi)的難度。

再次，在進(jin)行(xing)文字(zi)編輯(ji)(ji)時(shi)，應(ying)(ying)(ying)該考慮編輯(ji)(ji)的(de)(de)(de)(de)(de)最終效果。文字(zi)應(ying)(ying)(ying)給人(ren)以(yi)清晰的(de)(de)(de)(de)(de)視覺印象，避免(mian)頁(ye)面繁(fan)雜凌(ling)亂(luan)，減少不(bu)(bu)必(bi)要(yao)的(de)(de)(de)(de)(de)裝飾變化，使人(ren)易認、易懂、易讀，不(bu)(bu)能(neng)為(wei)造型而編輯(ji)(ji)，忘記了文字(zi)本身是傳達內(nei)容(rong)和(he)表達信息(xi)的(de)(de)(de)(de)(de)主體(ti)(ti)。在字(zi)體(ti)(ti)的(de)(de)(de)(de)(de)選(xuan)(xuan)擇上(shang)，雖然可供(gong)選(xuan)(xuan)擇的(de)(de)(de)(de)(de)字(zi)體(ti)(ti)很多，但同一頁(ye)面上(shang)的(de)(de)(de)(de)(de)字(zi)體(ti)(ti)種(zhong)類最多只(zhi)能(neng)有三四種(zhong)，這樣才不(bu)(bu)會顯得花哨。字(zi)體(ti)(ti)的(de)(de)(de)(de)(de)選(xuan)(xuan)擇應(ying)(ying)(ying)依(yi)據段落大(da)小(xiao)(xiao)和(he)內(nei)容(rong)層(ceng)(ceng)次,由重到輕、由粗到細。字(zi)號(hao)的(de)(de)(de)(de)(de)選(xuan)(xuan)擇也應(ying)(ying)(ying)該依(yi)據內(nei)容(rong)層(ceng)(ceng)次由大(da)到小(xiao)(xiao)，但到了節以(yi)下的(de)(de)(de)(de)(de)層(ceng)(ceng)面，可以(yi)選(xuan)(xuan)用同一字(zi)號(hao)但用不(bu)(bu)同的(de)(de)(de)(de)(de)字(zi)體(ti)(ti)加以(yi)區分(fen)。在文本密度方面，文本應(ying)(ying)(ying)該以(yi)短小(xiao)(xiao)的(de)(de)(de)(de)(de)組塊形式出現，并(bing)且應(ying)(ying)(ying)該經過編輯(ji)(ji)，以(yi)簡(jian)化內(nei)容(rong)。3.接近原則和(he)相(xiang)似原則

接近原(yuan)(yuan)則和相(xiang)(xiang)似(si)原(yuan)(yuan)則的(de)(de)(de)本質(zhi)上(shang)都(dou)是(shi)簡化和整體化知(zhi)覺(jue)對象的(de)(de)(de)組(zu)織原(yuan)(yuan)則，與前面(mian)的(de)(de)(de)簡明原(yuan)(yuan)則類似(si)，人們在傾(qing)向(xiang)于(yu)簡化認識對象的(de)(de)(de)同時(shi)，也(ye)傾(qing)向(xiang)于(yu)將(jiang)近似(si)、接近的(de)(de)(de)元素(su)組(zu)合起(qi)來作(zuo)為一個整體加以認知(zhi)。也(ye)就(jiu)是(shi)說(shuo)如果不同的(de)(de)(de)文字(zi)或(huo)(huo)圖形(xing)組(zu)成部分位(wei)置靠近，瀏覽者就(jiu)比較容易看出它們是(shi)一起(qi)的(de)(de)(de)。根據這一原(yuan)(yuan)理，對于(yu)頁面(mian)上(shang)的(de)(de)(de)任(ren)何(he)元素(su)，如果在功(gong)能或(huo)(huo)內容上(shang)是(shi)相(xiang)(xiang)同或(huo)(huo)相(xiang)(xiang)近的(de)(de)(de)，就(jiu)應在一定程度上(shang)保持相(xiang)(xiang)對較小的(de)(de)(de)空間距離，做到“物以類聚”。比如，頁面(mian)中用以解(jie)釋圖形(xing)或(huo)(huo)用以表明某(mou)一部分圖形(xing)的(de)(de)(de)文字(zi)就(jiu)應當(dang)緊挨其所指的(de)(de)(de)圖形(xing)或(huo)(huo)部分圖形(xing)。

相似的(de)(de)物體(ti)也很容易被認為是從屬(shu)于一(yi)(yi)個系統，具有相似的(de)(de)功能。因(yin)而，需(xu)(xu)要通過(guo)將瀏(liu)覽(lan)者(zhe)注(zhu)(zhu)意力集中(zhong)(zhong)于視(shi)覺范圍(wei)內的(de)(de)關鍵概念，幫助他們獲得(de)信(xin)息(xi)。在網頁界面設計(ji)中(zhong)(zhong)，可以(yi)通過(guo)強(qiang)調、動(dong)畫(hua)、對(dui)比色的(de)(de)使(shi)(shi)用(yong)(yong)或(huo)其(qi)他手(shou)段達到這一(yi)(yi)目的(de)(de)。假如(ru)一(yi)(yi)個圖(tu)形中(zhong)(zhong)的(de)(de)組成部分(fen)都屬(shu)于同(tong)一(yi)(yi)風格(ge)，這個圖(tu)形就被視(shi)為一(yi)(yi)個整體(ti)。為了(le)使(shi)(shi)瀏(liu)覽(lan)者(zhe)重點(dian)關注(zhu)(zhu)圖(tu)形中(zhong)(zhong)的(de)(de)特定部分(fen)，對(dui)這一(yi)(yi)部分(fen)可采用(yong)(yong)不(bu)同(tong)的(de)(de)顏(yan)色、動(dong)畫(hua)、閃爍或(huo)其(qi)他區(qu)分(fen)方(fang)(fang)式。但是，如(ru)果(guo)一(yi)(yi)幅(fu)畫(hua)面中(zhong)(zhong)區(qu)別過(guo)多，也會(hui)使(shi)(shi)瀏(liu)覽(lan)者(zhe)難以(yi)注(zhu)(zhu)意需(xu)(xu)要獲得(de)的(de)(de)信(xin)息(xi)。因(yin)此，這些方(fang)(fang)法應該(gai)用(yong)(yong)于強(qiang)調關鍵信(xin)息(xi)或(huo)圖(tu)形的(de)(de)關鍵部分(fen)，而不(bu)宜用(yong)(yong)于大片信(xin)息(xi)。

4.閉(bi)合原則與網頁(ye)界面設計

閉合原則是(shi)指(zhi)一(yi)(yi)種完成某種完形的(de)(de)(de)行動。這一(yi)(yi)規則表(biao)明，每一(yi)(yi)種視覺樣式都可(ke)以(yi)被看(kan)成是(shi)一(yi)(yi)種陳述，對(dui)于模棱兩可(ke)的(de)(de)(de)視覺樣式，人(ren)們會根據以(yi)往的(de)(de)(de)經驗(yan)按照不(bu)同(tong)的(de)(de)(de)樣式加以(yi)組織(zhi)，這時(shi)(shi)不(bu)同(tong)的(de)(de)(de)人(ren)會看(kan)到(dao)不(bu)同(tong)的(de)(de)(de)東(dong)西。因此，在網(wang)頁(ye)界面(mian)設計時(shi)(shi),應當避免出現(xian)不(bu)完整的(de)(de)(de)圖(tu)形，以(yi)免使(shi)瀏(liu)覽者花費(fei)過多(duo)的(de)(de)(de)時(shi)(shi)間去琢磨圖(tu)形的(de)(de)(de)含義，而不(bu)是(shi)從(cong)網(wang)頁(ye)上獲取信息(xi)。

閉合規則還表明,視覺(jue)(jue)形象(xiang)被(bei)知覺(jue)(jue)的形式是(shi)首先作為一個(ge)統(tong)一的整體(ti)被(bei)知覺(jue)(jue)，然后再以(yi)部分的形式被(bei)知覺(jue)(jue)。因此，在進行網頁界面設計時，要(yao)強調整體(ti)風(feng)格的統(tong)一，內(nei)容(rong)與形式的統(tong)一。

結語

將格式塔(ta)(ta)心理學引(yin)入(ru)網(wang)(wang)頁(ye)界面(mian)(mian)設(she)計(ji)，目的(de)(de)是希望網(wang)(wang)頁(ye)設(she)計(ji)向理性化的(de)(de)方向發展(zhan)。隨著網(wang)(wang)絡的(de)(de)不斷發展(zhan)，瀏覽者對頁(ye)面(mian)(mian)的(de)(de)要(yao)求也越(yue)來越(yue)高，但現在的(de)(de)頁(ye)面(mian)(mian)設(she)計(ji)大(da)多還(huan)是從直覺出發，離(li)(li)科學的(de)(de)頁(ye)面(mian)(mian)設(she)計(ji)還(huan)有相當大(da)的(de)(de)距(ju)離(li)(li)，因此要(yao)想(xiang)達到科學的(de)(de)頁(ye)面(mian)(mian)設(she)計(ji)，就要(yao)在設(she)計(ji)時遵照人類的(de)(de)認知規(gui)律，并且將這(zhe)些規(gui)律正確地應(ying)用到設(she)計(ji)實踐中(zhong)。而(er)如何(he)將格式塔(ta)(ta)理論與(yu)設(she)計(ji)結(jie)合起來,仍(reng)是我們需要(yao)投入(ru)大(da)量精力去研(yan)究與(yu)探討的(de)(de)問題(ti)。

參考文獻：

[1]曹方著.視(shi)覺傳達設計原(yuan)理，江蘇(su)美術出(chu)版社

篇2

隨著(zhu)科技的(de)(de)(de)(de)(de)(de)(de)(de)發(fa)展、電(dian)腦(nao)及(ji)網(wang)(wang)(wang)(wang)絡(luo)(luo)的(de)(de)(de)(de)(de)(de)(de)(de)興(xing)起，網(wang)(wang)(wang)(wang)絡(luo)(luo)界面(mian)的(de)(de)(de)(de)(de)(de)(de)(de)出(chu)現使得人們的(de)(de)(de)(de)(de)(de)(de)(de)閱讀(du)方(fang)(fang)(fang)式乃至生(sheng)活方(fang)(fang)(fang)式發(fa)生(sheng)著(zhu)改(gai)變，直接影(ying)響(xiang)著(zhu)人們生(sheng)活的(de)(de)(de)(de)(de)(de)(de)(de)方(fang)(fang)(fang)方(fang)(fang)(fang)面(mian)面(mian)。網(wang)(wang)(wang)(wang)絡(luo)(luo)界面(mian)設(she)(she)(she)(she)計(ji)(ji)(ji)作為(wei)(wei)平面(mian)設(she)(she)(she)(she)計(ji)(ji)(ji)陣營(ying)中的(de)(de)(de)(de)(de)(de)(de)(de)新生(sheng)代(dai)，展現出(chu)數字(zi)信息時(shi)代(dai)下(xia)嶄新的(de)(de)(de)(de)(de)(de)(de)(de)藝(yi)術設(she)(she)(she)(she)計(ji)(ji)(ji)語言。當今是書籍設(she)(she)(she)(she)計(ji)(ji)(ji)與(yu)(yu)網(wang)(wang)(wang)(wang)絡(luo)(luo)設(she)(she)(she)(she)計(ji)(ji)(ji)共存的(de)(de)(de)(de)(de)(de)(de)(de)時(shi)代(dai)，實體(ti)與(yu)(yu)虛擬的(de)(de)(de)(de)(de)(de)(de)(de)并存，呈現出(chu)各(ge)自設(she)(she)(she)(she)計(ji)(ji)(ji)特征(zheng)與(yu)(yu)發(fa)展方(fang)(fang)(fang)向。網(wang)(wang)(wang)(wang)頁界面(mian)設(she)(she)(she)(she)計(ji)(ji)(ji)中的(de)(de)(de)(de)(de)(de)(de)(de)視聽要(yao)素(su)與(yu)(yu)所展現出(chu)的(de)(de)(de)(de)(de)(de)(de)(de)設(she)(she)(she)(she)計(ji)(ji)(ji)語言的(de)(de)(de)(de)(de)(de)(de)(de)新面(mian)貌，為(wei)(wei)已有(you)的(de)(de)(de)(de)(de)(de)(de)(de)信息傳播方(fang)(fang)(fang)式帶來了(le)(le)新的(de)(de)(de)(de)(de)(de)(de)(de)展現平臺(tai)。網(wang)(wang)(wang)(wang)絡(luo)(luo)界面(mian)設(she)(she)(she)(she)計(ji)(ji)(ji)除了(le)(le)運用印制(zhi)媒體(ti)設(she)(she)(she)(she)計(ji)(ji)(ji)的(de)(de)(de)(de)(de)(de)(de)(de)構成原理與(yu)(yu)視覺要(yao)素(su)，還具備了(le)(le)其特有(you)的(de)(de)(de)(de)(de)(de)(de)(de)鮮(xian)明特征(zheng)。網(wang)(wang)(wang)(wang)絡(luo)(luo)界面(mian)設(she)(she)(she)(she)計(ji)(ji)(ji)的(de)(de)(de)(de)(de)(de)(de)(de)新特征(zheng)展現在視覺藝(yi)術與(yu)(yu)網(wang)(wang)(wang)(wang)絡(luo)(luo)技術的(de)(de)(de)(de)(de)(de)(de)(de)不斷(duan)變革中。作為(wei)(wei)新生(sheng)代(dai)的(de)(de)(de)(de)(de)(de)(de)(de)網(wang)(wang)(wang)(wang)絡(luo)(luo)界面(mian)設(she)(she)(she)(she)計(ji)(ji)(ji)是對印制(zhi)媒體(ti)設(she)(she)(she)(she)計(ji)(ji)(ji)的(de)(de)(de)(de)(de)(de)(de)(de)繼承和發(fa)展，其與(yu)(yu)書籍設(she)(she)(she)(she)計(ji)(ji)(ji)相比(bi)有(you)著(zhu)其鮮(xian)明的(de)(de)(de)(de)(de)(de)(de)(de)特征(zheng)。

一、新特征

（一(yi)(yi)）互(hu)動(dong)的(de)距離(li)。書籍設計(ji)呈現出一(yi)(yi)種“只讀藝(yi)術”，閱讀者(zhe)在品(pin)讀過(guo)程(cheng)中往(wang)往(wang)是被(bei)動(dong)的(de)。而網(wang)絡媒體藝(yi)術是一(yi)(yi)種“可讀寫藝(yi)術”，瀏覽者(zhe)可在登陸后實時關(guan)注(zhu)，并在相關(guan)內容上進行瀏覽、反饋(kui)和答(da)復等等，實現“零距離(li)”交(jiao)流互(hu)動(dong)。設計(ji)師將(jiang)設計(ji)良(liang)好的(de)界面、網(wang)絡技術開發和網(wang)絡交(jiao)互(hu)性進行結合(he)，將(jiang)使網(wang)頁(ye)瀏覽者(zhe)實現自由的(de)、主動(dong)交(jiao)互(hu)的(de)選(xuan)擇，這些對于書籍閱讀來說(shuo)基本無法實現。

（二）線性(xing)與(yu)非(fei)線性(xing)。從書籍所(suo)呈現(xian)(xian)(xian)的(de)內(nei)容(rong)文(wen)(wen)字來看，其(qi)呈現(xian)(xian)(xian)出“線性(xing)”排(pai)列，受(shou)其(qi)印制(zhi)品的(de)物理結構(gou)與(yu)相關內(nei)容(rong)空間編(bian)排(pai)的(de)制(zhi)約，這種(zhong)由頭到尾線性(xing)文(wen)(wen)本(ben)的(de)編(bian)排(pai)，使讀(du)者產生單一(yi)方(fang)向(xiang)的(de)內(nei)容(rong)認知的(de)過程。讀(du)者在篩選(xuan)內(nei)容(rong)后，在閱(yue)讀(du)中(zhong)是遵循一(yi)行一(yi)行的(de)由前向(xiang)后的(de)讀(du)覽方(fang)式，這就體現(xian)(xian)(xian)出“線性(xing)”閱(yue)讀(du)的(de)特(te)色(se)。網絡界面設計打破了(le)傳統文(wen)(wen)本(ben)排(pai)列的(de)架(jia)構(gou)。鏈(lian)接(jie)實現(xian)(xian)(xian)了(le)文(wen)(wen)本(ben)闡述、拓展、補充(chong)等(deng)若干(gan)部分的(de)內(nei)容(rong)。讀(du)者根(gen)據需要將排(pai)列的(de)文(wen)(wen)檔一(yi)部分一(yi)部分的(de)劃分開，確定自己的(de)閱(yue)讀(du)中(zhong)心，在屏幕上(shang)將閱(yue)讀(du)空間內(nei)容(rong)重(zhong)組，從而實現(xian)(xian)(xian)自主的(de)個(ge)性(xing)化的(de)文(wen)(wen)本(ben)閱(yue)讀(du)意義。

（三）單一(yi)媒(mei)體與多(duo)(duo)媒(mei)體。多(duo)(duo)媒(mei)體的(de)發(fa)展成(cheng)為網頁界面設(she)計(ji)的(de)流行趨勢，與書(shu)籍設(she)計(ji)這(zhe)種單向媒(mei)體相比較而言，其(qi)優勢是(shi)集成(cheng)圖形圖像(xiang)、音效(xiao)音樂、以及(ji)視(shi)頻(pin)動畫于一(yi)體，促使視(shi)覺(jue)觸覺(jue)聽(ting)覺(jue)等等全方位(wei)多(duo)(duo)角度多(duo)(duo)視(shi)點(dian)的(de)傳達信息，吸引觀者。這(zhe)種多(duo)(duo)表(biao)征的(de)信息集合表(biao)現產生(sheng)了“1+1＞2”的(de)效(xiao)果。網頁模擬出(chu)真實(shi)的(de)場景這(zhe)是(shi)書(shu)籍設(she)計(ji)無法(fa)體現出(chu)的(de)效(xiao)果。這(zhe)種多(duo)(duo)感設(she)計(ji)已(yi)成(cheng)為網頁設(she)計(ji)中爭(zheng)相展現的(de)面貌。

（四(si)）空間(jian)(jian)擴展。書籍版面(mian)(mian)展現出(chu)來的(de)是(shi)平面(mian)(mian)二(er)維(wei)空間(jian)(jian)，而(er)網(wang)絡(luo)界面(mian)(mian)往(wang)往(wang)是(shi)二(er)維(wei)和(he)三(san)維(wei)的(de)共同體。三(san)維(wei)空間(jian)(jian)具有更大的(de)信息量，增添了新的(de)維(wei)度，從而(er)滿足人(ren)對空間(jian)(jian)心里真實的(de)需(xu)要。同時，界面(mian)(mian)的(de)層(ceng)層(ceng)串接(jie)使(shi)瀏覽者在網(wang)頁內容之間(jian)(jian)循序往(wang)復的(de)互(hu)相套接(jie)，架(jia)構(gou)出(chu)層(ceng)層(ceng)深(shen)度的(de)脈(mo)絡(luo)，吸引人(ren)們深(shen)入認知。

（五(wu)）即(ji)時(shi)(shi)(shi)(shi)性(xing)。信(xin)(xin)息(xi)的(de)(de)(de)時(shi)(shi)(shi)(shi)效性(xing)是信(xin)(xin)息(xi)社(she)會的(de)(de)(de)基本特(te)征。書籍(ji)編(bian)輯(ji)印(yin)制(zhi)的(de)(de)(de)時(shi)(shi)(shi)(shi)間過程(cheng)往(wang)(wang)往(wang)(wang)比網絡(luo)(luo)編(bian)輯(ji)的(de)(de)(de)過程(cheng)要緩慢。由(you)于(yu)網絡(luo)(luo)技術和網絡(luo)(luo)界(jie)面的(de)(de)(de)設計特(te)點(dian)(dian)，設計人員將編(bian)輯(ji)完整的(de)(de)(de)網站或網頁于(yu)網絡(luo)(luo)，那么(me)即(ji)可完成。這樣往(wang)(wang)往(wang)(wang)節省了(le)書籍(ji)印(yin)制(zhi)過程(cheng)中(zhong)(zhong)(zhong)所需的(de)(de)(de)時(shi)(shi)(shi)(shi)間段，從而在第一時(shi)(shi)(shi)(shi)間將鮮(xian)活(huo)準確的(de)(de)(de)信(xin)(xin)息(xi)廣(guang)泛(fan)的(de)(de)(de)傳(chuan)播，網絡(luo)(luo)信(xin)(xin)息(xi)的(de)(de)(de)即(ji)時(shi)(shi)(shi)(shi)性(xing)特(te)點(dian)(dian)也就體(ti)現(xian)了(le)出來。另外在網絡(luo)(luo)中(zhong)(zhong)(zhong)互動(dong)的(de)(de)(de)平臺中(zhong)(zhong)(zhong)，往(wang)(wang)往(wang)(wang)也體(ti)現(xian)出信(xin)(xin)息(xi)的(de)(de)(de)時(shi)(shi)(shi)(shi)效性(xing)。例如：論壇中(zhong)(zhong)(zhong)的(de)(de)(de)相關討論和問題(ti)的(de)(de)(de)回復(fu)，都體(ti)現(xian)出此特(te)點(dian)(dian)。

（六）廣(guang)(guang)(guang)(guang)告的(de)靈活性(xing)。作為(wei)互(hu)聯(lian)網(wang)(wang)上新興的(de)一種廣(guang)(guang)(guang)(guang)告形式——以網(wang)(wang)絡(luo)為(wei)平臺的(de)網(wang)(wang)絡(luo)廣(guang)(guang)(guang)(guang)告也就(jiu)應(ying)(ying)運而(er)生了。網(wang)(wang)絡(luo)廣(guang)(guang)(guang)(guang)告是一種結合傳(chuan)統的(de)廣(guang)(guang)(guang)(guang)告形式與(yu)網(wang)(wang)絡(luo)應(ying)(ying)用技術的(de)一種全新形式。網(wang)(wang)絡(luo)廣(guang)(guang)(guang)(guang)告與(yu)書(shu)籍廣(guang)(guang)(guang)(guang)告相比(bi)而(er)言，主要可以從溝(gou)通性(xing)、信息(xi)性(xing)和效果(guo)性(xing)幾個方面加以比(bi)較(jiao)。

書(shu)籍(ji)(ji)廣(guang)(guang)告(gao)中(zhong)，由(you)于書(shu)的(de)(de)(de)特(te)質(zhi)致使其(qi)溝(gou)通受(shou)眾(zhong)面有限，書(shu)中(zhong)的(de)(de)(de)廣(guang)(guang)告(gao)信(xin)(xin)息(xi)內容往往和(he)書(shu)籍(ji)(ji)相關，效果(guo)大多(duo)傾(qing)向靜態(tai)的(de)(de)(de)圖文(wen)信(xin)(xin)息(xi)，這(zhe)樣的(de)(de)(de)信(xin)(xin)息(xi)在傳播的(de)(de)(de)過程中(zhong)給人(ren)的(de)(de)(de)感(gan)官刺激較單一。當(dang)然隨著科技的(de)(de)(de)發展，也(ye)出現(xian)一些新的(de)(de)(de)廣(guang)(guang)告(gao)方式，如：書(shu)簽廣(guang)(guang)告(gao)，隨書(shu)附(fu)贈品中(zhong)加入廣(guang)(guang)告(gao)等，但與網(wang)絡廣(guang)(guang)告(gao)相比而言單一化的(de)(de)(de)特(te)征明顯。反觀網(wang)絡廣(guang)(guang)告(gao)的(de)(de)(de)特(te)質(zhi)，其(qi)信(xin)(xin)息(xi)溝(gou)通模式是(shi)多(duo)樣性、實時(shi)交互性流通，避免了書(shu)籍(ji)(ji)廣(guang)(guang)告(gao)那種將(jiang)信(xin)(xin)息(xi)灌輸(shu)式的(de)(de)(de)，用印象去(qu)勸(quan)誘(you)目標(biao)受(shou)眾(zhong)成為消費者。同時(shi)其(qi)信(xin)(xin)息(xi)覆蓋面更(geng)廣(guang)(guang)泛、信(xin)(xin)息(xi)容量更(geng)大，信(xin)(xin)息(xi)綜合表現(xian)效果(guo)更(geng)強。

二、差異的表現

（一）書籍封面與(yu)網站首頁

就書(shu)籍封(feng)面(mian)而言，其(qi)間的(de)(de)圖(tu)形和文字(zi)等元素編排(pai)相對(dui)固定，效(xiao)(xiao)果(guo)方(fang)面(mian)也是據(ju)其(qi)內容設計出(chu)靜止且有內涵的(de)(de)風(feng)貌(mao)。而網(wang)(wang)站(zhan)首(shou)頁(ye)表(biao)現(xian)(xian)(xian)(xian)手法靈活度大(da)，往往會(hui)結合動(dong)態(tai)與音效(xiao)(xiao)等手段來(lai)一一呈現(xian)(xian)(xian)(xian)。引(yin)入式(shi)和主(zhu)題(ti)式(shi)是網(wang)(wang)站(zhan)首(shou)頁(ye)展現(xian)(xian)(xian)(xian)的(de)(de)兩種主(zhu)要(yao)(yao)手法。引(yin)入式(shi)往往使用動(dong)畫(hua)或圖(tu)形圖(tu)像在首(shou)頁(ye)，主(zhu)要(yao)(yao)是利用少量的(de)(de)文字(zi)和氛圍去制造出(chu)一個對(dui)網(wang)(wang)站(zhan)總體的(de)(de)展現(xian)(xian)(xian)(xian)和引(yin)入。而主(zhu)題(ti)式(shi)主(zhu)要(yao)(yao)指(zhi)首(shou)頁(ye)上方(fang)以(yi)導航條為主(zhu)，下面(mian)出(chu)現(xian)(xian)(xian)(xian)若干分類(lei)信(xin)息。此類(lei)首(shou)頁(ye)以(yi)文字(zi)居多，分欄表(biao)現(xian)(xian)(xian)(xian)便(bian)于檢(jian)索。由于這樣(yang)的(de)(de)網(wang)(wang)站(zhan)信(xin)息量較大(da)，因此在查(cha)閱期間往往需(xu)要(yao)(yao)滾屏(ping)瀏覽。

（二）版面與界面

1、書(shu)(shu)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)目(mu)錄(lu)(lu)與(yu)網(wang)頁(ye)(ye)(ye)(ye)(ye)(ye)導(dao)(dao)航。翻開一(yi)(yi)本(ben)(ben)書(shu)(shu)，想了解本(ben)(ben)書(shu)(shu)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)內(nei)(nei)容，往往會先瀏覽目(mu)錄(lu)(lu)。目(mu)錄(lu)(lu)是(shi)本(ben)(ben)書(shu)(shu)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)提(ti)綱挈領，呈(cheng)現(xian)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)方式主要(yao)是(shi)各章節標題與(yu)頁(ye)(ye)(ye)(ye)(ye)(ye)碼組成，靜態的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)組織加(jia)入(ru)紙張的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)質感(gan)無(wu)不(bu)顯現(xian)出(chu)(chu)(chu)書(shu)(shu)卷之(zhi)氣。網(wang)頁(ye)(ye)(ye)(ye)(ye)(ye)中起到(dao)“目(mu)錄(lu)(lu)”功能的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)位置是(shi)導(dao)(dao)航條(tiao)。其(qi)間只強(qiang)調標題而略去頁(ye)(ye)(ye)(ye)(ye)(ye)碼，靜態與(yu)動態的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)緊密(mi)結(jie)合，聲效與(yu)變幻色(se)彩(cai)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)加(jia)入(ru)無(wu)不(bu)展現(xian)出(chu)(chu)(chu)導(dao)(dao)航條(tiao)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)特(te)(te)色(se)。2、版心(xin)與(yu)分(fen)(fen)欄(lan)(lan)。書(shu)(shu)籍版面(mian)(mian)中的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)版心(xin)一(yi)(yi)般相(xiang)對(dui)(dui)比(bi)較(jiao)大(da)、內(nei)(nei)容集中在(zai)版心(xin)內(nei)(nei)部，尺幅(fu)變化(hua)相(xiang)對(dui)(dui)不(bu)大(da)，整(zheng)本(ben)(ben)書(shu)(shu)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)分(fen)(fen)欄(lan)(lan)比(bi)較(jiao)規(gui)范統一(yi)(yi)化(hua)，如：單欄(lan)(lan)或兩欄(lan)(lan)等等。留白(bai)率是(shi)指(zhi)版面(mian)(mian)與(yu)空白(bai)之(zhi)比(bi)，留白(bai)率的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)恰當使用(yong)會提(ti)升視覺效果和(he)(he)信息的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)認知度。與(yu)書(shu)(shu)籍版面(mian)(mian)相(xiang)比(bi)，網(wang)頁(ye)(ye)(ye)(ye)(ye)(ye)界(jie)(jie)面(mian)(mian)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)版心(xin)和(he)(he)分(fen)(fen)欄(lan)(lan)相(xiang)對(dui)(dui)更(geng)靈活，留白(bai)率更(geng)大(da)。版面(mian)(mian)色(se)彩(cai)之(zhi)間的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)運用(yong)與(yu)銜接變化(hua)更(geng)豐(feng)富。3、文(wen)字(zi)(zi)與(yu)圖底。網(wang)頁(ye)(ye)(ye)(ye)(ye)(ye)界(jie)(jie)面(mian)(mian)不(bu)像書(shu)(shu)籍版面(mian)(mian)那樣分(fen)(fen)出(chu)(chu)(chu)左右兩頁(ye)(ye)(ye)(ye)(ye)(ye)，并按前(qian)后注(zhu)明(ming)頁(ye)(ye)(ye)(ye)(ye)(ye)碼。網(wang)頁(ye)(ye)(ye)(ye)(ye)(ye)間鏈接靠的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)是(shi)層層的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)鏈接，編排(pai)中的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)文(wen)字(zi)(zi)和(he)(he)圖形靈活多(duo)(duo)變，往往出(chu)(chu)(chu)現(xian)加(jia)底色(se)或底圖的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)形式。從字(zi)(zi)體(ti)(ti)角度來看(kan)，書(shu)(shu)籍設(she)計時軟件中可選用(yong)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)字(zi)(zi)體(ti)(ti)種類(lei)較(jiao)多(duo)(duo)，作為網(wang)絡界(jie)(jie)面(mian)(mian)上(shang)顯現(xian)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)字(zi)(zi)體(ti)(ti)是(shi)由瀏覽者(zhe)所(suo)(suo)使用(yong)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)機(ji)器(qi)內(nei)(nei)部的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)字(zi)(zi)體(ti)(ti)數(shu)量決定的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)。一(yi)(yi)般用(yong)戶所(suo)(suo)使用(yong)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)電腦(nao)中的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)字(zi)(zi)體(ti)(ti)是(shi)隨系統安裝(zhuang)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)，字(zi)(zi)體(ti)(ti)數(shu)量是(shi)很(hen)有(you)限的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)。因(yin)此網(wang)絡界(jie)(jie)面(mian)(mian)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)字(zi)(zi)體(ti)(ti)與(yu)書(shu)(shu)籍上(shang)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)字(zi)(zi)體(ti)(ti)相(xiang)比(bi)而言展現(xian)出(chu)(chu)(chu)較(jiao)固定化(hua)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)特(te)(te)點。4、順序的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)呈(cheng)現(xian)。書(shu)(shu)籍由印(yin)制裝(zhuang)訂在(zai)一(yi)(yi)起，內(nei)(nei)容在(zai)安排(pai)上(shang)順序感(gan)強(qiang)，由前(qian)至后的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)段落(luo)排(pai)列(lie)引(yin)導(dao)(dao)讀者(zhe)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)閱讀。網(wang)頁(ye)(ye)(ye)(ye)(ye)(ye)界(jie)(jie)面(mian)(mian)因(yin)其(qi)互(hu)動性的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)特(te)(te)點，設(she)計的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)過程中在(zai)主頁(ye)(ye)(ye)(ye)(ye)(ye)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)超鏈接上(shang)可以(yi)按照不(bu)同人群(qun)需要(yao)設(she)計出(chu)(chu)(chu)各種人性化(hua)連(lian)接界(jie)(jie)面(mian)(mian)，在(zai)設(she)計環節中展現(xian)出(chu)(chu)(chu)脈絡狀的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)連(lian)接。

（三）形態表現

1、虛(xu)擬(ni)與實(shi)物。當今書(shu)(shu)(shu)籍設計師打破了傳統六(liu)面(mian)體(ti)(ti)的造型，創(chuang)新出(chu)多面(mian)體(ti)(ti)的異型開本(ben)，使(shi)書(shu)(shu)(shu)籍從外觀造型上(shang)就獲取了更豐富的實(shi)物面(mian)貌。網(wang)(wang)絡(luo)界(jie)面(mian)二(er)維(wei)、多維(wei)造型以(yi)數(shu)字(zi)化(hua)模(mo)擬(ni)體(ti)(ti)現(xian)，形態多變(bian)且靜動(dong)結合，多變(bian)的虛(xu)擬(ni)形態吸引著瀏覽(lan)者的關(guan)注和探求。2、材料質(zhi)(zhi)感的真實(shi)性與模(mo)擬(ni)性。特種紙的選用(yong)在如(ru)今的書(shu)(shu)(shu)籍設計中被普遍使(shi)用(yong)，各(ge)種真實(shi)的紙張質(zhi)(zhi)感易于彰顯出(chu)書(shu)(shu)(shu)籍的品質(zhi)(zhi)與內(nei)涵。而網(wang)(wang)絡(luo)界(jie)面(mian)中質(zhi)(zhi)感的體(ti)(ti)驗(yan)由(you)數(shu)字(zi)化(hua)模(mo)擬(ni)表現(xian)來實(shi)現(xian)，網(wang)(wang)間質(zhi)(zhi)感呈現(xian)的樣式與書(shu)(shu)(shu)籍質(zhi)(zhi)感相比更多樣，實(shi)現(xian)起來更直接迅速。

三、融合

以上通過書(shu)籍設(she)計(ji)與網(wang)絡界面設(she)計(ji)的(de)(de)(de)比較，更明確(que)地辨清兩者之間(jian)的(de)(de)(de)設(she)計(ji)特征。如今兩者在平面設(she)計(ji)領域中也不(bu)斷(duan)呈現出互(hu)相影響，適(shi)度融(rong)合(he)的(de)(de)(de)特征。書(shu)籍設(she)計(ji)中適(shi)度加(jia)入互(hu)動環(huan)節已成為不(bu)少設(she)計(ji)師的(de)(de)(de)青(qing)睞。隨著(zhu)“電(dian)子書(shu)”、“網(wang)上書(shu)城(cheng)”作為新生力(li)量不(bu)斷(duan)與線(xian)下的(de)(de)(de)實體書(shu)店進行多角(jiao)度的(de)(de)(de)組合(he)，“線(xian)上虛擬、線(xian)下實物”統一的(de)(de)(de)內(nei)容不(bu)同的(de)(de)(de)場合(he)彼此融(rong)會貫通，共同開發拓(tuo)展銷售(shou)渠道。

篇3

一、人性(xing)化游戲界(jie)面設計(ji)理論基礎

良(liang)好的(de)(de)用戶(hu)體驗(yan)是(shi)人(ren)性(xing)(xing)化有些(xie)界(jie)面設(she)計(ji)(ji)(ji)(ji)的(de)(de)基礎。用戶(hu)體驗(yan)發生在(zai)(zai)(zai)生活的(de)(de)每個瞬間，比(bi)如當你(ni)用水(shui)杯(bei)喝(he)水(shui)時，會隨手(shou)將杯(bei)蓋(gai)放(fang)在(zai)(zai)(zai)任(ren)何(he)你(ni)隨手(shou)可(ke)以放(fang)置的(de)(de)地方，當你(ni)在(zai)(zai)(zai)不(bu)(bu)注意的(de)(de)情況下會將杯(bei)蓋(gai)隨手(shou)放(fang)在(zai)(zai)(zai)任(ren)何(he)地方，隨后因為(wei)(wei)沒有印象而(er)忘記(ji)杯(bei)蓋(gai)放(fang)在(zai)(zai)(zai)了哪里(li)。現在(zai)(zai)(zai)很多(duo)的(de)(de)水(shui)杯(bei)都將杯(bei)蓋(gai)設(she)計(ji)(ji)(ji)(ji)成(cheng)連接在(zai)(zai)(zai)杯(bei)子(zi)上的(de)(de)，這樣就不(bu)(bu)容(rong)易(yi)忘記(ji)放(fang)在(zai)(zai)(zai)哪里(li)了。這樣的(de)(de)例子(zi)不(bu)(bu)計(ji)(ji)(ji)(ji)其(qi)數(shu)。用戶(hu)體驗(yan)在(zai)(zai)(zai)開發數(shu)字產品、系統及服務的(de)(de)不(bu)(bu)同設(she)計(ji)(ji)(ji)(ji)與可(ke)用性(xing)(xing)學科，并通過界(jie)面的(de)(de)交(jiao)互(hu)設(she)計(ji)(ji)(ji)(ji)來影響人(ren)們(men)的(de)(de)體驗(yan)。數(shu)字產品的(de)(de)用戶(hu)體驗(yan)設(she)計(ji)(ji)(ji)(ji)包括三方面，即形(xing)式，行為(wei)(wei)和內容(rong)。操作是(shi)游(you)(you)戲(xi)體驗(yan)的(de)(de)必要行為(wei)(wei)，交(jiao)互(hu)設(she)計(ji)(ji)(ji)(ji)關(guan)注行為(wei)(wei)設(she)計(ji)(ji)(ji)(ji)，也關(guan)注行為(wei)(wei)如何(he)和形(xing)式與內容(rong)產生聯系。人(ren)性(xing)(xing)化的(de)(de)游(you)(you)戲(xi)界(jie)面設(she)計(ji)(ji)(ji)(ji)就是(shi)將交(jiao)互(hu)設(she)計(ji)(ji)(ji)(ji)理(li)念(nian)完(wan)美的(de)(de)融入界(jie)面設(she)計(ji)(ji)(ji)(ji)中，將形(xing)式和內容(rong)通過交(jiao)互(hu)設(she)計(ji)(ji)(ji)(ji)達到一種自然的(de)(de)狀態，是(shi)玩(wan)(wan)家(jia)才做起來更(geng)(geng)加(jia)順暢(chang)而(er)方便(bian)，提高游(you)(you)戲(xi)的(de)(de)娛樂性(xing)(xing)。人(ren)性(xing)(xing)化游(you)(you)戲(xi)界(jie)面設(she)計(ji)(ji)(ji)(ji)不(bu)(bu)僅要考(kao)慮(lv)到玩(wan)(wan)家(jia)大眾的(de)(de)心理(li)，使(shi)(shi)用習慣(guan)，使(shi)(shi)用環(huan)境等因素，還要更(geng)(geng)好的(de)(de)研究大眾的(de)(de)文化，審美等因素對(dui)游(you)(you)戲(xi)的(de)(de)影響。只(zhi)有達到平(ping)衡(heng)才能使(shi)(shi)玩(wan)(wan)家(jia)和游(you)(you)戲(xi)之間順暢(chang)而(er)自然地進行信息交(jiao)流(liu)

游戲界面交互設計同一般的(de)WEB設計有(you)所(suo)區別(bie)。游戲的(de)信息功(gong)能復雜，板塊較多(duo)，加上玩法(fa)和游戲特(te)定的(de)規(gui)范，在創新設計上需要設計師全方位(wei)的(de)考(kao)慮(lv)周全，有(you)舍(she)有(you)取。

二、人性化游戲界面設計原則

游(you)(you)(you)戲(xi)界(jie)面(mian)(mian)(mian)就像(xiang)是(shi)一個(ge)自(zi)助式(shi)的(de)(de)(de)產品(pin)，他和很多網絡產品(pin)一樣，沒有(you)像(xiang)真正產品(pin)一樣的(de)(de)(de)說明書，當新手引導結束(shu)后(hou)，用戶只能(neng)憑自(zi)己的(de)(de)(de)互(hu)聯網產品(pin)使用經(jing)驗(yan)操作那些(xie)命令。一個(ge)不好的(de)(de)(de)界(jie)面(mian)(mian)(mian)，會使游(you)(you)(you)戲(xi)玩家因為(wei)一個(ge)操作的(de)(de)(de)卡住最(zui)終(zhong)放棄游(you)(you)(you)戲(xi)，這(zhe)將造成巨大的(de)(de)(de)損失。游(you)(you)(you)戲(xi)界(jie)面(mian)(mian)(mian)承擔著玩家與游(you)(you)(you)戲(xi)之(zhi)間溝(gou)通(tong)的(de)(de)(de)媒介作用，直接(jie)和界(jie)面(mian)(mian)(mian)設(she)計(ji)相關(guan)的(de)(de)(de)除了美術部分就是(shi)交互(hu)設(she)計(ji)。交互(hu)設(she)計(ji)是(shi)關(guan)于(yu)行為(wei)，操作流程的(de)(de)(de)，和外觀相比，更(geng)難于(yu)觀察和理解。作為(wei)游(you)(you)(you)戲(xi)界(jie)面(mian)(mian)(mian)的(de)(de)(de)交互(hu)，保(bao)證玩家使用界(jie)面(mian)(mian)(mian)順(shun)利成功(gong)的(de)(de)(de)進行游(you)(you)(you)戲(xi)，界(jie)面(mian)(mian)(mian)設(she)計(ji)需要以為(wei)人本，并(bing)且必須遵循一些(xie)游(you)(you)(you)戲(xi)界(jie)面(mian)(mian)(mian)特定(ding)的(de)(de)(de)設(she)計(ji)原(yuan)則。

1.簡潔易用

Less is more的(de)(de)設(she)計思想不(bu)管(guan)設(she)計任何事(shi)物都(dou)有(you)很(hen)好(hao)的(de)(de)指(zhi)導意(yi)(yi)(yi)義。游(you)(you)戲(xi)的(de)(de)界(jie)面(mian)需要設(she)計師盡量(liang)做到(dao)精(jing)(jing)簡(jian)，以(yi)免太多的(de)(de)按(an)鈕(niu)和菜(cai)單(dan)出現(xian)在畫(hua)面(mian)上(shang)，并且過(guo)于(yu)華(hua)麗的(de)(de)修飾也(ye)會(hui)干(gan)擾到(dao)玩(wan)家(jia)的(de)(de)注意(yi)(yi)(yi)力(li)，很(hen)可能分散玩(wan)家(jia)的(de)(de)注意(yi)(yi)(yi)力(li)，是玩(wan)家(jia)不(bu)能集中精(jing)(jing)力(li)于(yu)游(you)(you)戲(xi)世界(jie)。操(cao)作界(jie)面(mian)應該(gai)盡量(liang)做到(dao)簡(jian)單(dan)明確，并且盡量(liang)少占用(yong)屏幕空間。而有(you)的(de)(de)游(you)(you)戲(xi)因為(wei)信息(xi)數(shu)(shu)據(ju)繁多，做到(dao)精(jing)(jing)簡(jian)的(de)(de)難度(du)很(hen)大。但是也(ye)有(you)設(she)計師挑戰了(le)這種矛盾。例如(ru)現(xian)在很(hen)多網(wang)頁游(you)(you)戲(xi)都(dou)將游(you)(you)戲(xi)構成(cheng)單(dan)元(yuan)(yuan)和主要場景結(jie)(jie)合(he)起來。例如(ru)圖(tu)一，將主要場景中的(de)(de)建筑和組成(cheng)這個游(you)(you)戲(xi)的(de)(de)各個玩(wan)法單(dan)元(yuan)(yuan)結(jie)(jie)合(he)起來。這樣不(bu)僅(jin)僅(jin)減少了(le)界(jie)面(mian)上(shang)菜(cai)單(dan)按(an)鈕(niu)的(de)(de)數(shu)(shu)量(liang)，也(ye)更(geng)好(hao)的(de)(de)將玩(wan)家(jia)吸引到(dao)游(you)(you)戲(xi)情(qing)境當中。不(bu)僅(jin)是玩(wan)家(jia)操(cao)作更(geng)順暢，減少記(ji)憶(yi)成(cheng)本，增加了(le)操(cao)作上(shang)的(de)(de)游(you)(you)戲(xi)樂趣。

圖二是《大將(jiang)軍》網(wang)頁游戲(xi)中的(de)(de)城外(wai)界(jie)面(mian)的(de)(de)國(guo)家查(cha)找(zhao)界(jie)面(mian)。設計者沒有用(yong)過多的(de)(de)裝飾，簡潔的(de)(de)操作界(jie)面(mian)一(yi)目了(le)(le)然(ran)，并且雖(sui)然(ran)是游戲(xi)，但是為了(le)(le)方便玩家尋找(zhao)國(guo)家承包(bao)，增加了(le)(le)搜(sou)索功(gong)能(neng)，將(jiang)互聯網(wang)其他產品的(de)(de)功(gong)能(neng)活用(yong)到游戲(xi)當中也是一(yi)個(ge)很巧妙的(de)(de)辦法(fa)。

2.遵循游戲習慣

上面講(jiang)到(dao)了(le)(le)將(jiang)互(hu)聯網(wang)其他的(de)(de)產(chan)品(pin)的(de)(de)一(yi)(yi)部(bu)分需(xu)求功能增加到(dao)游(you)戲(xi)當中，這樣的(de)(de)做法也需(xu)要度(du)。因為(wei)(wei)游(you)戲(xi)作為(wei)(wei)一(yi)(yi)個已(yi)經給玩(wan)家(jia)固(gu)定印(yin)象(xiang)的(de)(de)產(chan)品(pin)，有他的(de)(de)特征。網(wang)頁游(you)戲(xi)發展了(le)(le)許多年，玩(wan)家(jia)已(yi)經培養成了(le)(le)固(gu)定的(de)(de)使(shi)用習(xi)慣(guan)，因此不能隨(sui)意的(de)(de)改變這些習(xi)慣(guan)。例如圖三所示。

圖(tu)(tu)三(san)為(wei)網(wang)(wang)頁(ye)游(you)(you)戲《一代(dai)宗師》的(de)(de)英(ying)(ying)雄界(jie)面(mian)(mian)和(he)主城界(jie)面(mian)(mian)。主城界(jie)面(mian)(mian)可以看出和(he)其他的(de)(de)大(da)(da)部分(fen)網(wang)(wang)頁(ye)游(you)(you)戲沒有(you)太多的(de)(de)區(qu)別(bie)。左上(shang)角為(wei)英(ying)(ying)雄頭(tou)像，名稱，等級和(he)一些(xie)屬性(xing)。下(xia)方(fang)一條(tiao)則(ze)為(wei)工具欄。左右兩(liang)邊為(wei)信息欄和(he)任務欄。玩家已經經歷了(le)(le)(le)多個類似設(she)(she)(she)計的(de)(de)網(wang)(wang)頁(ye)游(you)(you)戲，已經培養起了(le)(le)(le)固定的(de)(de)使(shi)(shi)用(yong)(yong)(yong)習慣，因此這(zhe)樣的(de)(de)設(she)(she)(she)計不會使(shi)(shi)玩家在尋找操作方(fang)式上(shang)花費太多時間。英(ying)(ying)雄界(jie)面(mian)(mian)則(ze)改動很(hen)大(da)(da)。圖(tu)(tu)四(si)為(wei)一款網(wang)(wang)頁(ye)游(you)(you)戲的(de)(de)交互設(she)(she)(she)計原型圖(tu)(tu)。圖(tu)(tu)四(si)的(de)(de)設(she)(she)(she)計是大(da)(da)多數網(wang)(wang)頁(ye)游(you)(you)戲英(ying)(ying)雄面(mian)(mian)板的(de)(de)設(she)(she)(she)計方(fang)式。從左至右的(de)(de)方(fang)式選擇(ze)，符合用(yong)(yong)(yong)戶使(shi)(shi)用(yong)(yong)(yong)習慣。而圖(tu)(tu)三(san)則(ze)將英(ying)(ying)雄的(de)(de)選擇(ze)方(fang)式放到了(le)(le)(le)上(shang)方(fang)，將玩家關注的(de)(de)英(ying)(ying)雄裝備(bei)情況的(de)(de)區(qu)域縮(suo)小，放到了(le)(le)(le)界(jie)面(mian)(mian)的(de)(de)下(xia)方(fang)，這(zhe)樣做模糊了(le)(le)(le)主次關系，將本(ben)該(gai)強化注意(yi)的(de)(de)裝備(bei)情況削弱了(le)(le)(le)。不但視覺上(shang)不舒服，而且在操作上(shang)也(ye)加大(da)(da)了(le)(le)(le)玩家的(de)(de)學習成本(ben)，很(hen)容(rong)易造成游(you)(you)戲用(yong)(yong)(yong)戶的(de)(de)流(liu)失。

3.可擴充原則

網頁游戲和(he)一般的(de)(de)網絡產品不(bu)(bu)(bu)同(tong)的(de)(de)是，它會(hui)不(bu)(bu)(bu)斷(duan)地更新(xin)新(xin)的(de)(de)版本(ben)，增加新(xin)的(de)(de)功能，這樣才能適應不(bu)(bu)(bu)同(tong)玩家的(de)(de)不(bu)(bu)(bu)同(tong)需(xu)求，適應市場競(jing)爭。這樣也要(yao)求交互設計師(shi)再設計操作(zuo)界(jie)面的(de)(de)時候(hou)，要(yao)給(gei)以后的(de)(de)游戲功能開發流出一定的(de)(de)空(kong)間，所謂(wei)的(de)(de)動態擴展空(kong)間。聽起來(lai)很(hen)困難(nan)，但是在工(gong)作(zuo)中需(xu)要(yao)和(he)游戲策劃者多(duo)多(duo)溝通，及時得到(dao)最新(xin)信息。

篇4

 

想要建(jian)立一個成功的網站，首先就(jiu)(jiu)要貫徹(che)“以人為本”的原(yuan)則，在現(xian)今的設計(ji)(ji)過程中(zhong)能夠體(ti)現(xian)“以人為本”原(yuan)則的設計(ji)(ji)就(jiu)(jiu)屬用(yong)戶(hu)體(ti)驗(yan)設計(ji)(ji)了。科技論文。這(zhe)就(jiu)(jiu)不得不提(ti)到(dao)兩個名詞即用(yong)戶(hu)體(ti)驗(yan)和用(yong)戶(hu)界面概(gai)念的理解。

一、名詞概念

1.什么是(shi)用戶體(ti)驗

用(yong)戶(hu)體(ti)(ti)驗(yan)（user experience）簡稱UE，是指用(yong)戶(hu)在(zai)(zai)接受和使(shi)用(yong)一(yi)個產(chan)(chan)品(pin)（服務）的(de)(de)(de)過(guo)程(cheng)中(zhong)(zhong)建立起來的(de)(de)(de)心(xin)(xin)理感(gan)受。用(yong)戶(hu)體(ti)(ti)驗(yan)無處不在(zai)(zai)，在(zai)(zai)日常生活中(zhong)(zhong)人們所(suo)接觸(chu)到的(de)(de)(de)一(yi)切產(chan)(chan)品(pin)，例如，交通工具飛機、汽車、公交車、自行車，數碼產(chan)(chan)品(pin)電腦、手機、相機、mp3等(deng)，人們在(zai)(zai)使(shi)用(yong)的(de)(de)(de)過(guo)程(cheng)中(zhong)(zhong)都會產(chan)(chan)生純(chun)主觀(guan)的(de)(de)(de)心(xin)(xin)理感(gan)受。這些純(chun)主觀(guan)的(de)(de)(de)感(gan)受完全建立于用(yong)戶(hu)體(ti)(ti)驗(yan)產(chan)(chan)品(pin)的(de)(de)(de)過(guo)程(cheng)中(zhong)(zhong)，而產(chan)(chan)品(pin)的(de)(de)(de)好壞(huai)或虧盈就由這些體(ti)(ti)驗(yan)感(gan)受所(suo)決定(ding)，所(suo)以(yi)產(chan)(chan)品(pin)設計(ji)中(zhong)(zhong)的(de)(de)(de)以(yi)用(yong)戶(hu)為中(zhong)(zhong)心(xin)(xin)的(de)(de)(de)用(yong)戶(hu)體(ti)(ti)驗(yan)設計(ji)顯得至關(guan)重要(yao)。

2．什么叫做用(yong)戶界面

用(yong)戶(hu)界(jie)(jie)面(mian)(mian)（User Interface）簡稱UI，界(jie)(jie)面(mian)(mian)（Interface）是(shi)(shi)人機互(hu)動過程中(zhong)的(de)(de)一(yi)(yi)個(ge)層面(mian)(mian)；界(jie)(jie)面(mian)(mian)設計是(shi)(shi)一(yi)(yi)個(ge)復雜的(de)(de)有(you)不同(tong)學(xue)科參與的(de)(de)工(gong)程，認知心理學(xue)、設計學(xue)、語言學(xue)等在此都扮(ban)演(yan)著(zhu)重要的(de)(de)角色。比如，制作(zuo)一(yi)(yi)個(ge)公(gong)司(si)的(de)(de)網(wang)站時，不僅要兼顧(gu)用(yong)戶(hu)的(de)(de)便利，同(tong)時也(ye)要把這個(ge)公(gong)司(si)引(yin)人注目的(de)(de)地方(fang)一(yi)(yi)起展現出來。如果把一(yi)(yi)個(ge)網(wang)站比喻(yu)成一(yi)(yi)棟(dong)房(fang)子，那么用(yong)戶(hu)界(jie)(jie)面(mian)(mian)則是(shi)(shi)房(fang)子的(de)(de)門面(mian)(mian)和裝潢(huang)，只有(you)首先吸引(yin)用(yong)戶(hu)的(de)(de)眼球才能使(shi)用(yong)戶(hu)留在房(fang)子里去體驗(yan)生活。

二、用戶體驗設計的分類

在網站建設(she)過程中如果只了解到用戶(hu)(hu)(hu)體驗的(de)(de)(de)概(gai)念是(shi)不夠的(de)(de)(de)，設(she)計者們必須要理(li)論結(jie)合實踐。因為用戶(hu)(hu)(hu)體驗是(shi)一(yi)種用戶(hu)(hu)(hu)純主觀性的(de)(de)(de)心(xin)理(li)感受，設(she)計師(shi)們在很微小的(de)(de)(de)細(xi)節(jie)進(jin)(jin)行(xing)調(diao)(diao)整，或(huo)許就會得到用戶(hu)(hu)(hu)的(de)(de)(de)鐘愛。這些細(xi)節(jie)上的(de)(de)(de)精(jing)心(xin)設(she)計必須經過設(she)計師(shi)對于用戶(hu)(hu)(hu)自身的(de)(de)(de)調(diao)(diao)查與用戶(hu)(hu)(hu)反(fan)饋的(de)(de)(de)信息才能整出頭緒，進(jin)(jin)行(xing)整合設(she)計。那么通過調(diao)(diao)查與反(fan)饋用戶(hu)(hu)(hu)體驗的(de)(de)(de)設(she)計可以從以下幾個方(fang)面進(jin)(jin)行(xing)調(diao)(diao)整設(she)計。

1.感官體驗

想要(yao)(yao)在(zai)網(wang)頁(ye)中設計(ji)出(chu)好的(de)界面(mian)(mian)(mian)的(de)話，感官(guan)效果是必須考慮的(de)一(yi)個方面(mian)(mian)(mian)。要(yao)(yao)注意(yi)網(wang)頁(ye)的(de)界面(mian)(mian)(mian)應該(gai)(gai)要(yao)(yao)保持一(yi)貫性不能(neng)給用戶帶來混(hun)亂感；在(zai)使用方法方面(mian)(mian)(mian)，設計(ji)風格要(yao)(yao)符合(he)目(mu)(mu)標(biao)客戶的(de)審美習慣(guan)，并具有一(yi)定的(de)引(yin)導性。科(ke)技論文(wen)。界面(mian)(mian)(mian)的(de)構成不能(neng)太(tai)復雜；主(zhu)要(yao)(yao)內容應設計(ji)在(zai)引(yin)人注目(mu)(mu)的(de)地方。同(tong)時，頁(ye)面(mian)(mian)(mian)布局重點突出(chu)，主(zhu)次分明(ming)，圖文(wen)并茂。與企業的(de)營銷目(mu)(mu)標(biao)相結合(he)，將目(mu)(mu)標(biao)客戶最感興(xing)趣的(de)，最具有銷售(shou)力的(de)信息放置(zhi)在(zai)最重要(yao)(yao)的(de)位置(zhi)。在(zai)設計(ji)頁(ye)面(mian)(mian)(mian)色彩時應該(gai)(gai)與品牌整體形象相統一(yi)，主(zhu)色調和輔助色不超過三種顏色。以恰當的(de)色彩明(ming)度(du)和亮(liang)度(du)，確保瀏覽者(zhe)的(de)瀏覽舒適(shi)度(du)。

2.瀏覽體驗

瀏(liu)覽(lan)體(ti)驗顧名思義就是呈(cheng)現給用(yong)(yong)戶瀏(liu)覽(lan)上(shang)的(de)體(ti)驗，更強調的(de)是吸(xi)引性。在一個(ge)網(wang)(wang)站(zhan)中(zhong)一切內(nei)容(rong)和(he)服務(wu)都是從網(wang)(wang)站(zhan)的(de)導航(hang)延(yan)伸出去的(de)，所(suo)以導航(hang)應該要動(dong)感(gan)、簡(jian)潔、清晰，分類條理最關(guan)鍵。隨著現在網(wang)(wang)站(zhan)功能越漸(jian)強大，各類型網(wang)(wang)站(zhan)中(zhong)增加了(le)(le)越來越多的(de)視頻、動(dong)畫元素(su)，對網(wang)(wang)站(zhan)速度的(de)要求也(ye)越發苛刻(ke)。所(suo)以加快頁(ye)面(mian)的(de)瀏(liu)覽(lan)速度選擇(ze)一家穩定的(de)服務(wu)器托管商也(ye)至關(guan)重要。在網(wang)(wang)站(zhan)的(de)內(nei)容(rong)上(shang)設計者應該給用(yong)(yong)戶帶(dai)來舒適的(de)文字環(huan)境(jing)。如今，網(wang)(wang)站(zhan)博客(ke)(ke)撰寫(xie)已(yi)成(cheng)為了(le)(le)一個(ge)很大的(de)話題。我們需(xu)要用(yong)(yong)和(he)朋友對話的(de)方式來撰寫(xie)博客(ke)(ke)，讓(rang)用(yong)(yong)戶感(gan)覺到一種舒適溫馨的(de)氛圍(wei)。這樣用(yong)(yong)戶就會少(shao)一些局促感(gan)，即(ji)使他們遇到了(le)(le)使用(yong)(yong)上(shang)的(de)問(wen)題，也(ye)會心情(qing)愉悅的(de)在網(wang)(wang)站(zhan)幫(bang)助(zhu)中(zhong)尋找(zhao)解決(jue)的(de)辦法。

3. 信任體驗

4. 　互動體驗

它呈現給(gei)用(yong)戶操作(zuo)上的(de)(de)體驗(yan)，強調(diao)網(wang)(wang)(wang)站(zhan)(zhan)的(de)(de)易用(yong)性。網(wang)(wang)(wang)站(zhan)(zhan)與用(yong)戶必須有高度的(de)(de)互(hu)動(dong)(dong)(dong)性，網(wang)(wang)(wang)站(zhan)(zhan)不是(shi)一張死(si)板(ban)的(de)(de)宣傳(chuan)單，要讓(rang)瀏(liu)覽(lan)(lan)(lan)者通過(guo)網(wang)(wang)(wang)站(zhan)(zhan)進(jin)行(xing)各種互(hu)動(dong)(dong)(dong)行(xing)為(wei)，包(bao)括直接(jie)聯系企業客服中心；在線留言或(huo)咨詢；在線訂購(gou)(gou)物品(pin)；發(fa)表評論(lun)等，總之，要讓(rang)網(wang)(wang)(wang)站(zhan)(zhan)和(he)(he)(he)瀏(liu)覽(lan)(lan)(lan)者互(hu)動(dong)(dong)(dong)起(qi)來(lai)，通過(guo)網(wang)(wang)(wang)站(zhan)(zhan)把瀏(liu)覽(lan)(lan)(lan)者和(he)(he)(he)企業連(lian)接(jie)起(qi)來(lai)。能互(hu)動(dong)(dong)(dong)的(de)(de)地方(fang)越多(duo)，這個網(wang)(wang)(wang)站(zhan)(zhan)的(de)(de)價值就越大(da)。科(ke)技論(lun)文(wen)。因(yin)為(wei)只有和(he)(he)(he)瀏(liu)覽(lan)(lan)(lan)者產(chan)生(sheng)交(jiao)流(liu)并可幫助瀏(liu)覽(lan)(lan)(lan)者解決實際問(wen)(wen)題(ti)，比如可以回答他(ta)的(de)(de)提問(wen)(wen)或(huo)直接(jie)購(gou)(gou)買產(chan)品(pin)，對瀏(liu)覽(lan)(lan)(lan)者來(lai)說你的(de)(de)網(wang)(wang)(wang)站(zhan)(zhan)才是(shi)有生(sheng)命的(de)(de)，有價值的(de)(de)。

三、總結

網站的(de)(de)(de)(de)用(yong)戶(hu)體驗設計(ji)是是在互聯網時代開放、共享(xiang)、自(zi)由的(de)(de)(de)(de)氛圍中(zhong)的(de)(de)(de)(de)一種進(jin)化需要(yao)，并且它最終將成為無論是從需求(qiu)分(fen)析、到界面設計(ji)再到開發(fa)到運(yun)行維護至(zhi)關重要(yao)的(de)(de)(de)(de)一部分(fen)，因為我們隨時都需要(yao)將用(yong)戶(hu)置入服(fu)務(wu)的(de)(de)(de)(de)核心(xin)，用(yong)我們的(de)(de)(de)(de)愛來(lai)澆注(zhu)產品本(ben)身。

參考文獻：

[1] 戴力農.當代設計研究理念(nian)：用戶體驗超人性化(hua)設計方(fang)法(fa).上海交通大學出版社(she)，2009

[2] 崔武子，齊(qi)華(hua)山，于寧. 界(jie)面設計與(yu)Visual Basic.清華(hua)大學(xue)出(chu)版社，2004（7）

[3]（(美(mei)(mei)) Jason Beaird著(zhu) 熊平(ping), 宓媛珊譯. 完美(mei)(mei)網頁設計. 北京(jing):人(ren)民郵(you)電出版社，2008（7）

篇5

現(xian)今,網(wang)絡已經(jing)成(cheng)為現(xian)代社(she)會不可或缺(que)的(de)(de)(de)(de)(de)(de)(de)好幫手,人們從網(wang)絡中能夠獲(huo)得大量的(de)(de)(de)(de)(de)(de)(de)信息,其中網(wang)頁(ye)對(dui)(dui)于人們的(de)(de)(de)(de)(de)(de)(de)幫助是(shi)不容忽視的(de)(de)(de)(de)(de)(de)(de);如果說(shuo)(shuo)(shuo)網(wang)址(zhi)是(shi)互聯網(wang)最基本(ben)的(de)(de)(de)(de)(de)(de)(de)組(zu)(zu)成(cheng)部分(fen),那么網(wang)頁(ye)就是(shi)網(wang)址(zhi)最基本(ben)的(de)(de)(de)(de)(de)(de)(de)元素(su)(su)。他們是(shi)通過各(ge)種(zhong)鏈(lian)(lian)接相互關(guan)聯,從而(er)描述相關(guan)的(de)(de)(de)(de)(de)(de)(de)主題(ti)或實現(xian)相同的(de)(de)(de)(de)(de)(de)(de)目的(de)(de)(de)(de)(de)(de)(de)。網(wang)頁(ye)是(shi)由文(wen)本(ben)、圖象(xiang)(xiang)、Flas、聲(sheng)音、視頻、超級鏈(lian)(lian)接、表格、導航(hang)欄、交互式(shi)表單(dan)(dan)等(deng)基本(ben)元素(su)(su)構(gou)(gou)(gou)成(cheng),而(er)這(zhe)些元素(su)(su)從構(gou)(gou)(gou)成(cheng)形(xing)(xing)式(shi)上看就是(shi)簡單(dan)(dan)的(de)(de)(de)(de)(de)(de)(de)點(dian)、線、面等(deng)基本(ben)元素(su)(su)經(jing)過了藝術創(chuang)造(zao),變得更(geng)加的(de)(de)(de)(de)(de)(de)(de)有(you)質感(gan)；就拿文(wen)本(ben)來說(shuo)(shuo)(shuo),文(wen)本(ben)作為網(wang)頁(ye)中的(de)(de)(de)(de)(de)(de)(de)基本(ben)元素(su)(su)，與平面構(gou)(gou)(gou)成(cheng)中的(de)(de)(de)(de)(de)(de)(de)點(dian)元素(su)(su)有(you)著相同的(de)(de)(de)(de)(de)(de)(de)作用――點(dian)睛之(zhi)筆。再從構(gou)(gou)(gou)成(cheng)的(de)(de)(de)(de)(de)(de)(de)含義(yi)來說(shuo)(shuo)(shuo)，它(ta)首(shou)先是(shi)一種(zhong)造(zao)型的(de)(de)(de)(de)(de)(de)(de)概(gai)念(nian)。所謂構(gou)(gou)(gou)成(cheng)就是(shi)以數(shu)種(zhong)以上的(de)(de)(de)(de)(de)(de)(de)單(dan)(dan)元重新組(zu)(zu)合(he)成(cheng)為一個新的(de)(de)(de)(de)(de)(de)(de)單(dan)(dan)元。然而(er)構(gou)(gou)(gou)成(cheng)它(ta)更(geng)多的(de)(de)(de)(de)(de)(de)(de)是(shi)哲學(xue)和科(ke)(ke)學(xue)的(de)(de)(de)(de)(de)(de)(de)含義(yi):即“對(dui)(dui)象(xiang)(xiang)世界諸(zhu)要素(su)(su)的(de)(de)(de)(de)(de)(de)(de)分(fen)解與組(zu)(zu)合(he),使(shi)新的(de)(de)(de)(de)(de)(de)(de)功能顯現(xian)。”構(gou)(gou)(gou)成(cheng)是(shi)創(chuang)造(zao)形(xing)(xing)態的(de)(de)(de)(de)(de)(de)(de)方法(fa),研究(jiu)如何創(chuang)造(zao)形(xing)(xing)象(xiang)(xiang),形(xing)(xing)與形(xing)(xing)之(zhi)間怎樣組(zu)(zu)合(he),以及形(xing)(xing)象(xiang)(xiang)排列的(de)(de)(de)(de)(de)(de)(de)方法(fa),可以說(shuo)(shuo)(shuo)是(shi)一種(zhong)研究(jiu)形(xing)(xing)象(xiang)(xiang)構(gou)(gou)(gou)成(cheng)的(de)(de)(de)(de)(de)(de)(de)科(ke)(ke)學(xue)。

一(yi)、平(ping)面構成的發展及(ji)其基本特點(dian)對于網(wang)頁設計而(er)言所(suo)代(dai)表(biao)的意義

平(ping)面(mian)構(gou)成是(shi)(shi)設計(ji)(ji)中最基(ji)本的(de)(de)(de)訓(xun)練(lian),是(shi)(shi)在平(ping)面(mian)上按(an)一(yi)(yi)定的(de)(de)(de)原(yuan)理(li)設計(ji)(ji)、策劃多(duo)種(zhong)視覺(jue)(jue)形式(shi)(shi)(shi)。我們(men)學(xue)習構(gou)成不(bu)(bu)是(shi)(shi)目的(de)(de)(de),而是(shi)(shi)形成目的(de)(de)(de)的(de)(de)(de)手段,是(shi)(shi)一(yi)(yi)種(zhong)思(si)維方(fang)式(shi)(shi)(shi)的(de)(de)(de)訓(xun)練(lian)、分(fen)析(xi)和(he)(he)實驗,最后通(tong)過這種(zhong)思(si)維方(fang)式(shi)(shi)(shi)的(de)(de)(de)開(kai)發(fa)(fa),培(pei)養一(yi)(yi)種(zhong)創(chuang)(chuang)(chuang)(chuang)造(zao)觀(guan)念(nian),使我們(men)有更多(duo)的(de)(de)(de)想象力和(he)(he)創(chuang)(chuang)(chuang)(chuang)造(zao)性(xing),開(kai)拓設計(ji)(ji)思(si)路(lu)。那么(me),對于平(ping)面(mian)構(gou)成的(de)(de)(de)發(fa)(fa)展,就要從(cong)(cong)包豪斯及其(qi)風格(ge)(ge)對現代設計(ji)(ji)的(de)(de)(de)影響開(kai)始說,1919年,格(ge)(ge)羅佩斯在德國(guo)創(chuang)(chuang)(chuang)(chuang)辦了一(yi)(yi)所名(ming)叫包豪斯的(de)(de)(de)設計(ji)(ji)學(xue)府,是(shi)(shi)需(xu)要具(ju)備充分(fen)的(de)(de)(de)能(neng)力,運(yun)用所有科學(xue)、技術(shu)、知識和(he)(he)美學(xue)的(de)(de)(de)資源,創(chuang)(chuang)(chuang)(chuang)造(zao)一(yi)(yi)個(ge)能(neng)滿足(zu)人類精神(shen)與物質雙重需(xu)要的(de)(de)(de)新環境(jing),以(yi)“提倡藝術(shu)與技術(shu)的(de)(de)(de)統(tong)一(yi)(yi)”作為(wei)教(jiao)學(xue)理(li)念(nian)。平(ping)面(mian)構(gou)成從(cong)(cong)包豪斯的(de)(de)(de)教(jiao)學(xue)理(li)念(nian)中衍生而來(lai),他不(bu)(bu)是(shi)(shi)以(yi)表現具(ju)體的(de)(de)(de)物象為(wei)特(te)征,但(dan)是(shi)(shi)它反映了自(zi)(zi)然現象運(yun)動變化(hua)的(de)(de)(de)規律性(xing)。可以(yi)從(cong)(cong)兩個(ge)方(fang)面(mian)來(lai)談它的(de)(de)(de)基(ji)本特(te)點:第一(yi)(yi)是(shi)(shi)它以(yi)直(zhi)覺(jue)(jue)為(wei)基(ji)礎(chu);用最簡單的(de)(de)(de)點、線、面(mian)進行分(fen)解(jie)、組合、變化(hua),反映出客觀(guan)現實所具(ju)有的(de)(de)(de)運(yun)動規律。第二是(shi)(shi)它是(shi)(shi)一(yi)(yi)種(zhong)高度強調理(li)性(xing)活(huo)動的(de)(de)(de)、自(zi)(zi)覺(jue)(jue)的(de)(de)(de)、有意識的(de)(de)(de)再(zai)創(chuang)(chuang)(chuang)(chuang)造(zao)過程。

二、平(ping)面構(gou)(gou)成(cheng)(cheng)的形態要素在網(wang)頁中所(suo)起的作用。點(dian)、線、面是平(ping)面構(gou)(gou)成(cheng)(cheng)中的三個形態要素

（一）點表示位置,它既無(wu)(wu)長度,也無(wu)(wu)寬度,是最小(xiao)的單(dan)位

它在平面構成(cheng)中(zhong)的(de)(de)(de)概(gai)念只是(shi)(shi)(shi)一(yi)(yi)個相(xiang)對概(gai)念,為什么這(zhe)么說(shuo)呢?因(yin)為它是(shi)(shi)(shi)在比較(jiao)(jiao)中(zhong)而(er)存在，通過比較(jiao)(jiao)而(er)顯現;這(zhe)樣說(shuo)吧,同(tong)一(yi)(yi)個圓(yuan)(yuan)(yuan),在小的(de)(de)(de)框架(jia)里圓(yuan)(yuan)(yuan)顯得(de)很大(da),在大(da)的(de)(de)(de)框架(jia)里圓(yuan)(yuan)(yuan)則顯得(de)很小,這(zhe)就是(shi)(shi)(shi)點(dian)的(de)(de)(de)相(xiang)對概(gai)念。很多(duo)人都認為點(dian)是(shi)(shi)(shi)小的(de)(de)(de),而(er)且(qie)還(huan)是(shi)(shi)(shi)圓(yuan)(yuan)(yuan),實際上這(zhe)種認知是(shi)(shi)(shi)錯誤的(de)(de)(de),自然界(jie)中(zhong)的(de)(de)(de)任(ren)何(he)形態,只要縮小到了一(yi)(yi)定的(de)(de)(de)程度,就能夠產生(sheng)不同(tong)的(de)(de)(de)點(dian),點(dian)是(shi)(shi)(shi)視覺中(zhong)心,所以說(shuo),在網頁中(zhong)的(de)(de)(de)每個字都可以看(kan)作是(shi)(shi)(shi)點(dian),由字排列出的(de)(de)(de)文本就形成(cheng)了構成(cheng)中(zhong)所說(shuo)的(de)(de)(de)線(xian)及(ji)面了。

（二）線是(shi)點移動的軌(gui)跡(ji)

從平面構成來講,線(xian)是(shi)可以看(kan)的(de)到(dao)的(de),它既有長(chang)度(du)(du),也有一定的(de)寬(kuan)度(du)(du)和厚度(du)(du),在設計(ji)(ji)中是(shi)不(bu)可缺少的(de)元素。只要提(ti)到(dao)線(xian),大家直(zhi)(zhi)接就能(neng)夠說(shuo)出(chu)線(xian)的(de)分(fen)類,既直(zhi)(zhi)線(xian)和曲(qu)線(xian)。而直(zhi)(zhi)線(xian)和曲(qu)線(xian)對于人(ren)(ren)們(men)來說(shuo)，是(shi)有很強的(de)心理暗示作用,看(kan)到(dao)直(zhi)(zhi)線(xian),人(ren)(ren)們(men)就會(hui)想到(dao)靜;看(kan)到(dao)曲(qu)線(xian),大家又能(neng)聯想到(dao)動;直(zhi)(zhi)線(xian)具有男(nan)性的(de)特(te)點,而曲(qu)線(xian)具有女性的(de)特(te)征;在很多網頁(ye)頁(ye)面設計(ji)(ji)上都運用到(dao)了線(xian)的(de)特(te)性。

（三(san)）面是線的(de)連續移(yi)動至終(zhong)結(jie)而形成的(de)

面是(shi)有(you)長度、寬度的(de),只是(shi)沒有(you)厚(hou)度而已。比如(ru)說(shuo)直(zhi)線(xian)平行移(yi)動(dong)形(xing)成(cheng)長方(fang)形(xing);直(zhi)線(xian)旋轉則移(yi)動(dong)而成(cheng)圓形(xing);自(zi)由弧(hu)形(xing)移(yi)動(dong)就會構成(cheng)有(you)機形(xing);如(ru)果直(zhi)線(xian)和弧(hu)線(xian)結合就形(xing)成(cheng)了(le)不(bu)規則的(de)形(xing)。在網(wang)頁設(she)(she)計(ji)中出(chu)現的(de)圖像、動(dong)畫、交互式表單等(deng)都是(shi)由不(bu)同的(de)點、線(xian)連續移(yi)動(dong)形(xing)成(cheng)的(de)面,給網(wang)頁一個完美的(de)效(xiao)果。像那些企業(ye)網(wang)站、購物網(wang)站、音樂網(wang)站以及游(you)戲(xi)網(wang)站等(deng),他們的(de)網(wang)頁界面設(she)(she)計(ji)不(bu)僅(jin)有(you)豐富的(de)色彩吸引大(da)眾,還有(you)不(bu)同設(she)(she)計(ji)風格的(de)構成(cheng)形(xing)式更讓大(da)家流連忘返。

三、平(ping)面構成形式在網頁中的具體運用

平面構成設(she)(she)計是(shi)有組織(zhi)的、有秩序(xu)地進行排列、組合、分解,因此(ci)它(ta)也是(shi)必須遵循一種原則和(he)設(she)(she)計形式(shi)(shi)。平面構成中的形式(shi)(shi)大(da)量被運用到網頁界面中。

（一）重復(fu)構(gou)成在(zai)網(wang)頁中(zhong)的(de)藝術魅力

重復在(zai)構成中的(de)(de)(de)(de)(de)概念被人們理(li)解為”相(xiang)同或(huo)相(xiang)近的(de)(de)(de)(de)(de)形態連續地(di)、有(you)規律地(di)反復出(chu)(chu)現(xian)”或(huo)者(zhe)是”把視(shi)覺(jue)形象秩序化(hua)、整(zheng)齊化(hua),在(zai)圖形中可以呈(cheng)現(xian)出(chu)(chu)和(he)諧(xie)統一富有(you)整(zheng)體感的(de)(de)(de)(de)(de)視(shi)覺(jue)效果”。其(qi)實就(jiu)象復印機復印東西一樣,就(jiu)是我們所理(li)解的(de)(de)(de)(de)(de)重復。在(zai)網(wang)(wang)頁(ye)界(jie)面中,重復其(qi)實是被運(yun)用的(de)(de)(de)(de)(de)最多(duo)的(de)(de)(de)(de)(de)一種形式,比如說像購(gou)(gou)物網(wang)(wang)站中的(de)(de)(de)(de)(de)購(gou)(gou)物、收藏等按(an)鈕(niu),就(jiu)是運(yun)用了(le)重復,在(zai)購(gou)(gou)物網(wang)(wang)站中,不(bu)可能只有(you)一種物品(pin),如果要向廣大消費者(zhe)推銷(xiao)更(geng)多(duo)商品(pin),那么(me)在(zai)網(wang)(wang)頁(ye)中出(chu)(chu)現(xian)”購(gou)(gou)買(mai)”和(he)”收藏”按(an)鈕(niu),就(jiu)要設計更(geng)多(duo),讓大眾(zhong)有(you)更(geng)多(duo)的(de)(de)(de)(de)(de)選擇機會(hui),才能提升該網(wang)(wang)頁(ye)的(de)(de)(de)(de)(de)點擊率。

（二）對比(bi)構成在網頁中的表現(xian)對瀏覽(lan)者(zhe)的心理帶來的影響

對(dui)(dui)(dui)比(bi)(bi)是(shi)(shi)一(yi)(yi)(yi)種(zhong)很自(zi)(zi)由的(de)(de)(de)(de)構(gou)(gou)成形(xing)(xing)式,它并不(bu)(bu)是(shi)(shi)以(yi)構(gou)(gou)成中(zhong)(zhong)的(de)(de)(de)(de)骨骼(ge)線為限(xian)制,而(er)是(shi)(shi)依據形(xing)(xing)態自(zi)(zi)己本身的(de)(de)(de)(de)大(da)小、疏(shu)密(mi)、虛實、現隱及(ji)形(xing)(xing)狀(zhuang)、色(se)彩(cai)和(he)肌理(li)等方面(mian)的(de)(de)(de)(de)對(dui)(dui)(dui)比(bi)(bi)而(er)構(gou)(gou)成的(de)(de)(de)(de)。如果說(shuo)協調(diao)求(qiu)的(de)(de)(de)(de)是(shi)(shi)近似(si)的(de)(de)(de)(de)話,那么對(dui)(dui)(dui)比(bi)(bi)則求(qiu)的(de)(de)(de)(de)就(jiu)是(shi)(shi)差異。在(zai)(zai)自(zi)(zi)然界(jie)(jie)(jie)中(zhong)(zhong),白天與黑(hei)夜、骯臟與干凈(jing)、溫(wen)暖與寒冷(leng)都是(shi)(shi)對(dui)(dui)(dui)立的(de)(de)(de)(de)結合,當(dang)圖(tu)(tu)形(xing)(xing)處于(yu)一(yi)(yi)(yi)種(zhong)相(xiang)異的(de)(de)(de)(de)狀(zhuang)況時,就(jiu)會(hui)發生對(dui)(dui)(dui)比(bi)(bi),像大(da)小、長短(duan)、黑(hei)白等就(jiu)是(shi)(shi)明顯的(de)(de)(de)(de)對(dui)(dui)(dui)比(bi)(bi)。在(zai)(zai)有的(de)(de)(de)(de)被文(wen)本占去大(da)面(mian)積的(de)(de)(de)(de)網(wang)(wang)(wang)頁(ye)(ye)界(jie)(jie)(jie)面(mian)中(zhong)(zhong)，為什么會(hui)出(chu)現圖(tu)(tu)片、flas,甚至(zhi)還會(hui)出(chu)現漂(piao)浮圖(tu)(tu)片,除了豐富界(jie)(jie)(jie)面(mian)以(yi)外(wai),還有一(yi)(yi)(yi)種(zhong)影(ying)響瀏覽(lan)(lan)(lan)者心(xin)理(li)的(de)(de)(de)(de)作(zuo)用(yong),其實網(wang)(wang)(wang)頁(ye)(ye)界(jie)(jie)(jie)面(mian)中(zhong)(zhong)的(de)(de)(de)(de)文(wen)本與圖(tu)(tu)片、動畫、漂(piao)浮圖(tu)(tu)片形(xing)(xing)成一(yi)(yi)(yi)種(zhong)對(dui)(dui)(dui)比(bi)(bi),這和(he)瀏覽(lan)(lan)(lan)者心(xin)理(li)有關(guan)系嗎?當(dang)然,而(er)且關(guan)聯很大(da),如果在(zai)(zai)一(yi)(yi)(yi)個(ge)網(wang)(wang)(wang)頁(ye)(ye)界(jie)(jie)(jie)面(mian)中(zhong)(zhong),只(zhi)有文(wen)本的(de)(de)(de)(de)話,那么這樣的(de)(de)(de)(de)網(wang)(wang)(wang)頁(ye)(ye)會(hui)給人一(yi)(yi)(yi)種(zhong)什么感覺(jue)呢?乏(fa)味、枯燥、單調(diao),而(er)瀏覽(lan)(lan)(lan)的(de)(de)(de)(de)人可謂是(shi)(shi)寥寥無幾,加上圖(tu)(tu)片、動畫,甚至(zhi)時不(bu)(bu)時的(de)(de)(de)(de)冒出(chu)漂(piao)浮圖(tu)(tu)片,不(bu)(bu)僅(jin)僅(jin)讓(rang)網(wang)(wang)(wang)頁(ye)(ye)界(jie)(jie)(jie)面(mian)內容顯得(de)豐富多彩(cai),更讓(rang)大(da)眾對(dui)(dui)(dui)網(wang)(wang)(wang)頁(ye)(ye)的(de)(de)(de)(de)內容產生濃厚的(de)(de)(de)(de)興趣。萬事萬物除了遵循他們本應該遵循的(de)(de)(de)(de)規則外(wai),偶爾的(de)(de)(de)(de)對(dui)(dui)(dui)立也能起到一(yi)(yi)(yi)定的(de)(de)(de)(de)催化劑,就(jiu)如對(dui)(dui)(dui)比(bi)(bi)構(gou)(gou)成在(zai)(zai)網(wang)(wang)(wang)頁(ye)(ye)中(zhong)(zhong)給大(da)眾心(xin)理(li)所帶來的(de)(de)(de)(de)影(ying)響作(zuo)用(yong)。

四、結束語

因為有了(le)網(wang)(wang)絡(luo),讓(rang)人(ren)類(lei)能(neng)夠(gou)更加(jia)(jia)方便、快捷地查詢信息;因為有了(le)網(wang)(wang)站,讓(rang)人(ren)類(lei)能(neng)夠(gou)更加(jia)(jia)懂得如(ru)何去獲(huo)取(qu)新(xin)的(de)信息;因為有了(le)網(wang)(wang)頁(ye),讓(rang)人(ren)類(lei)能(neng)夠(gou)及時獲(huo)得最新(xin)信息。網(wang)(wang)頁(ye)界(jie)面設計的(de)美(mei)觀、新(xin)穎、時尚,讓(rang)大(da)眾(zhong)更愿(yuan)意了(le)解(jie)網(wang)(wang)頁(ye)!如(ru)今,網(wang)(wang)頁(ye)已(yi)經(jing)成為廣大(da)消費者生(sheng)活中不可或缺的(de)一(yi)部分(fen),網(wang)(wang)頁(ye)能(neng)夠(gou)為人(ren)們注入更多的(de)新(xin)鮮血液。

參考文獻：

篇6

[1]周峰，王征.FLASHACTIONSCRIPT3.0網絡(luo)動畫編程(cheng)基礎與實(shi)踐教程(cheng)[M].北京：電(dian)子工(gong)業出版社(she)，2008

[2]林紀(ji)河(he)，祁玉芹.FLASHCS4網絡(luo)動畫制作簡明教(jiao)程[M].北(bei)京：電(dian)子工(gong)業出版(ban)社，2009

[3]童罕，吳(wu)慶(qing)波，等(deng).一(yi)種動(dong)態(tai)網頁加速技術中的機制(zhi)探討[J].微(wei)計算(suan)機信息，2009(27)

[4]崔俊杰(jie).動態(tai)網頁(ye)技術(shu)淺(qian)析(xi)[J].長沙(sha)民政職業技術(shu)學院學報，2006，13(13)

[5]李志勇，徐長通.基于ASP的WEB數據庫(ku)智能查詢(xun)[J].河南師(shi)范(fan)大學學報，2010，38(1)

參考文獻：

[1]雷(lei)蕓蕓.網頁設計(ji)中Flash動畫(hua)的視覺應用(yong)[J].新媒體研究，2016（3）.

[2]曹芳，李培(pei)培(pei).《FLASH動畫制作(zuo)》課程教學改革(ge)的探(tan)索與研究[J].科技視界，2016（2）.

[3]周秀芳.Flash動畫制作課程建設(she)方案探究——以(yi)高職計(ji)算機應用專業為例(li)[J].當代職業教育，2015（12）.

[4]李怡宏，楊(yang)薇.從“案(an)例模仿”到“設計創作”的《Flash動(dong)畫設計》課程教學[J].信息與(yu)電(dian)腦（理論版(ban)），2015（24）.

[5]王德敏.微課(ke)程的開發應(ying)用[J].中國校外教育，2013，（6）.

[6]陳(chen)舒心.論“微課”在中(zhong)職(zhi)計(ji)算機專業(ye)課程(cheng)中(zhong)應用的可行性(xing)[J].廣東(dong)教育（職(zhi)教版），2015，（3）.

[7]胡鐵生.微(wei)課(ke)的(de)內涵理解與教學設計(ji)方法[J].廣東(dong)教育：綜(zong)合(he)版(ban)，2014，（4）.

參考文獻：

[1]李建華.網(wang)頁設(she)計的意義與現狀[J].太原城市職業技術學院學報(bao)，2014（08）.

[2]于(yu)紅(hong)波.淺議Flash技術在網站建設中的(de)應(ying)用[J].山東紡織經濟，2011（12）.

[3]高華，黃劍(jian)鋒.Flash技(ji)術(shu)在網站設(she)計中的應(ying)用與研究[J].才智，2012（28）.

[4]劉強.FlashCS3網站建設實例詳(xiang)解[M].北京(jing)：電子工業出(chu)版社，2008.

參考文獻

[1]范(fan)朋.基于Qt的嵌入式Linux系(xi)統GUI的研究(jiu)與實現[D].北(bei)京：北(bei)京郵(you)電大學，2011.

[2]新(xin)視角文化行.FlashCS6動畫制作實戰(zhan)從入門(men)到精通(tong)[M].北京：人民(min)郵電出版(ban)社，2013.

[3]佚名.MFC與Flash聯合界面開(kai)發(fa)技(ji)術[EB/OL].[2012？06？07].http：//kuantianxia.blog.51cto.com/1041305/891521.

篇7

現國家正加強中(zhong)職學(xue)校精(jing)品課(ke)程(cheng)建設，精(jing)品課(ke)程(cheng)建設工程(cheng)的(de)(de)(de)目標(biao)是(shi)實現全國優質(zhi)教學(xue)資源的(de)(de)(de)共享，要(yao)求精(jing)品課(ke)程(cheng)的(de)(de)(de)相關內(nei)容全部通過(guo)網(wang)站的(de)(de)(de)方式對(dui)外開放。因此，精(jing)品課(ke)程(cheng)網(wang)站建設是(shi)精(jing)品課(ke)程(cheng)建設中(zhong)的(de)(de)(de)一個(ge)重(zhong)要(yao)環(huan)節(jie)。

目前很多資料或(huo)論文(wen)在涉及精(jing)品課程網站(zhan)(zhan)(zhan)(zhan)制(zhi)作(zuo)(zuo)時，都以(yi)站(zhan)(zhan)(zhan)(zhan)在網站(zhan)(zhan)(zhan)(zhan)的(de)技(ji)術開(kai)發角度進行論述，這些專(zhuan)(zhuan)業知識對于(yu)非(fei)計(ji)算機(ji)專(zhuan)(zhuan)業人員(yuan)是較難(nan)透徹理解網站(zhan)(zhan)(zhan)(zhan)的(de)開(kai)發過程。而且(qie)精(jing)品課程網站(zhan)(zhan)(zhan)(zhan)作(zuo)(zuo)為一個共(gong)享平(ping)臺(tai)，還要(yao)(yao)把(ba)課程的(de)資源放(fang)到平(ping)臺(tai)上，涉及到平(ping)臺(tai)的(de)建設、各個資源內容制(zhi)作(zuo)(zuo)和整合(he)(he)等工作(zuo)(zuo)，更(geng)是需(xu)要(yao)(yao)團隊合(he)(he)作(zuo)(zuo)。一個完(wan)整的(de)網站(zhan)(zhan)(zhan)(zhan)開(kai)發不像其它項目或(huo)者任(ren)務(wu)可以(yi)單(dan)獨完(wan)成(cheng)，是需(xu)要(yao)(yao)一個團隊多個人分工合(he)(he)作(zuo)(zuo)完(wan)成(cheng)。

一、網站項目開(kai)發(fa)團隊，包括以下(xia)的角色和職(zhi)責(ze)：

（一）網站項目經理

職責：1.項目(mu)執行監(jian)理2.質量監(jian)督(du)員(yuan)

網站項(xiang)目經(jing)理負(fu)責與(yu)用(yong)戶進行溝通，了(le)解用(yong)戶開發網站的思(si)想、用(yong)途和(he)要求。并(bing)創建和(he)維護項(xiang)目的規(gui)劃(hua)和(he)戰(zhan)略文件，預算表，項(xiang)目進度和(he)甘特圖表，會議記錄(lu)，費用(yong)記錄(lu)和(he)團隊其他詳細工作(zuo)的項(xiang)目文檔。并(bing)協調、溝通網站各(ge)項(xiang)目小(xiao)組的日常工作(zuo)。

（二）藝術總監

職責：1.網頁界面設(she)計師2.交(jiao)互式設(she)計師

（FLASH，JavaScript，Ajax）3.媒體(ti)專家（攝(she)影，插(cha)(cha)圖，視(shi)(shi)頻，音效）。藝術總(zong)監(jian)的主要(yao)職責是(shi)設計網(wang)站的整體(ti)外觀和感覺。把(ba)網(wang)站排版、用戶界面(mian)設計、顏色標準(zhun)、頁面(mian)布(bu)局細(xi)節、圖片要(yao)求、攝(she)影、插(cha)(cha)畫、網(wang)站的視(shi)(shi)聽媒體(ti)等元素匯聚并形成一個整體(ti)。

（三）網(wang)站技術主管

職責：1.網(wang)(wang)頁程(cheng)序(xu)設(she)計(ji)師(shi)（.net，Java，PHP/Perl，Ruby）2.網(wang)(wang)頁工(gong)程(cheng)師(shi)（XHTML，CSS，JavaScript，Ajax）3.數據庫管(guan)(guan)理員(yuan)4.網(wang)(wang)站管(guan)(guan)理員(yuan)網(wang)(wang)站技術(shu)主管(guan)(guan)必(bi)須(xu)掌(zhang)握(wo)有網(wang)(wang)站的環境、開發語言和(he)開發站點框架、選擇(ze)網(wang)(wang)絡數據庫等(deng)廣泛的網(wang)(wang)絡技術(shu)。他應該在技術(shu)人員(yuan)、創意(yi)人員(yuan)和(he)項目團隊各主管(guan)(guan)中(zhong)充當一個橋梁或(huo)者翻(fan)譯工(gong)作

（四）網站制作(zuo)主管

在(zai)設計早(zao)期階段，網(wang)(wang)(wang)(wang)站(zhan)制(zhi)作主管主要(yao)負(fu)責把(ba)原(yuan)始(shi)的(de)(de)網(wang)(wang)(wang)(wang)站(zhan)模(mo)型、界面(mian)和藍圖轉化(hua)成HTML頁面(mian)。一(yi)旦(dan)網(wang)(wang)(wang)(wang)站(zhan)規(gui)劃及(ji)設計完成并且信息架構也規(gui)劃好之(zhi)后，網(wang)(wang)(wang)(wang)站(zhan)制(zhi)作主管的(de)(de)主要(yao)工作就(jiu)是制(zhi)作站(zhan)點頁面(mian)，當然他可以直接用(yong)html編寫(xie)，或者使用(yong)網(wang)(wang)(wang)(wang)站(zhan)內(nei)容管理(li)系統（CMS），也可以用(yong)一(yi)些站(zhan)點開發軟件，例如(ru)Adobe Dreamweaver。

（五）網站信息架構師

網(wang)站(zhan)(zhan)(zhan)信息架構(gou)(gou)師(shi)主(zhu)要負責(ze)網(wang)站(zhan)(zhan)(zhan)的(de)(de)結(jie)構(gou)(gou)和(he)(he)內(nei)(nei)容(rong)進行組織和(he)(he)分類(lei)。在整個項目的(de)(de)設計(ji)和(he)(he)規劃早(zao)期階段，信息架構(gou)(gou)師(shi)是最活躍的(de)(de)。他要制定整個網(wang)站(zhan)(zhan)(zhan)的(de)(de)內(nei)(nei)容(rong)結(jie)構(gou)(gou)，網(wang)站(zhan)(zhan)(zhan)的(de)(de)框架結(jie)構(gou)(gou)，向客戶(hu)和(he)(he)網(wang)站(zhan)(zhan)(zhan)開發團(tuan)隊介紹網(wang)站(zhan)(zhan)(zhan)的(de)(de)整體規劃。信息架構(gou)(gou)師(shi)也要與網(wang)站(zhan)(zhan)(zhan)設計(ji)師(shi)緊密(mi)合作(zuo)，制作(zuo)用于顯示網(wang)站(zhan)(zhan)(zhan)各個頁面(mian)(mian)的(de)(de)名稱、導航和(he)(he)頁面(mian)(mian)內(nei)(nei)容(rong)的(de)(de)網(wang)站(zhan)(zhan)(zhan)藍圖。

1.文(wen)字(zi)撰稿人(ren)2.站(zhan)(zhan)(zhan)點內容專家（內容協調，制作）。網站(zhan)(zhan)(zhan)編輯(ji)負(fu)責(ze)整(zheng)個(ge)(ge)網站(zhan)(zhan)(zhan)的(de)(de)文(wen)字(zi)內容和編輯(ji)質量。他或她創(chuang)建(jian)的(de)(de)網站(zhan)(zhan)(zhan)編輯(ji)的(de)(de)基調，確定文(wen)字(zi)風格，并與客戶和相(xiang)關(guan)內容的(de)(de)專家收集、整(zheng)理。以(yi)上就是網站(zhan)(zhan)(zhan)開發時所需要的(de)(de)六個(ge)(ge)基本(ben)角(jiao)色(se)及其職(zhi)責(ze)，每個(ge)(ge)角(jiao)色(se)都(dou)有(you)(you)負(fu)責(ze)的(de)(de)方面(mian)(mian)。當然其中有(you)(you)可能一(yi)個(ge)(ge)人(ren)員充當幾個(ge)(ge)角(jiao)色(se)，也有(you)(you)可能一(yi)個(ge)(ge)角(jiao)色(se)里面(mian)(mian)要幾個(ge)(ge)人(ren)員組成(cheng)。

二、網站(zhan)項(xiang)目開發過程及團隊各角色(se)相互合作關系

從圖1-1我們(men)可以把(ba)網站作(zuo)(zuo)為(wei)(wei)一個完(wan)整的項目，可以分為(wei)(wei)“規劃”和“站點制(zhi)作(zuo)(zuo)”兩(liang)個主要(yao)階段(duan)。

（一）規劃階段

這個(ge)階段里要(yao)(yao)(yao)進(jin)(jin)行(xing)(xing)的(de)(de)工作就(jiu)是用(yong)(yong)(yong)戶(hu)(hu)調查與(yu)(yu)(yu)網(wang)(wang)(wang)(wang)站(zhan)(zhan)規(gui)劃。網(wang)(wang)(wang)(wang)站(zhan)(zhan)項目經(jing)理要(yao)(yao)(yao)與(yu)(yu)(yu)用(yong)(yong)(yong)戶(hu)(hu)進(jin)(jin)行(xing)(xing)接觸，全面(mian)(mian)了解用(yong)(yong)(yong)戶(hu)(hu)的(de)(de)需求，包括(kuo)網(wang)(wang)(wang)(wang)站(zhan)(zhan)的(de)(de)用(yong)(yong)(yong)途和要(yao)(yao)(yao)實現(xian)的(de)(de)功(gong)能(neng)。用(yong)(yong)(yong)戶(hu)(hu)也(ye)在(zai)這個(ge)階段明確(que)要(yao)(yao)(yao)網(wang)(wang)(wang)(wang)站(zhan)(zhan)能(neng)實現(xian)的(de)(de)功(gong)能(neng)模塊和需要(yao)(yao)(yao)提供(gong)的(de)(de)材(cai)料。充(chong)分了解用(yong)(yong)(yong)戶(hu)(hu)需求后，藝術總監和網(wang)(wang)(wang)(wang)站(zhan)(zhan)信(xin)(xin)息(xi)架構師就(jiu)要(yao)(yao)(yao)基于用(yong)(yong)(yong)戶(hu)(hu)的(de)(de)要(yao)(yao)(yao)求、網(wang)(wang)(wang)(wang)站(zhan)(zhan)的(de)(de)用(yong)(yong)(yong)途和網(wang)(wang)(wang)(wang)站(zhan)(zhan)訪問(wen)者(zhe)等(deng)各方面(mian)(mian)的(de)(de)考慮，使(shi)用(yong)(yong)(yong)PhotoShop或(huo)其它(ta)工具繪制出網(wang)(wang)(wang)(wang)站(zhan)(zhan)首頁、二級頁面(mian)(mian)的(de)(de)圖(tu)形界面(mian)(mian)。與(yu)(yu)(yu)用(yong)(yong)(yong)戶(hu)(hu)確(que)定好界面(mian)(mian)、功(gong)能(neng)與(yu)(yu)(yu)內(nei)容(rong)，就(jiu)開(kai)始分兩條線路進(jin)(jin)行(xing)(xing)開(kai)發。1、技(ji)(ji)術路線：網(wang)(wang)(wang)(wang)站(zhan)(zhan)技(ji)(ji)術主管根(gen)據(ju)界面(mian)(mian)并與(yu)(yu)(yu)信(xin)(xin)息(xi)架構師一起進(jin)(jin)行(xing)(xing)技(ji)(ji)術規(gui)劃，制作好網(wang)(wang)(wang)(wang)站(zhan)(zhan)使(shi)用(yong)(yong)(yong)的(de)(de)開(kai)發語言、技(ji)(ji)術、數據(ju)結構和數據(ju)庫(ku)等(deng)。2、內(nei)容(rong)路線：網(wang)(wang)(wang)(wang)站(zhan)(zhan)編輯要(yao)(yao)(yao)開(kai)始規(gui)劃網(wang)(wang)(wang)(wang)站(zhan)(zhan)編輯的(de)(de)基調；內(nei)容(rong)在(zai)網(wang)(wang)(wang)(wang)頁上的(de)(de)表現(xian)形式（文本、圖(tu)片(pian)、視頻(pin)、動畫）；確(que)定文字風格和網(wang)(wang)(wang)(wang)頁顯示的(de)(de)字體的(de)(de)大小與(yu)(yu)(yu)字形；

（二）站(zhan)點制作(zuo)階(jie)段

站(zhan)(zhan)(zhan)點制(zhi)作(zuo)(zuo)階段是實際開(kai)(kai)發(fa)周期，各(ge)(ge)項目小(xiao)組根據前(qian)面制(zhi)定好的(de)(de)規(gui)劃(hua)進行制(zhi)作(zuo)(zuo)。網(wang)(wang)(wang)站(zhan)(zhan)(zhan)信(xin)息架構(gou)師在(zai)各(ge)(ge)部(bu)門之(zhi)間進行項目規(gui)則解釋(shi)、協調和(he)統籌。1、程(cheng)序(xu)(xu)開(kai)(kai)發(fa)：網(wang)(wang)(wang)站(zhan)(zhan)(zhan)制(zhi)作(zuo)(zuo)小(xiao)組根據界面規(gui)劃(hua)把(ba)圖形界面轉換成網(wang)(wang)(wang)頁格式；依據技(ji)術規(gui)劃(hua)，制(zhi)作(zuo)(zuo)網(wang)(wang)(wang)站(zhan)(zhan)(zhan)的(de)(de)各(ge)(ge)頁面。從圖中的(de)(de)甘特表顯示(shi)，程(cheng)序(xu)(xu)開(kai)(kai)發(fa)和(he)網(wang)(wang)(wang)站(zhan)(zhan)(zhan)合成占整(zheng)個(ge)項目的(de)(de)最大時間比例。2、內(nei)容(rong)整(zheng)理：網(wang)(wang)(wang)站(zhan)(zhan)(zhan)編輯(ji)要與客戶(hu)和(he)相關內(nei)容(rong)的(de)(de)專家收集、整(zheng)理放(fang)到網(wang)(wang)(wang)站(zhan)(zhan)(zhan)平臺的(de)(de)資(zi)源。網(wang)(wang)(wang)站(zhan)(zhan)(zhan)資(zi)源如涉及到圖片、動畫和(he)視頻(pin)等(deng)，網(wang)(wang)(wang)站(zhan)(zhan)(zhan)編輯(ji)要與媒體專家合作(zuo)(zuo)共同制(zhi)作(zuo)(zuo)。當平臺主要架構(gou)搭建成形，后臺數據庫建立完畢(bi)，網(wang)(wang)(wang)站(zhan)(zhan)(zhan)編輯(ji)就可以把(ba)網(wang)(wang)(wang)內(nei)容(rong)上傳(chuan)到網(wang)(wang)(wang)站(zhan)(zhan)(zhan)平臺內(nei)，把(ba)網(wang)(wang)(wang)站(zhan)(zhan)(zhan)合成。

篇8

【關鍵詞】

政府網站

網頁制作

ASP 技術

ACCESS 數(shu)據庫

【英文對照】

ABSTRACT

The portal website of government departments is the best candidate and inevitable choice for government affairs opening. Its construction is based on the related policies and regulations on government affairs opening which are enforced by the state. This paper presents the construction of one portal webpage based on ASP and ACCESS database. The design and implementation of webpage mainly consists of three parts: government affair opening， online government office， and online communication. The front-end consists of ten major modules， including leader's speech， government affair opening， government dynamics， policies and regulations etc. The backend is a hybrid of C/S and B/S technologies， HTML and JScript are combined together and session object is used for inter-page data communication and traced the status of user logon， web based lookup and remote administration of webpage are implemented and access control to user of different privileges is achieved. The access to webpage news adapts a three-tier scheme which includes main page， title page and sub-page， the main page provides the overall look-and-feel and orchestrate all the modules so to form a complete webpage.

【KeyWord】

Government website

Webpage Making

ASP

ACCESS database

【目

錄】

前言 2

正文 3

第 一 章(zhang) 概 述 3

1.1 網頁制作(zuo)背景 3

1.2 網(wang)頁制作的(de)意義 3

1.3 開發工具(ju)簡介 4

第 二 章(zhang) 可行性分析 5

2.1 B/S結構介紹 5

2.2 ACCESS 數據庫 5

2.3 ASP 技術 5

第(di) 三 章 網頁需求分析 7

3.1 總體(ti)功能需(xu)求分(fen)析 7

3.1.1. 基本功能需求 7

3.1.2. 功能結構圖(tu) 7

3.2 網(wang)頁具體功能(neng)模塊需求分析 8

3.2.1. 政務公開功能 8

3.2.2. 網(wang)站辦事(shi)功能 8

3.2.3. 網(wang)上交流功能 8

3.3 網頁結構圖 9

3.4 網頁版面規劃(hua) 10

3.5 網站CI形象設計 10

3.6 網頁布(bu)局技術 11

第(di) 四 章 數(shu)據庫設計(ji) 12

4.1 數據(ju)庫概念(nian)結構設計 12

4.2 數據庫(ku)邏輯結構設(she)計 14

第 五 章 人機界面設計 17

5.1 后臺(tai)登錄界(jie)面設(she)計 17

5.2 用戶管理頁面設(she)計 18

5.3 信(xin)息(xi)檢索頁面設計 18

5.4 后臺(tai)管理頁面設計(ji) 19

第(di) 六 章 系統程序(xu)設計 20

6.1 程序(xu)設計語言(yan) 20

6.2 部份源程序實現及文件 20

第(di) 七 章(zhang) 網頁測試 30

7.1 測(ce)試網站的建(jian)立 30

7.1.1. 測(ce)試網站環境(jing) 30

7.1.2. Web服(fu)務(wu)器IIS5.1簡介 30

7.1.3. 網頁(ye)測試 30

7.2 網頁及網站維護 31

第 八 章 結論 32

參考文獻 33

致 謝 34

【前言】

在我國，繼(ji)黨的十六(liu)大提出推行(xing)電(dian)(dian)子(zi)政(zheng)務(wu)、提高(gao)行(xing)政(zheng)效率(lv)之后，十六(liu)屆三中全會進(jin)一步強調要(yao)發展(zhan)電(dian)(dian)子(zi)政(zheng)務(wu)，提高(gao)政(zheng)府(fu)的服務(wu)和管(guan)理(li)水平。政(zheng)府(fu)網(wang)站作(zuo)為電(dian)(dian)子(zi)政(zheng)務(wu)建設的龍頭是(shi)完善政(zheng)府(fu)公(gong)共服務(wu)接入(ru)渠道的主要(yao)手段，它實現了(le)按照用戶對象進(jin)行(xing)信(xin)(xin)(xin)息資(zi)源的整合，提供覆蓋用戶全生命(ming)周期(qi)的各種信(xin)(xin)(xin)息和服務(wu)。同時(shi)，網(wang)頁(ye)信(xin)(xin)(xin)息傳(chuan)播的即時(shi)性(xing)和全面性(xing)確保(bao)了(le)政(zheng)府(fu)大量重要(yao)信(xin)(xin)(xin)息的廣(guang)泛(fan)共享(xiang)，優化了(le)社會資(zi)源配(pei)置，讓政(zheng)務(wu)信(xin)(xin)(xin)息更便捷、更低成本地進(jin)行(xing)傳(chuan)遞。通過訪問政(zheng)府(fu)網(wang)頁(ye)，企業和社會公(gong)眾可(ke)以24小時(shi)不間斷(duan)地，不受(shou)任何空間界限影(ying)響(xiang)地與政(zheng)府(fu)進(jin)行(xing)信(xin)(xin)(xin)息交互，在促(cu)進(jin)政(zheng)務(wu)公(gong)開(kai)，改進(jin)公(gong)共服務(wu)，提高(gao)行(xing)政(zheng)效能，確保(bao)公(gong)眾知情(qing)權、參與權和監督權等方(fang)面有著(zhu)顯著(zhu)成效。

政(zheng)(zheng)府網(wang)站建設(she)的含義就(jiu)是利(li)用Internet/Intranet等計(ji)算機(ji)通信技術，在Internet上(shang)(shang)建立正式(shi)站點，通過網(wang)絡實現(xian)政(zheng)(zheng)府在政(zheng)(zheng)治(zhi)、經(jing)濟、社(she)會、生活(huo)等諸多領域(yu)中的管理(li)和服務職能，推動政(zheng)(zheng)府辦公自(zi)動化與網(wang)上(shang)(shang)便民服務，是政(zheng)(zheng)府和社(she)會互動的重要窗口。論文就(jiu)巴中市網(wang)頁的設(she)計(ji)和制作(zuo)作(zuo)了詳細(xi)描(miao)述，網(wang)頁主要功(gong)能模塊設(she)置緊(jin)緊(jin)圍繞部門職能職責(ze)，密(mi)切結合公眾(zhong)需求，實現(xian)了預(yu)期設(she)計(ji)目(mu)標(biao)，網(wang)頁經(jing)本地(di)局域(yu)網(wang)測試(shi)運行(xing)正常(chang)。

【正文】

網頁制作

第 一(yi) 章 概 述

1.1 網頁制作背景(jing)

在當前這個網(wang)(wang)絡時(shi)代，電子政(zheng)(zheng)務(wu)(wu)(wu)是(shi)各(ge)國(guo)政(zheng)(zheng)府倡(chang)導和(he)(he)推動(dong)(dong)網(wang)(wang)絡化的(de)5個重要(yao)(yao)應(ying)用領域中(zhong)的(de)首要(yao)(yao)。美國(guo)早在克林(lin)頓政(zheng)(zheng)府時(shi)期就開始積極倡(chang)導和(he)(he)推動(dong)(dong)電子政(zheng)(zheng)務(wu)(wu)(wu)和(he)(he)電子政(zheng)(zheng)府的(de)建(jian)設。英國(guo)于2005年將(jiang)所有的(de)政(zheng)(zheng)府服(fu)務(wu)(wu)(wu)實(shi)現上網(wang)(wang)。新加坡更是(shi)從(cong)1981年就開始發(fa)展(zhan)電子政(zheng)(zheng)務(wu)(wu)(wu)，目前其(qi)電子政(zheng)(zheng)務(wu)(wu)(wu)的(de)發(fa)達程度已備(bei)受世人矚目。在我(wo)國(guo)，政(zheng)(zheng)府信(xin)息門戶網(wang)(wang)站作為展(zhan)示政(zheng)(zheng)府整體形象(xiang)的(de)窗(chuang)口和(he)(he)聯系群(qun)眾、服(fu)務(wu)(wu)(wu)群(qun)眾的(de)橋梁正日益得到各(ge)級政(zheng)(zheng)府的(de)重視(shi)。如(ru)今(jin)，全(quan)國(guo)各(ge)地的(de)電子政(zheng)(zheng)務(wu)(wu)(wu)建(jian)設已進入實(shi)質階段，全(quan)國(guo)257個地市級城市中(zhong)已經有90%的(de)城市建(jian)立了(le)自(zi)己(ji)的(de)政(zheng)(zheng)府網(wang)(wang)站。在應(ying)用上，電子政(zheng)(zheng)務(wu)(wu)(wu)建(jian)設已經從(cong)網(wang)(wang)絡基礎建(jian)設向功能應(ying)用層面和(he)(he)社會服(fu)務(wu)(wu)(wu)層面轉變。隨著(zhu)我(wo)國(guo)信(xin)息化進程的(de)深入推進，將(jiang)極大地調動(dong)(dong)整個社會活力，推動(dong)(dong)中(zhong)國(guo)社會的(de)飛速(su)發(fa)展(zhan)，并對中(zhong)國(guo)未來的(de)發(fa)展(zhan)產(chan)生巨(ju)大的(de)影響(xiang)。

1.2 網頁制作的意(yi)義(yi)

首先，政(zheng)府(fu)(fu)(fu)網(wang)站關(guan)系到政(zheng)府(fu)(fu)(fu)的(de)(de)(de)(de)服務(wu)(wu)形(xing)象，關(guan)系到百姓(xing)的(de)(de)(de)(de)切身(shen)利(li)益(yi)。政(zheng)府(fu)(fu)(fu)部門通過制作網(wang)頁(ye)(ye)建立(li)網(wang)站，是電子政(zheng)務(wu)(wu)的(de)(de)(de)(de)最佳(jia)切入點和(he)重(zhong)要(yao)內容(rong)，政(zheng)府(fu)(fu)(fu)網(wang)頁(ye)(ye)的(de)(de)(de)(de)發展水平是衡量一個地區電子政(zheng)務(wu)(wu)進程的(de)(de)(de)(de)標(biao)志(zhi)。在(zai)政(zheng)府(fu)(fu)(fu)網(wang)頁(ye)(ye)上，政(zheng)務(wu)(wu)信息(xi)公(gong)開程度，有(you)關(guan)為(wei)民服務(wu)(wu)欄(lan)目健(jian)全(quan)情況(kuang)(kuang)(kuang)，信息(xi)反饋情況(kuang)(kuang)(kuang)，在(zai)線辦公(gong)與網(wang)上受理情況(kuang)(kuang)(kuang)等關(guan)系到政(zheng)府(fu)(fu)(fu)的(de)(de)(de)(de)服務(wu)(wu)形(xing)象，關(guan)系到百姓(xing)的(de)(de)(de)(de)切身(shen)利(li)益(yi)。其次，政(zheng)府(fu)(fu)(fu)網(wang)頁(ye)(ye)制作有(you)利(li)于政(zheng)府(fu)(fu)(fu)各類(lei)信息(xi)的(de)(de)(de)(de)充分共享，有(you)利(li)于政(zheng)府(fu)(fu)(fu)決策水平的(de)(de)(de)(de)不斷提(ti)高。通過網(wang)頁(ye)(ye)的(de)(de)(de)(de)各類(lei)平臺(tai)迅速(su)直接地獲取公(gong)眾的(de)(de)(de)(de)反饋信息(xi)，準確掌握外部環(huan)境，大幅提(ti)高了正(zheng)確決策與快速(su)反應的(de)(de)(de)(de)能力。隨著政(zheng)府(fu)(fu)(fu)各類(lei)信息(xi)的(de)(de)(de)(de)公(gong)開化，政(zheng)民互動不斷加強(qiang)，政(zheng)府(fu)(fu)(fu)將在(zai)公(gong)眾面前展現出(chu)高效、透明的(de)(de)(de)(de)良好形(xing)象，這有(you)利(li)于提(ti)高社(she)會凝聚力，對于維護(hu)社(she)會穩定、促進社(she)會發展具有(you)重(zhong)要(yao)意(yi)義。

1.3 開發(fa)工(gong)具簡介

在(zai)眾多的(de)網頁設計(ji)與制(zhi)作工具軟件中(zhong)，我根據實(shi)際(ji)需(xu)求(qiu)及對(dui)軟件的(de)熟悉程(cheng)度，主要選取了Photoshop CS3、Fireworks 8.0、Flash MX 2004、Macromedia Dreamweaver8進行網頁的(de)開(kai)發和制(zhi)作，這些軟件的(de)主要特點分述(shu)如(ru)下。

? 網頁圖像設計工具——Photoshop CS3、Fireworks 8.0

在網頁制(zhi)作(zuo)(zuo)過程中，首(shou)先要使用(yong)(yong)(yong)Photoshop或Fireworks 設(she)(she)計(ji)(ji)網頁和(he)整體效(xiao)果圖、處理(li)網頁中的(de)(de)(de)圖像(xiang)(xiang)(xiang)(xiang)、背景圖及網頁的(de)(de)(de)圖標(biao)、按鈕等(deng)(deng)。Photoshop是平面(mian)(mian)圖像(xiang)(xiang)(xiang)(xiang)處理(li)業界(jie)(jie)霸主Adobe公司推出的(de)(de)(de)跨越PC和(he)MAC兩界(jie)(jie)首(shou)屈一(yi)指的(de)(de)(de)大型(xing)圖像(xiang)(xiang)(xiang)(xiang)處理(li)軟(ruan)件(jian).它(ta)功能強大，操作(zuo)(zuo)界(jie)(jie)面(mian)(mian)友好，得到(dao)了廣大第三(san)方開發(fa)廠家(jia)的(de)(de)(de)支(zhi)持，從而(er)也贏得了眾多的(de)(de)(de)用(yong)(yong)(yong)戶(hu)的(de)(de)(de)青(qing)睞。Fireworks是Adobe公司推出的(de)(de)(de)著名平面(mian)(mian)圖像(xiang)(xiang)(xiang)(xiang)設(she)(she)計(ji)(ji)和(he)圖像(xiang)(xiang)(xiang)(xiang)處理(li)軟(ruan)件(jian)，它(ta)具有(you)強大的(de)(de)(de)圖像(xiang)(xiang)(xiang)(xiang)處理(li)功能和(he)操作(zuo)(zuo)易用(yong)(yong)(yong)性，受到(dao)廣大平面(mian)(mian)圖形設(she)(she)計(ji)(ji)人員及專業廣告設(she)(she)計(ji)(ji)師的(de)(de)(de)青(qing)睞。它(ta)涉及圖像(xiang)(xiang)(xiang)(xiang)合(he)成、色(se)彩(cai)校正、圖層調板、通道使用(yong)(yong)(yong)、動(dong)作(zuo)(zuo)調板、路(lu)徑工具、濾鏡等(deng)(deng)圖像(xiang)(xiang)(xiang)(xiang)處理(li)功能。可制(zhi)作(zuo)(zuo)如按鈕制(zhi)作(zuo)(zuo)、文字特效(xiao)、材(cai)質紋理(li)、三(san)維(wei)物體、影像(xiang)(xiang)(xiang)(xiang)特效(xiao)及廣告創意(yi)設(she)(she)計(ji)(ji)等(deng)(deng)多種用(yong)(yong)(yong)途。

? 動(dong)畫制作(zuo)工具——Flash MX 2004

Flash MX 2004是Macromedia公司的一(yi)個的網(wang)頁交(jiao)互(hu)動(dong)(dong)畫制(zhi)作工具。用flash制(zhi)作出(chu)來的動(dong)(dong)化是矢(shi)量的，不管(guan)怎(zen)樣放大(da)、縮小(xiao)，它還是清晰可(ke)見。 用flash制(zhi)作的文(wen)件很(hen)小(xiao)，這樣便于在互(hu)聯網(wang)上傳輸，它還采(cai)用了數(shu)據(ju)流技術，只要下(xia)載一(yi)部分，就(jiu)能(neng)欣賞動(dong)(dong)畫，而且能(neng)一(yi)邊播放一(yi)邊傳輸數(shu)據(ju)。 交(jiao)互(hu)性更是flash動(dong)(dong)畫的迷人之處，可(ke)以(yi)通過點擊(ji)按鈕、選擇菜單來控制(zhi)動(dong)(dong)畫的播放，這些優點使flash日益(yi)成為網(wang)絡多(duo)媒體的主流。

? 網(wang)頁排版工具—— Macromedia Dreamweaver 8

Macromedia Dreamweaver 8是(shi)由Macromedia公司(si)推出(chu)的(de)(de)(de)，用(yong)于(yu)網頁(ye)開發(fa)(fa)和(he)(he)網站(zhan)(zhan)管(guan)理的(de)(de)(de)專業(ye)化設(she)計(ji)工具。它(ta)采用(yong)了多(duo)種新技術(shu)，具有設(she)計(ji)和(he)(he)開發(fa)(fa)網站(zhan)(zhan)過程(cheng)(cheng)中需要(yao)的(de)(de)(de)網站(zhan)(zhan)管(guan)理、網站(zhan)(zhan)設(she)計(ji)、頁(ye)面制作(zuo)(zuo)、多(duo)媒(mei)體制作(zuo)(zuo)和(he)(he)動(dong)畫制作(zuo)(zuo)等豐富(fu)實(shi)用(yong)的(de)(de)(de)功(gong)(gong)能；它(ta)具有友好的(de)(de)(de)操(cao)作(zuo)(zuo)界面，在文檔(dang)窗口中可(ke)以打開各種浮動(dong)面板，同時還可(ke)以使(shi)用(yong)系統內置的(de)(de)(de)多(duo)種對象進行操(cao)作(zuo)(zuo)。它(ta)將可(ke)視布局工具、應用(yong)程(cheng)(cheng)序(xu)開發(fa)(fa)功(gong)(gong)能和(he)(he)代碼編(bian)輯(ji)支持組合在一(yi)起(qi)，其功(gong)(gong)能強大，使(shi)得各個層次的(de)(de)(de)開發(fa)(fa)人員和(he)(he)設(she)計(ji)人員都能夠快速創建(jian)界面吸引人的(de)(de)(de)基于(yu)標準的(de)(de)(de)網站(zhan)(zhan)和(he)(he)應用(yong)程(cheng)(cheng)序(xu)。開發(fa)(fa)人員可(ke)以使(shi)用(yong) Dreamweaver 及(ji)所選擇的(de)(de)(de)服務器(qi)技術(shu)來創建(jian)功(gong)(gong)能強大的(de)(de)(de) Internet 應用(yong)程(cheng)(cheng)序(xu)，從(cong)而使(shi)用(yong)戶(hu)能連(lian)接到數據庫(ku)、Web 服務。

第(di) 二 章(zhang) 可行性分析

2.1 B/S結(jie)構介紹

B/S（Browser/Server，簡稱B/S）結構，即瀏覽(lan)器/服務器模式，它是(shi)(shi)WEB興起后的一(yi)種網絡(luo)結構模式，從傳統的二層C/S結構發展而來，通常采(cai)用(yong)三層結構：瀏覽(lan)器-Web服務器-數(shu)(shu)據(ju)庫(ku)服務器，WEB瀏覽(lan)器是(shi)(shi)客戶端最(zui)主要的應用(yong)軟件(jian)，瀏覽(lan)器通過Web Server 同數(shu)(shu)據(ju)庫(ku)進行數(shu)(shu)據(ju)交互(hu)。

在B／S體系結構系統中，用戶通過瀏(liu)(liu)覽(lan)(lan)器(qi)向分(fen)布在網絡上的(de)許多(duo)服務器(qi)發出請求(qiu)，服務器(qi)對(dui)(dui)瀏(liu)(liu)覽(lan)(lan)器(qi)的(de)請求(qiu)進行處理，將用戶所需信息返回到(dao)瀏(liu)(liu)覽(lan)(lan)器(qi)。而(er)其余如數據請求(qiu)、加工、結果返回以及動(dong)態網頁生成(cheng)(cheng)、對(dui)(dui)數據庫的(de)訪(fang)問(wen)和應用程序(xu)的(de)執行等工作(zuo)全部由(you)Web Server完成(cheng)(cheng)，這樣(yang)大大簡化了(le)(le)客戶端，減(jian)輕了(le)(le)系統維護與升級的(de)成(cheng)(cheng)本(ben)(ben)和工作(zuo)量，降低了(le)(le)用戶的(de)總體擁有成(cheng)(cheng)本(ben)(ben)（TCO）。

該結構(gou)的缺點是(shi)存在數據安全性問(wen)題(ti)、對服務器要求過高、數據傳輸速(su)度慢、軟件的個性化特(te)點明顯降(jiang)低，難以實(shi)現傳統(tong)模式下的特(te)殊功(gong)能要求。

2.2 ACCESS 數據(ju)庫

Access是(shi)微(wei)軟公司推(tui)出的基于(yu)Windows的桌面關系(xi)數(shu)(shu)據(ju)庫管(guan)理系(xi)統(tong)（RDBMS），是(shi)Office系(xi)列(lie)應用(yong)(yong)軟件之一(yi)。它提供了表(biao)、查詢、窗體、報表(biao)、頁、宏、模塊7種(zhong)用(yong)(yong)來建立(li)數(shu)(shu)據(ju)庫系(xi)統(tong)的對象；提供了多種(zhong)向導、生(sheng)(sheng)成器(qi)、模板，把(ba)數(shu)(shu)據(ju)存儲(chu)、數(shu)(shu)據(ju)查詢、界(jie)面設計、報表(biao)生(sheng)(sheng)成等操作規范化；為建立(li)功能完(wan)(wan)善的數(shu)(shu)據(ju)庫管(guan)理系(xi)統(tong)提供了方便，也使得普通用(yong)(yong)戶不必編寫(xie)代碼(ma)，就可以完(wan)(wan)成大部分數(shu)(shu)據(ju)管(guan)理的任務。由于(yu)Access數(shu)(shu)據(ju)庫的ODBC驅動程序(xu)支(zhi)持的SQL指(zhi)令全，執行效率高(gao)，所以Access后臺數(shu)(shu)據(ju)庫+ASP服務器(qi)端程序(xu)+客戶端IE瀏覽(lan)器(qi)，是(shi)一(yi)個精練、實(shi)用(yong)(yong)、高(gao)效的組合模式。

2.3 ASP 技術

ASP是(shi)Active Server Page的(de)(de)縮(suo)寫，意為“動(dong)態(tai)服(fu)務(wu)(wu)器(qi)頁(ye)(ye)面(mian)”。ASP是(shi)微軟公司開發(fa)的(de)(de)代替CGI腳(jiao)(jiao)本(ben)程序(xu)(xu)的(de)(de)一(yi)種(zhong)應用(yong)，它可以與(yu)數據庫和(he)其它程序(xu)(xu)進(jin)(jin)行交互，是(shi)一(yi)種(zhong)簡單、方便的(de)(de)編(bian)程工具。ASP的(de)(de)網(wang)(wang)頁(ye)(ye)文件(jian)的(de)(de)格(ge)式是(shi).asp，現(xian)在(zai)常(chang)用(yong)于各(ge)種(zhong)動(dong)態(tai)網(wang)(wang)站(zhan)中。ASP是(shi)一(yi)種(zhong)服(fu)務(wu)(wu)器(qi)端腳(jiao)(jiao)本(ben)編(bian)寫環境，可以用(yong)來(lai)創建和(he)運行動(dong)態(tai)網(wang)(wang)頁(ye)(ye)或Web應用(yong)程序(xu)(xu)。ASP網(wang)(wang)頁(ye)(ye)可以包(bao)含HTML標記、普通文本(ben)、腳(jiao)(jiao)本(ben)命令以及COM組(zu)件(jian)等。利用(yong)ASP可以向網(wang)(wang)頁(ye)(ye)中添加交互式內容（如(ru)在(zai)線表單），也可以創建使(shi)(shi)用(yong)HTML網(wang)(wang)頁(ye)(ye)作為用(yong)戶界(jie)面(mian)的(de)(de)web應用(yong)程序(xu)(xu)。與(yu)HTML相(xiang)比(bi)，ASP網(wang)(wang)頁(ye)(ye)具有(you)實(shi)現(xian)動(dong)態(tai)網(wang)(wang)頁(ye)(ye)技術；包(bao)含在(zai)HTML代碼所組(zu)成的(de)(de)文件(jian)中，易于修改和(he)測試；可以使(shi)(shi)用(yong)服(fu)務(wu)(wu)器(qi)端ActiveX組(zu)件(jian)來(lai)執行各(ge)種(zhong)各(ge)樣(yang)的(de)(de)任務(wu)(wu)；方便連接ACCESS與(yu)SQL數據庫等多(duo)種(zhong)優點，其主(zhu)要缺點是(shi)開發(fa)人員要有(you)豐富的(de)(de)經驗，否則會(hui)留出(chu)漏洞(dong)，讓(rang)黑客利用(yong)進(jin)(jin)行注入攻擊。安裝ASP時，系(xi)統(tong)提供了兩種(zhong)腳(jiao)(jiao)本(ben)語言：VBScript和(he)JScript，而VBScript則被作為系(xi)統(tong)默(mo)認的(de)(de)腳(jiao)(jiao)本(ben)語言。

第 三 章(zhang) 網頁需(xu)求分析

3.1 總體(ti)功(gong)能需求分析(xi)

網頁功能(neng)分(fen)析就(jiu)是(shi)以系統的(de)觀(guan)點(dian)，對已選定(ding)的(de)對象與開發范圍進行有(you)目(mu)的(de)、有(you)步驟的(de)實際調查和科(ke)學分(fen)析。分(fen)析的(de)目(mu)的(de)就(jiu)是(shi)要弄清楚網頁要做(zuo)什么(me)，最終為后面(mian)的(de)設計工作打下基礎。

該(gai)網頁作為電子政務的(de)一(yi)種服務平臺，政務公開、在線辦事、網上交流(liu)是其基(ji)本的(de)三大功能。

3.1.1. 基(ji)本功(gong)能需求

? 政務公開功能

根據2008年5月1日起施行(xing)(xing)的(de)政(zheng)府(fu)信(xin)息公開條(tiao)例(li)規定，行(xing)(xing)政(zheng)機關應當將主動公開的(de)政(zheng)府(fu)信(xin)息，通過政(zheng)府(fu)公報、政(zheng)府(fu)網站、新聞會(hui)以及報刊、廣播、電視(shi)等便于公眾(zhong)知(zhi)曉的(de)方式公開，確(que)保公眾(zhong)享有充分的(de)知(zhi)情權、監督權。

? 網站辦事功能

網(wang)(wang)上辦公(gong)辦事是網(wang)(wang)頁功能(neng)服(fu)務(wu)中非常重要的(de)(de)組成部分，是電子(zi)政務(wu)建設(she)努力的(de)(de)方向。通(tong)過(guo)提供一(yi)些行政審批等項(xiang)目的(de)(de)在線辦理極大地方便了(le)群(qun)眾，減少了(le)不必要的(de)(de)人為(wei)環節，節省了(le)社會資源。

? 網上交流功能

通(tong)過搭建政(zheng)民(min)(min)(min)交流平臺，讓公眾(zhong)(zhong)不但能夠將自(zi)己的(de)建議(yi)與意見直接反映給(gei)部門領(ling)導，實現(xian)普(pu)通(tong)群(qun)眾(zhong)(zhong)參(can)政(zheng)、議(yi)政(zheng)的(de)夙愿，而(er)且使領(ling)導能夠通(tong)過這(zhe)一平臺，傾聽民(min)(min)(min)聲(sheng)、關注民(min)(min)(min)情、體察民(min)(min)(min)意，進而(er)為群(qun)眾(zhong)(zhong)辦(ban)理(li)更多的(de)實事(shi)、好事(shi)、貼心事(shi)。

3.1.2. 功能結構(gou)圖(tu)

3.2 網頁具體功能模(mo)塊需求分析(xi)

根據總體功能(neng)需求分析，該部門網頁確定政務公開、工(gong)作動態、領導(dao)講(jiang)話等(deng)功能(neng)模塊，具體組成(cheng)分別如下。

3.2.1. 政務公開功能

? 領導講話模塊

功能：即時領導關于三農工作的各種會議、現場講話。

作用：傳達精神，貫徹意圖。

? 政務公開模塊

政(zheng)(zheng)務公(gong)開(kai)模塊包(bao)含七個子(zi)模塊：機構職能、領(ling)導介紹(shao)、內設科(ke)室、農口系(xi)統(tong)、人事信(xin)息、規劃(hua)計劃(hua)、財政(zheng)(zheng)信(xin)息。模塊根(gen)據國家信(xin)息公(gong)開(kai)條例等法規政(zheng)(zheng)策要求，針(zhen)對(dui)該政(zheng)(zheng)府部(bu)門必須公(gong)開(kai)的七個方面進(jin)行(xing)設置。

? 工作動態模塊

工作(zuo)動態模(mo)塊(kuai)(kuai)，包含六個子模(mo)塊(kuai)(kuai)：綜合信(xin)息、新村建(jian)(jian)設、農業(ye)產業(ye)化、勞(lao)務開(kai)發(fa)、農田(tian)建(jian)(jian)設、移民工作(zuo)。功能(neng)根據該政府(fu)部門各科室（辦）所承擔的(de)職能(neng)職責進行設計，實(shi)現了各責任條塊(kuai)(kuai)當前工作(zuo)信(xin)息的(de)即時公開(kai)。

? 政策法規模塊

模(mo)塊(kuai)設置農(nong)(nong)業法規(gui)、政(zheng)策(ce)(ce)文件兩個子模(mo)塊(kuai)，提供近年(nian)來(lai)國家關(guan)于(yu)三農(nong)(nong)工作各種重要法規(gui)、政(zheng)策(ce)(ce)的瀏覽和下載，同時對本區、部門關(guan)于(yu)三農(nong)(nong)工作制定的各種政(zheng)策(ce)(ce)文件進行(xing)了公開，使法規(gui)政(zheng)策(ce)(ce)透明化，接受(shou)公眾監督。

? 專題專欄模塊

模(mo)(mo)塊包含科(ke)學發(fa)展(zhan)觀、調研(yan)文章、企(qi)(qi)業推介(jie)、農業前(qian)(qian)沿四個子(zi)模(mo)(mo)塊。科(ke)學發(fa)展(zhan)觀子(zi)模(mo)(mo)塊緊扣時(shi)代所(suo)需，調研(yan)文章子(zi)模(mo)(mo)塊是在互聯網上開辟的(de)(de)一個嶄新的(de)(de)調研(yan)舞臺(tai)，企(qi)(qi)業推介(jie)子(zi)模(mo)(mo)塊為(wei)本(ben)地龍(long)頭企(qi)(qi)業的(de)(de)宣(xuan)傳、推廣提供了(le)一個新平臺(tai)。農業前(qian)(qian)沿子(zi)模(mo)(mo)塊放(fang)眼全球，宣(xuan)傳、推介(jie)農業領域的(de)(de)最新技術、最新品種。

3.2.2. 網(wang)站辦事功能

? 網上辦事模塊

模塊設置便民服務(wu)、服務(wu)流程、資料下載(zai)、統(tong)計報表四個(ge)子模塊，將該(gai)部(bu)門(men)能夠(gou)進(jin)行網上辦理的相關行政審批事(shi)項(xiang)予以了公開(kai)，方(fang)便了群眾，提高(gao)了辦事(shi)效率，提升了部(bu)門(men)形象。

3.2.3. 網上(shang)交流功能(neng)

? 在線交流模塊

模(mo)塊(kuai)設置三農論(lun)壇(tan)、領導信箱(xiang)(xiang)、咨(zi)詢(xun)留言、網(wang)上投(tou)訴、網(wang)上調查五個子模(mo)塊(kuai)。三農論(lun)壇(tan)子模(mo)塊(kuai)為(wei)公眾(zhong)之間相互交流提(ti)供(gong)(gong)了平臺。領導信箱(xiang)(xiang)、在線咨(zi)詢(xun)等四個子模(mo)塊(kuai)，為(wei)政府(fu)部門決策即時提(ti)供(gong)(gong)了群眾(zhong)的意見(jian)及(ji)建議。

? 聯系我們模塊

該(gai)模塊主要功(gong)能：收集網站的反(fan)饋信息。

3.3 網頁結(jie)構圖

3.4 網頁版(ban)面(mian)規劃

全(quan)部網(wang)頁(ye)(ye)(ye)采用1024×768分辨(bian)率制成，網(wang)頁(ye)(ye)(ye)訪問采用首(shou)頁(ye)(ye)(ye)、導(dao)航頁(ye)(ye)(ye)和(he)新聞頁(ye)(ye)(ye)三級頁(ye)(ye)(ye)面形式。

? 首頁

首(shou)頁使用(yong)(yong)的(de)是(shi)(shi)國字(zi)型(xing)結構(gou)布局(ju)。 國字(zi)型(xing)結構(gou)布局(ju)是(shi)(shi)一(yi)些(xie)大型(xing)網站(zhan)所(suo)喜歡的(de)類型(xing)，即最(zui)上面是(shi)(shi)網站(zhan)的(de)標題(ti)+主(zhu)菜單，下半(ban)部(bu)分分為3個(ge)區(qu)域，左右分列一(yi)些(xie)兩小(xiao)條內(nei)容(rong)，中間是(shi)(shi)主(zhu)題(ti)內(nei)容(rong)，與左右一(yi)起羅(luo)列到底，最(zui)下面是(shi)(shi)網站(zhan)的(de)一(yi)些(xie)基(ji)本信息，聯系方式(shi)，版(ban)權聲明等。這種布局(ju)的(de)優(you)點是(shi)(shi)能夠充分利用(yong)(yong)版(ban)面，信息量大;缺點是(shi)(shi)頁面擁擠，不(bu)夠靈活。

? 導航頁

采用拐角型(xing)布局，優點是(shi)頁面結構清晰，主次分(fen)明，缺(que)點是(shi)規矩呆板，容易讓(rang)人“看(kan)之(zhi)無味。

? 新聞頁

使用(yong)標題(ti)正文(wen)型：這(zhe)種類型即最上面是標題(ti)或類似的(de)一些(xie)東(dong)西(xi)，下面是正文(wen)；本站子頁大部分是這(zhe)個結構。

? 頁頭

本站頁頭以900×150的農村風(feng)景圖為底(di)，左置“巴中市”六字(zi)及名(ming)稱英(ying)文(wen)“”Office of rural affairs，Bazhou District，Bazhong City，右邊放(fang)置宣傳(chuan)語（FLASH動(dong)畫）一起(qi)構(gou)成。

? 頁腳

本站頁腳如下：

3.5 網站CI形象設計(ji)

? 主色調與色彩

網(wang)站采用代表(biao)了春(chun)天、希望、田野(ye)的“綠色”為主色調，與部門的農(nong)業、農(nong)村(cun)、農(nong)民(min)三農(nong)工(gong)作性(xing)質相吻合。

? 字體

導(dao)航欄字(zi)體(ti)(ti)(ti)(ti)為(wei)(wei)“黑體(ti)(ti)(ti)(ti)”，14px；網站(zhan)主欄目字(zi)體(ti)(ti)(ti)(ti)為(wei)(wei)“宋體(ti)(ti)(ti)(ti)”，14 px；正文字(zi)體(ti)(ti)(ti)(ti)為(wei)(wei)“宋體(ti)(ti)(ti)(ti)”，9 px；

? 交互方式

網(wang)站設置(zhi)了(le)專門(men)的在線交(jiao)流模塊，提供了(le)論壇、網(wang)上投訴、咨詢留言、網(wang)上調查(cha)等多種交(jiao)互(hu)方式。

3.6 網頁(ye)布局技術(shu)

網頁使(shi)(shi)用(yong)表(biao)格(ge)方式(shi)布(bu)局，同(tong)(tong)時用(yong)CSS進行樣式(shi)控制。表(biao)格(ge)布(bu)局的(de)(de)(de)優勢在于它能(neng)對(dui)不同(tong)(tong)對(dui)象加以處理，而又(you)不用(yong)擔(dan)心(xin)不同(tong)(tong)對(dui)象之(zhi)間(jian)的(de)(de)(de)影(ying)響(xiang)。表(biao)格(ge)布(bu)局的(de)(de)(de)缺點(dian)是(shi)(shi)，當(dang)我們用(yong)了過(guo)多表(biao)格(ge)時，頁面下載速度受到影(ying)響(xiang)。CSS層疊(die)樣式(shi)表(biao)是(shi)(shi)W3C組織(zhi)新近(jin)批(pi)準(zhun)的(de)(de)(de)一(yi)個(ge)輔助HTML設計的(de)(de)(de)新特性(xing)，它使(shi)(shi)整個(ge)HTML保(bao)持(chi)統(tong)一(yi)的(de)(de)(de)外(wai)觀。過(guo)去(qu)在設置文本(ben)時，為(wei)了保(bao)持(chi)整個(ge)段落都(dou)使(shi)(shi)用(yong)相同(tong)(tong)的(de)(de)(de)外(wai)觀，不得不為(wei)每(mei)一(yi)段設置屬性(xing)，很(hen)麻(ma)煩。采用(yong)CSS可以在設置文本(ben)之(zhi)前(qian)，就指定整個(ge)文本(ben)的(de)(de)(de)屬性(xing)，比如顏色、字體(ti)大小等等，獲得統(tong)一(yi)的(de)(de)(de)文本(ben)外(wai)觀。

第 四(si) 章 數據庫設計

數據(ju)庫(ku)在一(yi)(yi)個(ge)網頁系(xi)(xi)統中(zhong)占有(you)非常重(zhong)要的(de)地位(wei)，數據(ju)庫(ku)的(de)結構(gou)好壞將直接影響到應用系(xi)(xi)統的(de)實現效果和數據(ju)操作(zuo)效率以及能否保(bao)證數據(ju)的(de)一(yi)(yi)致性(xing)、完整(zheng)性(xing)和安全性(xing)。

4.1 數據(ju)庫概念結(jie)構設計

數(shu)(shu)據(ju)(ju)庫(ku)概念(nian)(nian)設計(ji)的(de)(de)(de)任(ren)務是根(gen)據(ju)(ju)用(yong)(yong)戶需求設計(ji)數(shu)(shu)據(ju)(ju)的(de)(de)(de)概念(nian)(nian)數(shu)(shu)據(ju)(ju)模型(xing)，簡稱概念(nian)(nian)模型(xing)。概念(nian)(nian)模型(xing)是按用(yong)(yong)戶的(de)(de)(de)觀點對(dui)數(shu)(shu)據(ju)(ju)和(he)信息進行建模，是從用(yong)(yong)戶的(de)(de)(de)角(jiao)度看到的(de)(de)(de)數(shu)(shu)據(ju)(ju)庫(ku)，它可以用(yong)(yong)E-R模型(xing)來表示(shi)(shi)。構成E-R圖(tu)的(de)(de)(de)基本(ben)要素是實體(ti)型(xing)、屬性(xing)和(he)關系，其(qi)表示(shi)(shi)方法為(wei)：實體(ti)型(xing)：用(yong)(yong)矩(ju)形表示(shi)(shi)，矩(ju)形框(kuang)內(nei)寫(xie)明(ming)實體(ti)名；屬性(xing)：用(yong)(yong)橢圓形表示(shi)(shi)，并用(yong)(yong)無(wu)(wu)向邊(bian)將其(qi)與相(xiang)應(ying)的(de)(de)(de)實體(ti)連接起來；關系：用(yong)(yong)菱(ling)形表示(shi)(shi)，菱(ling)形框(kuang)內(nei)寫(xie)明(ming)關系名，并用(yong)(yong)無(wu)(wu)向邊(bian)分別將有(you)關實體(ti)連接起來，同(tong)時在無(wu)(wu)向邊(bian)旁標上聯系的(de)(de)(de)類型(xing)。

根據前(qian)面的需求(qiu)分析，可(ke)以得到(dao)本網頁(ye)數據庫(ku)系統的E-R圖，如(ru)圖4-1所示。

上述(shu)E-R圖的關系(xi)說(shuo)明(ming)如下：管(guan)(guan)(guan)理員可以對所有網上調查、新聞信息(xi)、投(tou)訴(su)留言、論壇發貼等(deng)實(shi)體進行(xing)增刪編輯，它們(men)都是1：n的關系(xi)。一(yi)個管(guan)(guan)(guan)理員可以對論壇所有注(zhu)冊用戶進行(xing)監管(guan)(guan)(guan)，一(yi)個超級管(guan)(guan)(guan)理員可以對多個后臺管(guan)(guan)(guan)理普通用戶進行(xing)監管(guan)(guan)(guan)，它們(men)的關系(xi)也都是1：n。

各實體屬性的E-R圖如下：

4.2 數據庫邏輯結(jie)構設計

通過分析系統涉及的相(xiang)關實體以及要收(shou)集(ji)、存儲(chu)和操縱的數(shu)據信息，本網頁數(shu)據庫共設(she)置了新聞信息表（News）等6個表，分述如下。

? 新聞信(xin)息表:用于存儲新聞及(ji)政務信(xin)息。

表4-1 新聞(wen)信(xin)息表(News)

?

三農論壇表:用(yong)于存儲論壇發(fa)帖。

表4-2 三農論壇表(BBS)

?

投訴留言(yan)表:用(yong)于(yu)存儲群眾來(lai)信(xin)、投訴、咨詢(xun)及回復。

表(biao)4-3 投訴留言表(biao)(Message)

? 論壇(tan)(tan)注冊用(yong)戶(hu)表:用(yong)于存儲三農(nong)論壇(tan)(tan)注冊用(yong)戶(hu)信息(xi)。

表(biao)(biao)4-4 論(lun)壇注冊用(yong)戶表(biao)(biao)(User)

? 后臺管理員(yuan)表:用于存儲管理員(yuan)姓名、密碼(ma)、權(quan)限(xian)。

表(biao)4-5 后臺管理員表(biao)(ManageUser)

?

網上調查表:用于存儲網站調查項及投(tou)票。

表4-6 網(wang)上調(diao)查表(OnlineSurvey)

第 五 章 人機界面設計(ji)

5.1 后(hou)臺(tai)登錄(lu)界面設(she)計

設計思想(xiang)：登錄(lu)(lu)頁面主要(yao)實現用戶(hu)(hu)的(de)登錄(lu)(lu)。通過用戶(hu)(hu)名(ming)、密碼、隨機密碼、IP、SessionID的(de)組(zu)合驗(yan)證實現未登陸用戶(hu)(hu)的(de)正(zheng)常登陸和已(yi)登陸用戶(hu)(hu)中(zhong)同一用戶(hu)(hu)名(ming)允許在同一IP上(shang)重復登陸，拒絕同一用戶(hu)(hu)名(ming)在不同IP上(shang)重復登陸。

圖5-1 登錄流程圖

圖5-2 管理員登錄界面(mian)

5.2 用戶管理頁面設計

設(she)計思想：登(deng)(deng)錄(lu)頁面(mian)主要實現用戶的(de)登(deng)(deng)錄(lu)，用戶有超級管(guan)理員、普通管(guan)理員。超級管(guan)理員可以(yi)對(dui)其(qi)進行(xing)任(ren)何的(de)操作(zuo)(zuo)，包括對(dui)普通管(guan)理員的(de)增刪、密碼修改。一般用戶只可以(yi)做權限之內的(de)操作(zuo)(zuo)和只能對(dui)自身的(de)信息(xi)作(zuo)(zuo)修改。

圖5-3 用(yong)戶(hu)管理流(liu)程(cheng)圖

圖5-4 用戶(hu)管(guan)理(li)界面

5.3 信息檢索頁面設計

設計思想：根據輸(shu)入的關鍵字實現(xian)單字段或(huo)多字段組合查詢。

圖(tu)(tu)5-5 信(xin)息檢索流程圖(tu)(tu)

5.4 后臺(tai)管理頁面設計

網(wang)站后臺管(guan)(guan)理(li)(li)(li)系統提供了(le)添加新(xin)聞內容(rong)、管(guan)(guan)理(li)(li)(li)全部新(xin)聞、領(ling)導(dao)信箱管(guan)(guan)理(li)(li)(li)、在線咨(zi)詢管(guan)(guan)理(li)(li)(li)、公眾留言(yan)管(guan)(guan)理(li)(li)(li)、網(wang)上投訴管(guan)(guan)理(li)(li)(li)、網(wang)上調查管(guan)(guan)理(li)(li)(li)、信息中心(xin)管(guan)(guan)理(li)(li)(li)、超級管(guan)(guan)理(li)(li)(li)選(xuan)項(xiang)、文件上傳十個功(gong)能(neng)選(xuan)擇項(xiang)，可以完(wan)成(cheng)新(xin)聞信息的在線編輯、咨(zi)詢留言(yan)的在線回復、網(wang)上調查項(xiang)的增減等(deng)管(guan)(guan)理(li)(li)(li)任務。

圖5-7 后臺功能結構圖

第 六 章 系統程序設計

前面著重討論了(le)(le)系統(tong)功(gong)能模(mo)塊(kuai)的設計(ji)，詳細分析了(le)(le)每一個模(mo)塊(kuai)的功(gong)能，本章將就系統(tong)中模(mo)塊(kuai)功(gong)能的具體實現，選取部分源程序進行(xing)討論。

6.1 程(cheng)序設(she)計(ji)語(yu)言

網站(zhan)主要采用ASP作為(wei)程序設計代碼的開(kai)(kai)發工具(ju)(ju)。使用ASP作為(wei)開(kai)(kai)發工具(ju)(ju)可(ke)以(yi)方便地(di)建(jian)立動(dong)態的、高(gao)性能(neng)的、安全的、跨平臺的先進動(dong)態網站(zhan)，其突(tu)出特點有以(yi)下(xia)幾個：

? ASP可以將內容(rong)的生成和(he)顯示(shi)進行分離

Web頁面開發者可(ke)以用HTML或XML 標(biao)識進行(xing)對最終頁面的(de)設計，同(tong)時使用ASP Tag 或Java Script 來生(sheng)成頁面上的(de)動態內容(rong)，因為(wei)所有的(de)腳本(ben)都在服務器(qi)端運行(xing)， 所以， 如果核心邏輯部分被(bei)封裝在標(biao)識中(zhong)， 那么Web管理人員(yuan)或頁面設計者將只能編輯ASP頁面的(de)顯示方(fang)式(shi)， 而不會影響其內容(rong)的(de)實質。

? 對不同瀏覽器的兼容(rong)

由(you)于ASP技術采用了將(jiang)ASP Tag 和(he)Java Script 在服務器端解釋并(bing)執行而只將(jiang)結果以(yi)HTML或XML的(de)形式送回到客戶端的(de)方法， 從(cong)而保(bao)證了對其它(ta)基于HTML的(de)Web瀏覽器的(de)完全(quan)兼容。

6.2 部份(fen)源程序(xu)實現及文件

? 數據庫訪問技(ji)術

網(wang)頁(ye)在采用(yong)(yong)(yong)微軟IIS/PWS的(de)網(wang)絡(luo)平臺，通過服務器(qi)端運行(xing)的(de)ASP程序(xu)來訪問后(hou)臺Access數(shu)(shu)據庫(ku)。數(shu)(shu)據庫(ku)訪問采用(yong)(yong)(yong)匿(ni)名(ming)(ming)身份驗證(zheng)方式，使用(yong)(yong)(yong)戶無(wu)需(xu)輸入用(yong)(yong)(yong)戶名(ming)(ming)或密碼便可(ke)(ke)以(yi)(yi)對數(shu)(shu)據庫(ku)進行(xing)訪問。匿(ni)名(ming)(ming)身份驗證(zheng)是指由 IIS創建IUSR、計算(suan)機(ji)名(ming)(ming)稱、帳戶（計算(suan)機(ji)名(ming)(ming)稱是正在運行(xing)IIS 的(de)服務器(qi)名(ming)(ming)稱），當(dang)匿(ni)名(ming)(ming)用(yong)(yong)(yong)戶請求數(shu)(shu)據庫(ku)內容時IIS 會(hui)將該(gai)連(lian)接(jie)分(fen)配給(gei) IUSER_ComputerName 帳戶，其中ComputerName。默認(ren)情(qing)況(kuang)下(xia)，IUSER_ComputerName 帳戶為 Guests 組的(de)成員。此組具(ju)有 NTFS 文件系統權限(xian)所規定的(de)安全限(xian)制(zhi)，這(zhe)些(xie)限(xian)制(zhi)指定訪問級別以(yi)(yi)及可(ke)(ke)提(ti)供給(gei)公(gong)共用(yong)(yong)(yong)戶的(de)內容的(de)類(lei)型。建立(li)Access數(shu)(shu)據庫(ku)連(lian)接(jie)的(de)步驟(zou)及參數(shu)(shu)意(yi)義如下(xia)：

第一行程(cheng)序：建(jian)立(li)一個ADO對(dui)象(xiang)(xiang)集中(zhong)的(de)Connection對(dui)象(xiang)(xiang)，也(ye)即連接對(dui)象(xiang)(xiang)。這(zhe)是建(jian)立(li)數據庫(ku)連接的(de)初(chu)始步驟。執(zhi)行這(zhe)行程(cheng)序后，Conn成為一個連接對(dui)象(xiang)(xiang)。

第二(er)行(xing)程序：建(jian)立一個ADO對象集中的Recordset對象，以便(bian)利(li)用Recordset對象操作數據庫（當然，這只是對數據庫操作的多種方式(shi)之一）。執行(xing)這行(xing)后，rs就成為一個Recordset對象。

第三行(xing)程(cheng)序(xu)(xu)：利用連(lian)接對象Conn的Open方(fang)法(fa)打開一個指定的數(shu)(shu)據(ju)庫(ku)。首(shou)先(xian)利用Server對象的MapPath函數(shu)(shu)，取得要打開數(shu)(shu)據(ju)庫(ku)的完整(zheng)的文件路(lu)徑，并(bing)存儲在變量(liang)DBQ中。其次，因為我們要打開的是Access數(shu)(shu)據(ju)庫(ku)，所以要指定ODBC驅動(dong)程(cheng)序(xu)(xu)參數(shu)(shu)，表示(shi)要透過Access的ODBC驅動(dong)程(cheng)序(xu)(xu)來訪(fang)問(wen)數(shu)(shu)據(ju)庫(ku)。到這里，就已經打開了數(shu)(shu)據(ju)庫(ku)名指定的數(shu)(shu)據(ju)庫(ku)。

第四行(xing)程序： Sql指令(ling)串。

第五行程序：利用rs對象(xiang)的(de)(de)Open方(fang)法打開數(shu)(shu)(shu)據庫中(zhong)的(de)(de)數(shu)(shu)(shu)據表(biao)。這(zhe)其中(zhong)有四個參數(shu)(shu)(shu)，其意(yi)義如(ru)下：

數(shu)據(ju)表名(ming)或(huo)SQL指(zhi)(zhi)(zhi)令串：在(zai)這(zhe)個參數(shu)里(li)指(zhi)(zhi)(zhi)定要打開的數(shu)據(ju)庫內的數(shu)據(ju)表名(ming)稱，或(huo)者(zhe)是用SQL的Select指(zhi)(zhi)(zhi)令串確定的數(shu)據(ju)表的指(zhi)(zhi)(zhi)定范圍數(shu)據(ju)

Connection對(dui)象：指定已經(jing)打開(kai)的數據庫(ku)的Connection對(dui)象。

Recordset類型：表示(shi)打開(kai)數據表的(de)(de)方(fang)式(shi)，有四(si)種選擇。數字(zi)0表示(shi)只(zhi)讀方(fang)式(shi)，且(qie)(qie)當(dang)前(qian)(qian)(qian)記(ji)錄只(zhi)能下移(yi)；數字(zi)1表示(shi)可(ke)讀寫(xie)方(fang)式(shi)，當(dang)前(qian)(qian)(qian)記(ji)錄可(ke)自(zi)由上下移(yi)動，但(dan)不能及(ji)時看到(dao)別(bie)的(de)(de)用戶建立的(de)(de)新(xin)記(ji)錄，除非(fei)重新(xin)啟動；數字(zi)2表示(shi)可(ke)讀寫(xie)方(fang)式(shi)，當(dang)前(qian)(qian)(qian)記(ji)錄可(ke)自(zi)由移(yi)動，而且(qie)(qie)可(ke)以及(ji)時看到(dao)別(bie)的(de)(de)用戶增(zeng)加(jia)的(de)(de)新(xin)記(ji)錄；數字(zi)3表示(shi)只(zhi)讀方(fang)式(shi)，但(dan)當(dang)前(qian)(qian)(qian)記(ji)錄可(ke)以自(zi)由移(yi)動。

鎖(suo)(suo)(suo)定(ding)類型：這個參數(shu)(shu)(shu)(shu)(shu)指定(ding)數(shu)(shu)(shu)(shu)(shu)據(ju)(ju)(ju)(ju)庫(ku)(ku)的鎖(suo)(suo)(suo)定(ding)功(gong)能(neng)。因為(wei)網絡上的數(shu)(shu)(shu)(shu)(shu)據(ju)(ju)(ju)(ju)庫(ku)(ku)都是多用(yong)(yong)(yong)(yong)(yong)戶(hu)的，很可能(neng)同時有多個用(yong)(yong)(yong)(yong)(yong)戶(hu)在(zai)操作數(shu)(shu)(shu)(shu)(shu)據(ju)(ju)(ju)(ju)庫(ku)(ku)。為(wei)了(le)避(bi)免錯誤，讓同一時間只(zhi)(zhi)可能(neng)有一個用(yong)(yong)(yong)(yong)(yong)戶(hu)修(xiu)改(gai)(gai)數(shu)(shu)(shu)(shu)(shu)據(ju)(ju)(ju)(ju)，就要用(yong)(yong)(yong)(yong)(yong)鎖(suo)(suo)(suo)定(ding)功(gong)能(neng)。有四(si)種(zhong)選擇：數(shu)(shu)(shu)(shu)(shu)字(zi)1表(biao)(biao)(biao)示(shi)只(zhi)(zhi)讀方式鎖(suo)(suo)(suo)定(ding)，用(yong)(yong)(yong)(yong)(yong)戶(hu)不(bu)能(neng)更(geng)改(gai)(gai)數(shu)(shu)(shu)(shu)(shu)據(ju)(ju)(ju)(ju)；數(shu)(shu)(shu)(shu)(shu)字(zi)2表(biao)(biao)(biao)示(shi)悲觀鎖(suo)(suo)(suo)定(ding)，當一個用(yong)(yong)(yong)(yong)(yong)戶(hu)用(yong)(yong)(yong)(yong)(yong)rs對象開始修(xiu)改(gai)(gai)數(shu)(shu)(shu)(shu)(shu)據(ju)(ju)(ju)(ju)時就鎖(suo)(suo)(suo)定(ding)數(shu)(shu)(shu)(shu)(shu)據(ju)(ju)(ju)(ju)庫(ku)(ku)，直到用(yong)(yong)(yong)(yong)(yong)戶(hu)用(yong)(yong)(yong)(yong)(yong)rs.Update更(geng)新記(ji)錄(lu)后(hou)，才解除鎖(suo)(suo)(suo)定(ding)；數(shu)(shu)(shu)(shu)(shu)字(zi)3表(biao)(biao)(biao)示(shi)樂觀鎖(suo)(suo)(suo)定(ding)，只(zhi)(zhi)有在(zai)數(shu)(shu)(shu)(shu)(shu)據(ju)(ju)(ju)(ju)寫入數(shu)(shu)(shu)(shu)(shu)據(ju)(ju)(ju)(ju)庫(ku)(ku)中的時候才鎖(suo)(suo)(suo)定(ding)。數(shu)(shu)(shu)(shu)(shu)字(zi)4表(biao)(biao)(biao)示(shi)批次樂觀鎖(suo)(suo)(suo)定(ding)，只(zhi)(zhi)有在(zai)使用(yong)(yong)(yong)(yong)(yong)rs.UpdateBatch成批更(geng)新數(shu)(shu)(shu)(shu)(shu)據(ju)(ju)(ju)(ju)時候才鎖(suo)(suo)(suo)定(ding)數(shu)(shu)(shu)(shu)(shu)據(ju)(ju)(ju)(ju)記(ji)錄(lu)。

? 身份驗證

本(ben)網(wang)站身份(fen)驗(yan)證(zheng)(zheng)采用(yong)服務器端驗(yan)證(zheng)(zheng)代碼(ma)方式(shi)，密(mi)(mi)碼(ma)算(suan)法(fa)采用(yong)流行的(de)(de)MD5算(suan)法(fa)，同(tong)時附加客戶(hu)端隨機(ji)密(mi)(mi)碼(ma)驗(yan)證(zheng)(zheng)。MD5全稱(cheng)Message-Digest Algorithm 5（信息-摘要算(suan)法(fa)），是由MIT Laboratory for Computer Science和RSA Data Security Inc的(de)(de)Ronald L. Rivest在90年代初向IEFT提(ti)交的(de)(de)一(yi)種不可逆運算(suan)加密(mi)(mi)算(suan)法(fa)，經MD2、MD3和MD4發展而(er)來，面向32位的(de)(de)電腦(nao)。登(deng)陸驗(yan)證(zheng)(zheng)按一(yi)個IP可以有多個用(yong)戶(hu)登(deng)陸，一(yi)個用(yong)戶(hu)只能登(deng)陸一(yi)個IP的(de)(de)原(yuan)則進行設計，具體代碼(ma)及解(jie)釋如下：

? 網上調查(cha)功(gong)能實現

圖(tu)6-1 網上(shang)調查(cha)投票(piao)界面

圖6-2 網上調查結果(guo)界面(mian)

網上調查實現代碼

第 七 章 網頁測試

7.1 測(ce)試網站的建(jian)立(li)

7.1.1. 測試網站(zhan)環(huan)境

網頁測試使用本單位局域(yu)網進行，配(pei)置如下(xia)：

服務器(qi)端：操(cao)作系統—Windows xp

Web服務(wu)器—IIS5.1

瀏覽器—IE6.0

客戶端：Internet Explorer6.0

7.1.2. Web服(fu)務(wu)器IIS5.1簡介

IIS是Internet Information Services的(de)(de)縮寫，是目前使(shi)用(yong)最廣泛的(de)(de)Web服(fu)務器，可以在UNIX和(he)(he)Windows平(ping)臺(tai)上運行。它與Windows NT Server完(wan)全集成，允許使(shi)用(yong)Windows NT Server內置的(de)(de)安全性以及NTFS文(wen)件(jian)系(xi)統建立強大靈活的(de)(de)Internet／Intranet站點。IIS組(zu)件(jian)主要包括(kuo)Web服(fu)務器、FTP服(fu)務器、NNTP服(fu)務器和(he)(he)SMTP服(fu)務器，分別用(yong)于(yu)網頁(ye)瀏(liu)覽、文(wen)件(jian)傳輸、新聞服(fu)務和(he)(he)郵(you)件(jian)發送等方面。

7.1.3. 網頁測試

? IIS配置

當IIS被成功安(an)裝后(hou)，將在計算機C:\Inetpub\wwwroot下新(xin)建(jian)一個默認(ren)網站，通過修改默認(ren)網站配(pei)置(zhi)可以(yi)建(jian)立自己的站點(dian)。如(ru)自己的網頁放在D:\Wy目錄下，首頁文件(jian)名為Index.asp，其具體(ti)步驟如(ru)下：

第一步：在“默認(ren)Web站點”上(shang)單擊右鍵，選“屬性”，以進(jin)入名(ming)為“默認(ren)Web站點屬性”設置界面。

第二步(bu)：轉到“主目錄(lu)”窗口，再在“本地路徑”輸入（或用“瀏覽”按鈕選(xuan)擇(ze)）好自己(ji)網頁所(suo)在的(de)“D:\Wy”目錄(lu)。

第三步(bu)：轉到“文(wen)檔(dang)(dang)”窗口，再按(an)“添(tian)加”按(an)鈕，根據提示在(zai)“默認文(wen)檔(dang)(dang)名(ming)”后輸入自己網頁的首頁文(wen)件名(ming)“Index.asp”。

第四步(bu)：在(zai)“默認(ren)Web站(zhan)點”上單擊(ji)右鍵(jian)，選“新建虛擬目(mu)錄”，依次在(zai)“別名”處(chu)輸入“test”，在(zai)“目(mu)錄”處(chu)輸入“D:\Wy”后(hou)再(zai)按提示操(cao)作。

? 數據源(yuan)（ODBC）配置

第(di)一步：選擇控制面(mian)板中的管理(li)工(gong)具打(da)開數據(ju)源（ODBC）。

第(di)二步(bu)：在選項卡(ka)系統DNS中(zhong)添加Microsoft Access Driver(*.mdb)驅動并指定數(shu)據源為(wei)網站的(de)數(shu)據庫文件。

? 測試

打開(kai)瀏覽器，直接在地(di)址欄(lan)中(zhong)輸(shu)入：localhost/test/index.asp或者127.0.0.1/test/index.asp即可。

7.2 網(wang)頁及網(wang)站維護

在測試完成后，網(wang)頁(ye)就可(ke)(ke)以(yi)到互聯網(wang)上(shang)了(le)，接下來要做的(de)就是網(wang)站的(de)日常維(wei)(wei)護(hu)了(le)。網(wang)站維(wei)(wei)護(hu)就是對(dui)服務(wu)器(qi)及(ji)相關(guan)軟硬(ying)件的(de)維(wei)(wei)護(hu)，對(dui)可(ke)(ke)能(neng)出現的(de)問題進行評(ping)估，制定響應時(shi)間，制定相關(guan)維(wei)(wei)護(hu)規定，將網(wang)站維(wei)(wei)護(hu)制度化(hua)、規范化(hua)，主要包括以(yi)下內容：

? 即(ji)時更新(xin)新(xin)聞內容

? 留言、投訴(su)、咨詢、信箱定期(qi)回復(fu)

? 數據庫內(nei)容定期備份、刪減(jian)、分類

? 更正數據庫使用(yong)過程中發現的問題

? 定期進(jin)行綜合分析，不(bu)斷優化數(shu)據(ju)庫(ku)中數(shu)據(ju)結構(gou)，提高使用(yong)效率

? 在系統運(yun)行過(guo)程中應定期對(dui)管理(li)員用(yong)戶名和密碼(ma)進行更新(xin)，并對(dui)IIS和NT權限作相應設置

第 八 章 結論

本次利用(yong)畢業設(she)計(ji)(ji)的(de)(de)機會，為自己(ji)工作(zuo)的(de)(de)單(dan)位設(she)計(ji)(ji)了網(wang)(wang)頁(ye)(ye)。網(wang)(wang)頁(ye)(ye)使用(yong)ASP技術開(kai)發，具有(you)良(liang)好的(de)(de)交互(hu)性能(neng)(neng)，具備(bei)強大的(de)(de)后臺管理功能(neng)(neng)。新聞、信息檢索、互(hu)動(dong)交流(liu)等主要模塊設(she)計(ji)(ji)做到了與單(dan)位職(zhi)能(neng)(neng)職(zhi)責的(de)(de)緊密(mi)結合，達到了預期(qi)設(she)計(ji)(ji)目標。網(wang)(wang)頁(ye)(ye)經單(dan)位局域網(wang)(wang)多(duo)次測試，在WindowsXP操作(zuo)系統，IIS5.1的(de)(de)服務器環(huan)境上正常運(yun)行。

此(ci)次網頁(ye)制作，通(tong)過大量閱讀書(shu)籍和求助互聯網，使我初步掌(zhang)握了網頁(ye)設(she)(she)計(ji)制作的一(yi)般(ban)過程(cheng)、ASP簡(jian)單(dan)設(she)(she)計(ji)應(ying)用(yong)、CSS和表單(dan)布局常識、ACCESS數據庫設(she)(she)計(ji)技(ji)能。特別是在ASP編(bian)程(cheng)階段(duan)，通(tong)過無(wu)數次解(jie)決(jue)測試(shi)過程(cheng)中(zhong)排查出的問題，我不(bu)僅(jin)回顧(gu)和應(ying)用(yong)了以(yi)前學(xue)習過的理念知識，還(huan)掌(zhang)握了許多新的知識和技(ji)巧，獲益(yi)良多。但(dan)由于時間倉(cang)促，受(shou)一(yi)些技(ji)術和設(she)(she)備所限，網頁(ye)在美工、需求分析(xi)、網頁(ye)安全等方面存在諸(zhu)多不(bu)足之處，有待后期運行中(zhong)進一(yi)步改(gai)進和完(wan)善。

參考文獻

1. 《Dreamweaver CS3 入門(men) 提高 精通》，薛(xue)凱，康亞雄編(bian)著，機械工業出版(ban)社 2008

2. 《Photoshop CS3 平面設計標準教程》，李建宏，雷(lei)波編著，機械(xie)工業(ye)出版社 2008

3. 《ASP網頁數據庫(ku)短訓教程》，劉(liu)瑞新(xin)，汪遠征編著(zhu)，機(ji)械工業出(chu)版社 2005

4. 《Flash CS3動畫制(zhi)作》，華信卓越(yue)編(bian)著(zhu)，電子工業出版社(she) 2008

5. 《網頁設計(ji)三合一》，甘登岱編著，清華大學出版社(she) 2009

6. 《網頁設計與網站建》，邱云飛，溫(wen)國峰(feng)編著，清華大學出(chu)版社 2009

7. 《Access2007數據庫應用與開發》，楊(yang)繼萍，孫巖，梁文新編著，清華(hua)大學出版社 2008

8. 《網頁制(zhi)作從(cong)入門到精通》，譚(tan)貞軍(jun)，劉斌(bin)編(bian)著，清(qing)華大學出版社(she) 2008

9. nbagri.gov.cn/index.jsp（寧(ning)波農村經濟綜合信息網）

10. 68design.net/（網頁設計師聯盟）

11. wznb.gov.cn/（溫州市委農辦）

篇9

中圖分類號：TP315

畢(bi)業(ye)(ye)(ye)論(lun)文(wen)是高校(xiao)本科教學過(guo)(guo)程中最(zui)重要的(de)(de)(de)(de)環節(jie)，也(ye)(ye)是最(zui)后的(de)(de)(de)(de)環節(jie)。現在的(de)(de)(de)(de)大多(duo)數高校(xiao)，就(jiu)畢(bi)業(ye)(ye)(ye)設計指(zhi)導(dao)(dao)來(lai)(lai)說基本上都是通過(guo)(guo)師(shi)(shi)生見(jian)(jian)面(mian)來(lai)(lai)完(wan)成(cheng)的(de)(de)(de)(de)，或(huo)者是通過(guo)(guo)電話聯系(xi)。這樣導(dao)(dao)師(shi)(shi)有時既浪費時間又(you)不能(neng)及時給(gei)予指(zhi)導(dao)(dao)和(he)答疑。對(dui)于學生來(lai)(lai)說和(he)老師(shi)(shi)過(guo)(guo)于頻繁(fan)的(de)(de)(de)(de)見(jian)(jian)面(mian)也(ye)(ye)會浪費一(yi)定的(de)(de)(de)(de)時間，面(mian)對(dui)就(jiu)業(ye)(ye)(ye)壓力越來(lai)(lai)越大的(de)(de)(de)(de)今天(tian)，應(ying)屆畢(bi)業(ye)(ye)(ye)生面(mian)臨(lin)著找工作的(de)(de)(de)(de)難題(ti)也(ye)(ye)就(jiu)越來(lai)(lai)越嚴(yan)重，學生沒有過(guo)(guo)多(duo)的(de)(de)(de)(de)精力和(he)時間來(lai)(lai)和(he)導(dao)(dao)師(shi)(shi)見(jian)(jian)面(mian)討論(lun)畢(bi)業(ye)(ye)(ye)設計中的(de)(de)(de)(de)各種(zhong)問(wen)題(ti)。因此，在網絡如此發(fa)達的(de)(de)(de)(de)今天(tian)，采用(yong)網上的(de)(de)(de)(de)方式(shi)作為(wei)指(zhi)導(dao)(dao)和(he)答疑也(ye)(ye)不失是一(yi)種(zhong)好的(de)(de)(de)(de)選擇。

基(ji)于ASP的畢業設計(ji)指導(dao)(dao)(dao)網站是(shi)用(yong)ASP動態網頁技術和(he)SQL Server 2000開發(fa)，它涵(han)蓋計(ji)算(suan)機技術和(he)網絡技術兩門學科。是(shi)提(ti)供給畢業生和(he)指導(dao)(dao)(dao)教師之間(jian)溝通交流的好的平臺(tai)。也是(shi)彌補目前許多(duo)高(gao)校的網站系統中(zhong)一個小的漏缺，可以作為高(gao)校網站系統中(zhong)的一小部分。正是(shi)這一不起(qi)眼的小部分，卻給畢業生和(he)指導(dao)(dao)(dao)教師帶來了許多(duo)方便，節(jie)省了許多(duo)時間(jian)，又能及時地得(de)到老師的指導(dao)(dao)(dao)，從而提(ti)高(gao)指導(dao)(dao)(dao)效率。

1 網站總體功能設計

基于(yu)ASP的(de)畢(bi)業(ye)設計指導(dao)網站管理系統(tong)的(de)主要用戶分為三種(zhong)類(lei)型：管理員、教師、學生。針(zhen)對(dui)不同的(de)用戶類(lei)型，登錄(lu)進(jin)去都有不同的(de)權(quan)限和操作功(gong)能(neng)。

2 系統功能實現

主要包(bao)括數據(ju)庫(ku)設計(ji)(ji)和(he)網(wang)(wang)站功能(neng)設計(ji)(ji)。數據(ju)庫(ku)設計(ji)(ji)主要是創建(jian)數據(ju)庫(ku)和(he)添(tian)加數據(ju)表(biao)，并創建(jian)觸發器和(he)存儲(chu)過程(cheng)(cheng)等(deng)；網(wang)(wang)站功能(neng)設計(ji)(ji)主要是功能(neng)模塊的界面和(he)程(cheng)(cheng)序代碼的實現。

2.1 數(shu)據庫設(she)計

（1）創建數據庫(ku)和數據表

4）觸(chu)發器(qi)。觸(chu)發器(qi)是用戶定義(yi)(yi)在(zai)關系(xi)表上(shang)的(de)(de)一類由(you)事件驅動的(de)(de)特殊(shu)過程。一旦定義(yi)(yi)，任(ren)何用戶對表的(de)(de)增、刪、改操作均(jun)由(you)服務(wu)器(qi)自動激活(huo)相(xiang)應的(de)(de)觸(chu)發器(qi)，在(zai)DBMS核(he)心層(ceng)進行集中的(de)(de)完整(zheng)性(xing)控(kong)制。觸(chu)發器(qi)比約(yue)束更(geng)(geng)加(jia)靈活(huo)，實施比約(yue)束更(geng)(geng)為復雜的(de)(de)檢查和操作，具有更(geng)(geng)精細和更(geng)(geng)強大的(de)(de)數據(ju)控(kong)制能力。

在(zai)tbGuest表(biao)里創建了“update”觸發器，“update”觸發器用于當更(geng)改tbGuest表(biao)中(zhong)strTitle時，其他視圖(tu)關(guan)于該strTitle也(ye)相(xiang)應更(geng)改。

2.2 網(wang)站功(gong)能設(she)計

網站功能(neng)設計主要是(shi)各個(ge)功能(neng)模塊的(de)界面(mian)設計和程序代碼的(de)實(shi)現。

點(dian)擊“管(guan)理(li)(li)(li)個人(ren)信息(xi)”便可以進入該(gai)(gai)界面。該(gai)(gai)模塊有(you)查(cha)(cha)詢個人(ren)信息(xi)、修改密碼(ma)、查(cha)(cha)看(kan)公告的(de)功能(neng)(neng)，其中(zhong)學生和教師(shi)用戶還有(you)查(cha)(cha)看(kan)群(qun)發(fa)消(xiao)息(xi)的(de)功能(neng)(neng)，但是管(guan)理(li)(li)(li)員(yuan)不必要有(you)此項功能(neng)(neng)，因(yin)為管(guan)理(li)(li)(li)員(yuan)群(qun)發(fa)消(xiao)息(xi)時在當前的(de)頁(ye)面就可以看(kan)到(dao)，管(guan)理(li)(li)(li)員(yuan)還具有(you)公告的(de)功能(neng)(neng)，師(shi)生可以在管(guan)理(li)(li)(li)個人(ren)信息(xi)中(zhong)點(dian)擊查(cha)(cha)看(kan)公告查(cha)(cha)看(kan)管(guan)理(li)(li)(li)員(yuan)的(de)公告。還必須說明的(de)是查(cha)(cha)詢個人(ren)信息(xi)項中(zhong)學生和教師(shi)用戶沒有(you)權限(xian)，只有(you)管(guan)理(li)(li)(li)員(yuan)有(you)添加(jia)、刪除和修改的(de)權限(xian)。

上傳和下(xia)載(zai)文件(jian)模塊(kuai)所有(you)用(yong)戶都有(you)，該功能(neng)主要(yao)是方(fang)便用(yong)戶的文件(jian)交流，點(dian)擊上傳文件(jian)可進入(ru)上傳界面(mian)，點(dian)擊下(xia)載(zai)可進入(ru)下(xia)載(zai)界面(mian)。

向指(zhi)導老師提問(wen)模(mo)(mo)塊(kuai)(kuai)是集結學(xue)生的(de)(de)提問(wen)，教師的(de)(de)回復和管理(li)員(yuan)的(de)(de)提醒(xing)答(da)疑（管理(li)員(yuan)還可以選擇(ze)公告的(de)(de)方式(shi)提醒(xing)教師答(da)疑）為(wei)同一模(mo)(mo)塊(kuai)(kuai)，該模(mo)(mo)塊(kuai)(kuai)功能可以提供(gong)多(duo)方交(jiao)流溝通，點擊選擇(ze)的(de)(de)方式(shi)可以進(jin)入相應(ying)的(de)(de)界面，學(xue)生可通過(guo)三(san)種(zhong)方式(shi)完成(cheng)提問(wen)；教師通過(guo)相應(ying)的(de)(de)方式(shi)回復；管理(li)員(yuan)通過(guo)三(san)種(zhong)方式(shi)提醒(xing)教師答(da)疑。

查詢問(wen)題模塊(kuai)的實(shi)現，此模塊(kuai)只(zhi)有(you)留言方(fang)式(shi)可以(yi)查詢，其他不必要。在(zai)學(xue)生(sheng)和(he)(he)指(zhi)導(dao)老師之(zhi)間(jian)提供三種交流(liu)方(fang)式(shi)，查詢中學(xue)生(sheng)和(he)(he)教師沒有(you)權限，只(zhi)有(you)管理員有(you)添加(jia)、刪(shan)除(chu)的權限。

首頁(ye)模(mo)塊和(he)退(tui)出(chu)系統模(mo)塊，單擊(ji)首頁(ye)則返回(hui)首頁(ye)登錄界面，單擊(ji)退(tui)出(chu)系統則實現關閉網頁(ye)。

3 系統測試結果

本系統曾經移植到多臺計(ji)算機上對不同(tong)配置(zhi)的(de)(de)計(ji)算機進行兼(jian)容性(xing)測試(shi)，測試(shi)結果表明，Web在不同(tong)的(de)(de)環境配置(zhi)下運(yun)行正常。

4 結語

本(ben)設(she)計是基(ji)于(yu)B/S架(jia)構，采(cai)用(yong)ASP動態網(wang)頁技術和(he)SQL Server 2000，結合Dreamweaver軟件開發出來的(de)。網(wang)站根(gen)據不同(tong)身份的(de)用(yong)戶實現了(le)不同(tong)的(de)應(ying)用(yong)操作(zuo)界面，各個界面的(de)功(gong)能(neng)稍(shao)微不同(tong)但(dan)相差不大。整(zheng)個系(xi)(xi)(xi)統界面友(you)好，運(yun)行可靠，系(xi)(xi)(xi)統功(gong)能(neng)基(ji)本(ben)滿足(zu)用(yong)戶要求，從而(er)加(jia)強了(le)指(zhi)導(dao)老師和(he)學生之間的(de)交流，提高了(le)論文(wen)寫作(zuo)的(de)效率。本(ben)系(xi)(xi)(xi)統可作(zuo)為(wei)一(yi)個單(dan)獨(du)的(de)畢業設(she)計指(zhi)導(dao)網(wang)站，也(ye)可以嵌入到高校(xiao)網(wang)站系(xi)(xi)(xi)統中作(zuo)為(wei)一(yi)個子(zi)系(xi)(xi)(xi)統。

參考文獻：

[1]李林，申(shen)時凱(kai)，王衛星.Visual Basic程序設(she)計[M].北京(jing)：地質出(chu)版社，2006，2.

[2]尚(shang)俊杰.網絡(luo)程(cheng)序(xu)設計 ―ASP（第三(san)版(ban)）[M].北(bei)京：清華大學(xue)出版(ban)社(she)，2009，6.

[3]王(wang)珊，薩師煊.數據庫系統概論（第四版(ban)）[M].北京：高等教育出版(ban)社，2005，3.

[4]趙(zhao)文(wen)耘，牛軍鈺(yu).軟件(jian)工程[M].北京(jing)：清華(hua)大學出版社，2007，1.

[5]張克非網絡(luo)程序設(she)計及應(ying)用[M].北京：北京航(hang)(hang)空航(hang)(hang)天大學出版(ban)社，2007，6.

[6]何薇(wei)，舒(shu)后.網絡數據庫技術與應用[M].北京：清華大(da)學出(chu)版(ban)社(she)，2011，4.

[7]呂云翔，王洋，肖咚.軟件測試案(an)例教程[M].北京：機械工(gong)業(ye)出版社，2011，1.

篇10

隨著(zhu)學(xue)生對(dui)互聯網的(de)(de)(de)(de)依賴性越(yue)來越(yue)強(qiang)，以(yi)及Googlescholar、百度學(xue)術(shu)等(deng)學(xue)術(shu)搜索(suo)引擎(qing)對(dui)圖書(shu)館(guan)學(xue)術(shu)資(zi)源(yuan)主(zhu)體(ti)(ti)地位的(de)(de)(de)(de)沖擊，使(shi)得圖書(shu)館(guan)網站(zhan)(zhan)(zhan)的(de)(de)(de)(de)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)體(ti)(ti)驗變得越(yue)來越(yue)重要。圖書(shu)館(guan)網站(zhan)(zhan)(zhan)必須進行優(you)化(hua)設(she)(she)計，使(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)可以(yi)方(fang)便地瀏覽網站(zhan)(zhan)(zhan)的(de)(de)(de)(de)信息、使(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)網站(zhan)(zhan)(zhan)的(de)(de)(de)(de)服(fu)務，讓用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)獲得愉快的(de)(de)(de)(de)體(ti)(ti)驗，才能吸引用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)使(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)圖書(shu)館(guan)的(de)(de)(de)(de)網站(zhan)(zhan)(zhan)，使(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)圖書(shu)館(guan)的(de)(de)(de)(de)資(zi)源(yuan)與服(fu)務。用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)體(ti)(ti)驗強(qiang)調在網站(zhan)(zhan)(zhan)構(gou)建(jian)的(de)(de)(de)(de)過程中以(yi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)為中心(xin)，充分(fen)考慮用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)體(ti)(ti)驗的(de)(de)(de)(de)內容及影響因素，通過設(she)(she)計滿足用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)需(xu)求，符合用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)審美(mei)(mei)體(ti)(ti)驗、認知特點、使(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)習慣的(de)(de)(de)(de)組織系(xi)統、導(dao)航(hang)系(xi)統等(deng)，從而讓用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)獲得良好的(de)(de)(de)(de)體(ti)(ti)驗效果(guo)。用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)體(ti)(ti)驗設(she)(she)計的(de)(de)(de)(de)目標(biao)可以(yi)歸納為：解決用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)需(xu)求，減少用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)理解和(he)操作的(de)(de)(de)(de)成(cheng)本，給(gei)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)留下美(mei)(mei)好而深刻的(de)(de)(de)(de)印象。基于用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)體(ti)(ti)驗的(de)(de)(de)(de)網站(zhan)(zhan)(zhan)設(she)(she)計主(zhu)要包括：視(shi)覺(jue)設(she)(she)計、界面設(she)(she)計和(he)導(dao)航(hang)設(she)(she)計等(deng)。

1視覺設計

視(shi)覺(jue)設計(ji)是在用(yong)(yong)(yong)戶(hu)審(shen)美文化的(de)(de)基(ji)礎上，通(tong)過(guo)色(se)彩(cai)、字體(ti)、圖(tu)片、按鈕、隱喻等的(de)(de)使用(yong)(yong)(yong)，設計(ji)出富(fu)有美感和藝術(shu)感的(de)(de)網站，從而實現(xian)在很短(duan)的(de)(de)時(shi)間內吸引(yin)住(zhu)用(yong)(yong)(yong)戶(hu)，并(bing)激發用(yong)(yong)(yong)戶(hu)進(jin)一步的(de)(de)信息行為[1]。圖(tu)書館(guan)網站在視(shi)覺(jue)設計(ji)上要符合(he)用(yong)(yong)(yong)戶(hu)當前的(de)(de)視(shi)覺(jue)趨勢，體(ti)現(xian)圖(tu)書館(guan)的(de)(de)文化內涵，通(tong)過(guo)圖(tu)文、色(se)彩(cai)、形狀的(de)(de)搭配以及信息塊的(de)(de)建(jian)立和整合(he)，形成一個疏密有序、圖(tu)文并(bing)茂(mao)、條(tiao)理(li)清晰(xi)、氣(qi)氛和諧的(de)(de)網站視(shi)覺(jue)感受。

1.1符合視覺趨勢

不同時(shi)期用(yong)戶的(de)審美取向(xiang)與內心(xin)訴(su)求是不同的(de)，網(wang)站的(de)設計一定要符合當前(qian)用(yong)戶的(de)視(shi)覺(jue)(jue)(jue)趨(qu)勢(shi)。就目前(qian)而言，視(shi)覺(jue)(jue)(jue)趨(qu)勢(shi)大致如下：響應(ying)式的(de)網(wang)頁(ye)(ye)設計讓網(wang)站頁(ye)(ye)面無論(lun)屏幕尺寸大小(xiao)都能有最佳(jia)的(de)顯示效果[2]，寬屏、大圖(tu)讓頁(ye)(ye)面更顯大氣；改變以往用(yong)線(xian)條來分割區域(yu)的(de)方式，采用(yong)空隙和(he)留(liu)白，讓頁(ye)(ye)面順(shun)暢自由的(de)呼吸(xi)，給用(yong)戶留(liu)下廣闊的(de)思考空間(jian)；減(jian)少(shao)漸變和(he)視(shi)覺(jue)(jue)(jue)元素，采用(yong)規整(zheng)的(de)布局、扁平化的(de)視(shi)覺(jue)(jue)(jue)風格，讓整(zheng)體感覺(jue)(jue)(jue)更清爽。在(zai)網(wang)站構(gou)建之初，設計師一般會根(gen)據圖(tu)書館的(de)需求結(jie)合當前(qian)的(de)視(shi)覺(jue)(jue)(jue)趨(qu)勢(shi)設計出(chu)至少(shao)3版首頁(ye)(ye)設計圖(tu)，圖(tu)書館可以采用(yong)問(wen)卷調查(cha)的(de)形式從中選出(chu)最受(shou)目標用(yong)戶歡迎的(de)頁(ye)(ye)面。

1.2做好色彩搭(da)配

色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)是網(wang)(wang)站最(zui)具表(biao)現(xian)力和(he)(he)(he)(he)感(gan)(gan)染力的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)視(shi)覺(jue)元素，好的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)搭配(pei)可(ke)以(yi)吸引用(yong)(yong)(yong)(yong)戶(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)注(zhu)(zhu)(zhu)意(yi)力，給(gei)用(yong)(yong)(yong)(yong)戶(hu)(hu)帶來(lai)過(guo)目不(bu)(bu)忘(wang)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)效果(guo)。相反，太過(guo)單(dan)調(diao)乏(fa)味的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)頁面(mian)會(hui)(hui)使用(yong)(yong)(yong)(yong)戶(hu)(hu)視(shi)線游離；過(guo)于炫目多(duo)彩(cai)(cai)(cai)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)頁面(mian)又會(hui)(hui)對用(yong)(yong)(yong)(yong)戶(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)實際需(xu)要造(zao)(zao)成干擾(rao)。網(wang)(wang)站的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)搭配(pei)上要注(zhu)(zhu)(zhu)意(yi)以(yi)下情況(kuang)：（1）每(mei)種色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)都有(you)自己特(te)定(ding)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)含(han)義和(he)(he)(he)(he)象(xiang)征，會(hui)(hui)給(gei)人(ren)(ren)(ren)帶來(lai)不(bu)(bu)同(tong)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)情感(gan)(gan)反應[3]，網(wang)(wang)站設(she)計(ji)要合理(li)恰當的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)運用(yong)(yong)(yong)(yong)，設(she)計(ji)符(fu)合網(wang)(wang)站自身特(te)色(se)(se)(se)(se)(se)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)搭配(pei)，把網(wang)(wang)站的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)思想正(zheng)(zheng)確(que)(que)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)傳(chuan)遞給(gei)用(yong)(yong)(yong)(yong)戶(hu)(hu)。例(li)如，“紅(hong)(hong)(hong)色(se)(se)(se)(se)(se)”可(ke)以(yi)給(gei)人(ren)(ren)(ren)熱情、喜(xi)慶、奔放(fang)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)情感(gan)(gan)反應，也能(neng)(neng)給(gei)人(ren)(ren)(ren)危險的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)心(xin)理(li)暗(an)示；金燦燦的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)“黃色(se)(se)(se)(se)(se)”給(gei)人(ren)(ren)(ren)富有(you)、高貴之(zhi)感(gan)(gan)，而混(hun)濁的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)暗(an)黃給(gei)人(ren)(ren)(ren)凋謝、衰敗之(zhi)感(gan)(gan)；“藍色(se)(se)(se)(se)(se)”象(xiang)征著智(zhi)慧、理(li)智(zhi)、清爽，會(hui)(hui)讓人(ren)(ren)(ren)感(gan)(gan)覺(jue)平(ping)靜、深(shen)遠(yuan)、穩定(ding)、可(ke)靠。（2）不(bu)(bu)同(tong)色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)對眼(yan)睛刺激不(bu)(bu)同(tong)，會(hui)(hui)造(zao)(zao)成視(shi)覺(jue)上先后順序和(he)(he)(he)(he)關(guan)(guan)注(zhu)(zhu)(zhu)度(du)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)不(bu)(bu)同(tong)。在(zai)(zai)色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)運用(yong)(yong)(yong)(yong)上，要考慮內容(rong)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)先后順序和(he)(he)(he)(he)優(you)先級，正(zheng)(zheng)確(que)(que)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)運用(yong)(yong)(yong)(yong)色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)。例(li)如，冷色(se)(se)(se)(se)(se)類和(he)(he)(he)(he)暖(nuan)色(se)(se)(se)(se)(se)類色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)是有(you)明(ming)顯的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)層(ceng)次差別的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)，一般情況(kuang)下，用(yong)(yong)(yong)(yong)戶(hu)(hu)會(hui)(hui)先注(zhu)(zhu)(zhu)意(yi)到暖(nuan)色(se)(se)(se)(se)(se)調(diao)色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)，且對暖(nuan)色(se)(se)(se)(se)(se)調(diao)色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)關(guan)(guan)注(zhu)(zhu)(zhu)度(du)和(he)(he)(he)(he)點擊量要高于冷色(se)(se)(se)(se)(se)調(diao)色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)；色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)反差更容(rong)易(yi)造(zao)(zao)成用(yong)(yong)(yong)(yong)戶(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)關(guan)(guan)注(zhu)(zhu)(zhu)度(du)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)不(bu)(bu)同(tong)，通常(chang)高反差色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)更能(neng)(neng)引起用(yong)(yong)(yong)(yong)戶(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)關(guan)(guan)注(zhu)(zhu)(zhu)[4]。（3）避免(mian)(mian)使用(yong)(yong)(yong)(yong)色(se)(se)(se)(se)(se)盲不(bu)(bu)易(yi)區分(fen)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)顏(yan)色(se)(se)(se)(se)(se)對。網(wang)(wang)站的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)設(she)計(ji)要保證在(zai)(zai)辨識色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)方(fang)面(mian)存在(zai)(zai)缺陷的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)用(yong)(yong)(yong)(yong)戶(hu)(hu)（如紅(hong)(hong)(hong)綠色(se)(se)(se)(se)(se)盲、藍黃色(se)(se)(se)(se)(se)盲、全色(se)(se)(se)(se)(se)弱等(deng)）也能(neng)(neng)正(zheng)(zheng)常(chang)使用(yong)(yong)(yong)(yong)網(wang)(wang)站，避免(mian)(mian)使用(yong)(yong)(yong)(yong)深(shen)紅(hong)(hong)(hong)和(he)(he)(he)(he)黑(hei)、深(shen)紅(hong)(hong)(hong)和(he)(he)(he)(he)深(shen)綠、藍色(se)(se)(se)(se)(se)和(he)(he)(he)(he)紫色(se)(se)(se)(se)(se)以(yi)及淺(qian)綠和(he)(he)(he)(he)白色(se)(se)(se)(se)(se)這樣的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)顏(yan)色(se)(se)(se)(se)(se)對[5]。網(wang)(wang)站色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)設(she)計(ji)時可(ke)在(zai)(zai)專(zhuan)業的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)色(se)(se)(se)(se)(se)盲所(suo)見效果(guo)檢測網(wang)(wang)站（如網(wang)(wang)站和(he)(he)(he)(he)）上檢測，確(que)(que)保需(xu)要辨識顏(yan)色(se)(se)(se)(se)(se)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)地(di)方(fang)所(suo)用(yong)(yong)(yong)(yong)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)顏(yan)色(se)(se)(se)(se)(se)在(zai)(zai)色(se)(se)(se)(se)(se)盲和(he)(he)(he)(he)正(zheng)(zheng)常(chang)人(ren)(ren)(ren)看來(lai)是一致的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)，不(bu)(bu)需(xu)要辨識顏(yan)色(se)(se)(se)(se)(se)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)地(di)方(fang)，在(zai)(zai)色(se)(se)(se)(se)(se)盲眼(yan)中是清晰(xi)的(de)(de)(de)(de)(de)(de)(de)(de)(de)(de)。

2界面設計

界面(mian)設計最基本的(de)性(xing)能(neng)(neng)是(shi)(shi)功能(neng)(neng)性(xing)和使用(yong)性(xing)。通過界面(mian)設計，讓信息(xi)更(geng)加(jia)流暢(chang)的(de)傳遞(di)給(gei)用(yong)戶，讓功能(neng)(neng)和操作變得更(geng)加(jia)簡單。界面(mian)設計包(bao)括標識設置(zhi)(zhi)能(neng)(neng)否(fou)被用(yong)戶所理解[1]、頁(ye)面(mian)布(bu)局是(shi)(shi)否(fou)能(neng)(neng)夠凸顯頁(ye)面(mian)重點、符合(he)(he)用(yong)戶的(de)習慣等。在標識設置(zhi)(zhi)方(fang)(fang)面(mian)重點是(shi)(shi)要避(bi)免使用(yong)用(yong)戶不熟悉的(de)詞匯；頁(ye)面(mian)布(bu)局方(fang)(fang)面(mian)，首頁(ye)一定要將(jiang)關注度(du)高的(de)欄(lan)(lan)目放在醒目的(de)位置(zhi)(zhi)上；其它欄(lan)(lan)目的(de)擺(bai)放位置(zhi)(zhi)要遵(zun)從網(wang)站形(xing)成的(de)慣例(li)，符合(he)(he)用(yong)戶的(de)心智模型；以信息(xi)呈現為主的(de)頁(ye)面(mian)要建(jian)立清晰的(de)視覺(jue)層(ceng)次。

2.1避免使用用戶(hu)不(bu)熟(shu)悉的詞匯

根據(ju)Krug的(de)(de)(de)(de)可用性第一規律，網(wang)頁必(bi)須(xu)是(shi)(shi)清(qing)晰且自明的(de)(de)(de)(de)[6]，也就(jiu)是(shi)(shi)說網(wang)頁的(de)(de)(de)(de)內(nei)容對于(yu)用戶(hu)(hu)(hu)來說是(shi)(shi)不(bu)言(yan)而(er)(er)喻(yu)、一目了然的(de)(de)(de)(de)。要(yao)(yao)做到這(zhe)一點，就(jiu)要(yao)(yao)避免使用用戶(hu)(hu)(hu)不(bu)熟悉的(de)(de)(de)(de)詞匯，比如(ru)，OPAC、E讀、查收查引(yin)、題名(ming)、責任者(zhe)、資源發(fa)現系(xi)統(tong)等。這(zhe)些(xie)字用戶(hu)(hu)(hu)都認(ren)識，但不(bu)代表真(zhen)的(de)(de)(de)(de)理解(jie)了意思，因為(wei)(wei)新信(xin)息(xi)只有(you)和已有(you)的(de)(de)(de)(de)知識結(jie)構緊密結(jie)合，才能(neng)被(bei)徹底的(de)(de)(de)(de)理解(jie)吸(xi)收，而(er)(er)用戶(hu)(hu)(hu)基(ji)本(ben)上是(shi)(shi)非圖(tu)(tu)書館(guan)專業(ye)的(de)(de)(de)(de)學(xue)(xue)(xue)生和老(lao)師，接受過的(de)(de)(de)(de)圖(tu)(tu)書館(guan)專業(ye)培訓比較少(shao)，對這(zhe)些(xie)詞很難做到一看就(jiu)懂。當用戶(hu)(hu)(hu)在網(wang)站(zhan)上尋找信(xin)息(xi)或者(zhe)某個功能(neng)時，他們并(bing)不(bu)會認(ren)真(zhen)閱讀，只是(shi)(shi)快速而(er)(er)粗(cu)略地(di)掃描屏幕上與目標相關的(de)(de)(de)(de)東(dong)西(xi)[4]，這(zhe)些(xie)用戶(hu)(hu)(hu)不(bu)熟悉的(de)(de)(de)(de)詞匯往往被(bei)認(ren)為(wei)(wei)是(shi)(shi)與目標無關，直接被(bei)忽(hu)略掉。可以(yi)把(ba)“OPAC”換(huan)(huan)成(cheng)“館(guan)藏(zang)書刊搜(sou)索(suo)”；“E讀”換(huan)(huan)成(cheng)“全國高(gao)校館(guan)藏(zang)搜(sou)索(suo)”；“查收查引(yin)”換(huan)(huan)成(cheng)“論(lun)文(wen)收錄引(yin)用”；“題名(ming)”換(huan)(huan)成(cheng)“書名(ming)/篇名(ming)”；“責任者(zhe)”換(huan)(huan)成(cheng)“作者(zhe)”；資源發(fa)現系(xi)統(tong)因為(wei)(wei)實現的(de)(de)(de)(de)是(shi)(shi)圖(tu)(tu)書館(guan)紙質和電子館(guan)藏(zang)的(de)(de)(de)(de)一站(zhan)式搜(sou)索(suo)，所以(yi)一般(ban)采用學(xue)(xue)(xue)校特色名(ming)字加上搜(sou)索(suo)或學(xue)(xue)(xue)術(shu)搜(sou)索(suo)的(de)(de)(de)(de)形(xing)式，例如(ru)，清(qing)華大學(xue)(xue)(xue)圖(tu)(tu)書館(guan)的(de)(de)(de)(de)“水木搜(sou)索(suo)”、北(bei)京大學(xue)(xue)(xue)圖(tu)(tu)書館(guan)的(de)(de)(de)(de)“未名(ming)學(xue)(xue)(xue)術(shu)搜(sou)索(suo)”、南(nan)方科技大學(xue)(xue)(xue)圖(tu)(tu)書館(guan)的(de)(de)(de)(de)“南(nan)科學(xue)(xue)(xue)術(shu)搜(sou)索(suo)”、浙江大學(xue)(xue)(xue)圖(tu)(tu)書館(guan)的(de)(de)(de)(de)“求是(shi)(shi)學(xue)(xue)(xue)術(shu)搜(sou)索(suo)”等。

2.2關注度高的(de)(de)欄目放在醒目的(de)(de)位置上

關(guan)(guan)(guan)注(zhu)(zhu)(zhu)度(du)高的(de)(de)(de)(de)欄(lan)目(mu)放(fang)在(zai)(zai)首頁醒目(mu)的(de)(de)(de)(de)位(wei)(wei)置(zhi)上可(ke)以有效提高網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)用戶體驗。網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)欄(lan)目(mu)的(de)(de)(de)(de)關(guan)(guan)(guan)注(zhu)(zhu)(zhu)度(du)可(ke)通過(guo)網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)分(fen)(fen)(fen)(fen)析(xi)(xi)工具來(lai)(lai)統計(ji)(ji)。目(mu)前(qian)，免費的(de)(de)(de)(de)網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)分(fen)(fen)(fen)(fen)析(xi)(xi)工具有十(shi)余種(zhong)，比如(ru)，GoogleAnalytics、CrazyEgg、Yahoo!WebAnalytics、百(bai)度(du)統計(ji)(ji)和CNZZ的(de)(de)(de)(de)站(zhan)(zhan)(zhan)(zhan)長統計(ji)(ji)等。其主要采用當(dang)前(qian)較為流行的(de)(de)(de)(de)基于(yu)腳(jiao)本(ben)（JavaScript等）的(de)(de)(de)(de)統計(ji)(ji)方式，這種(zhong)方法需要在(zai)(zai)網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)Html代碼中(zhong)(zhong)(zhong)(zhong)嵌入一段腳(jiao)本(ben)來(lai)(lai)統計(ji)(ji)網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)被訪(fang)問情(qing)況(kuang)。館(guan)員可(ke)通過(guo)網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)訪(fang)問情(qing)況(kuang)統計(ji)(ji)分(fen)(fen)(fen)(fen)析(xi)(xi)，來(lai)(lai)確定(ding)網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)中(zhong)(zhong)(zhong)(zhong)用戶關(guan)(guan)(guan)注(zhu)(zhu)(zhu)度(du)最(zui)(zui)高的(de)(de)(de)(de)欄(lan)目(mu)。以南方科技(ji)大學圖書館(guan)舊版網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)為例，關(guan)(guan)(guan)注(zhu)(zhu)(zhu)度(du)最(zui)(zui)高的(de)(de)(de)(de)欄(lan)目(mu)是“數據庫導航”，關(guan)(guan)(guan)注(zhu)(zhu)(zhu)度(du)為11.32%；其次是“館(guan)藏資源(yuan)搜索(suo)欄(lan)”，因該版網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)中(zhong)(zhong)(zhong)(zhong)沒有資源(yuan)發(fa)現(xian)系統，所(suo)以主要搜索(suo)館(guan)藏紙本(ben)資源(yuan)，關(guan)(guan)(guan)注(zhu)(zhu)(zhu)度(du)為9.47%；關(guan)(guan)(guan)注(zhu)(zhu)(zhu)度(du)第三的(de)(de)(de)(de)欄(lan)目(mu)是“我的(de)(de)(de)(de)圖書館(guan)”，關(guan)(guan)(guan)注(zhu)(zhu)(zhu)度(du)為7.02%。在(zai)(zai)新網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)設(she)計(ji)(ji)中(zhong)(zhong)(zhong)(zhong)就要把(ba)這3個欄(lan)目(mu)放(fang)在(zai)(zai)網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)中(zhong)(zhong)(zhong)(zhong)最(zui)(zui)醒目(mu)的(de)(de)(de)(de)位(wei)(wei)置(zhi)。一般情(qing)況(kuang)下，網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)上半部(bu)(bu)分(fen)(fen)(fen)(fen)和中(zhong)(zhong)(zhong)(zhong)左部(bu)(bu)分(fen)(fen)(fen)(fen)的(de)(de)(de)(de)被關(guan)(guan)(guan)注(zhu)(zhu)(zhu)度(du)要高于(yu)右半部(bu)(bu)分(fen)(fen)(fen)(fen)和下半部(bu)(bu)分(fen)(fen)(fen)(fen)。網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)中(zhong)(zhong)(zhong)(zhong)最(zui)(zui)醒目(mu)的(de)(de)(de)(de)位(wei)(wei)置(zhi)的(de)(de)(de)(de)確定(ding)可(ke)以在(zai)(zai)新網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)測試過(guo)程(cheng)中(zhong)(zhong)(zhong)(zhong)，通過(guo)眼(yan)動跟蹤技(ji)術(shu)記(ji)錄用戶在(zai)(zai)使用網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)時所(suo)注(zhu)(zhu)(zhu)視(shi)的(de)(de)(de)(de)網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)位(wei)(wei)置(zhi)，從而找出(chu)網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)關(guan)(guan)(guan)注(zhu)(zhu)(zhu)“熱點(dian)”———網(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)中(zhong)(zhong)(zhong)(zhong)最(zui)(zui)醒目(mu)的(de)(de)(de)(de)位(wei)(wei)置(zhi)。

2.3遵(zun)從網站形成(cheng)的(de)慣例

當一個人訪問一個新網站(zhan)的(de)(de)(de)時候，他(ta)尋(xun)找(zhao)(zhao)信息的(de)(de)(de)第一個位置(zhi)(zhi)就(jiu)是在(zai)(zai)其它大多(duo)數網站(zhan)找(zhao)(zhao)到它們(men)的(de)(de)(de)地方(fang)(fang)，所以(yi)遵從網站(zhan)形成(cheng)的(de)(de)(de)慣例(li)可以(yi)減(jian)少用(yong)戶(hu)的(de)(de)(de)尋(xun)找(zhao)(zhao)成(cheng)本(ben)，讓用(yong)戶(hu)找(zhao)(zhao)起來更方(fang)(fang)便(bian)。比如，語言切換、用(yong)戶(hu)登錄、站(zhan)內搜索等獨立于(yu)網站(zhan)結構的(de)(de)(de)功能或內容一般(ban)設(she)置(zhi)(zhi)在(zai)(zai)網頁頂端；重(zhong)要(yao)的(de)(de)(de)、需(xu)求大的(de)(de)(de)欄(lan)目(mu)(mu)應(ying)該放(fang)在(zai)(zai)網頁上方(fang)(fang)主導航(hang)的(de)(de)(de)位置(zhi)(zhi)；相(xiang)對而言不(bu)那(nei)么重(zhong)要(yao)、需(xu)求不(bu)那(nei)么大的(de)(de)(de)欄(lan)目(mu)(mu)應(ying)該放(fang)在(zai)(zai)下方(fang)(fang)導航(hang)條的(de)(de)(de)位置(zhi)(zhi)；網站(zhan)的(de)(de)(de)隱(yin)私(si)政(zheng)策、免(mian)責聲(sheng)明、版權等一般(ban)放(fang)在(zai)(zai)底部。

2.4符合(he)用戶的心智模型界面設計

符合(he)(he)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)心(xin)(xin)智(zhi)(zhi)模(mo)型(xing)主(zhu)要為(wei)了讓用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)在(zai)(zai)(zai)使(shi)(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)過(guo)(guo)程(cheng)(cheng)中(zhong)(zhong)思考降到(dao)最(zui)低、操(cao)(cao)作(zuo)(zuo)(zuo)簡單(dan)到(dao)極致。心(xin)(xin)智(zhi)(zhi)模(mo)型(xing)是(shi)(shi)影響(xiang)(xiang)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)與網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)交(jiao)互時內(nei)(nei)(nei)在(zai)(zai)(zai)的(de)(de)(de)(de)(de)(de)(de)(de)、可(ke)(ke)(ke)(ke)預(yu)(yu)測的(de)(de)(de)(de)(de)(de)(de)(de)認知模(mo)型(xing)[7]，是(shi)(shi)隱含(han)(han)在(zai)(zai)(zai)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)內(nei)(nei)(nei)心(xin)(xin)深處的(de)(de)(de)(de)(de)(de)(de)(de)一種思維方(fang)式(shi)和思想觀念，直接或(huo)者(zhe)(zhe)間接的(de)(de)(de)(de)(de)(de)(de)(de)影響(xiang)(xiang)著用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)行為(wei)[8]。也就是(shi)(shi)說，當用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)在(zai)(zai)(zai)網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)上尋(xun)找(zhao)(zhao)某(mou)一元素(su)時，并不是(shi)(shi)從上到(dao)下順序(xu)尋(xun)找(zhao)(zhao)，而是(shi)(shi)在(zai)(zai)(zai)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)心(xin)(xin)中(zhong)(zhong)已經(jing)形成了關(guan)(guan)于這(zhe)個(ge)(ge)(ge)元素(su)應該放在(zai)(zai)(zai)哪個(ge)(ge)(ge)位(wei)置(zhi)(zhi)的(de)(de)(de)(de)(de)(de)(de)(de)預(yu)(yu)期[9]，然后(hou)根據預(yu)(yu)期去尋(xun)找(zhao)(zhao)該元素(su)。了解用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)心(xin)(xin)智(zhi)(zhi)模(mo)型(xing)，可(ke)(ke)(ke)(ke)以(yi)(yi)知道(dao)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)心(xin)(xin)中(zhong)(zhong)欄(lan)(lan)(lan)(lan)目(mu)的(de)(de)(de)(de)(de)(de)(de)(de)位(wei)置(zhi)(zhi)，從而提(ti)升欄(lan)(lan)(lan)(lan)目(mu)位(wei)置(zhi)(zhi)與用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)預(yu)(yu)期的(de)(de)(de)(de)(de)(de)(de)(de)位(wei)置(zhi)(zhi)吻合(he)(he)度(du)；了解用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)心(xin)(xin)智(zhi)(zhi)模(mo)型(xing)，可(ke)(ke)(ke)(ke)以(yi)(yi)知道(dao)某(mou)一信(xin)息(xi)(xi)在(zai)(zai)(zai)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)心(xin)(xin)中(zhong)(zhong)應該屬于哪個(ge)(ge)(ge)欄(lan)(lan)(lan)(lan)目(mu)，從而提(ti)高欄(lan)(lan)(lan)(lan)目(mu)的(de)(de)(de)(de)(de)(de)(de)(de)名稱與用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)心(xin)(xin)中(zhong)(zhong)名稱的(de)(de)(de)(de)(de)(de)(de)(de)吻合(he)(he)度(du)。要提(ti)高網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)界(jie)面(mian)與用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)心(xin)(xin)智(zhi)(zhi)模(mo)型(xing)的(de)(de)(de)(de)(de)(de)(de)(de)吻合(he)(he)度(du)，可(ke)(ke)(ke)(ke)以(yi)(yi)在(zai)(zai)(zai)網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)建設(she)(she)過(guo)(guo)程(cheng)(cheng)中(zhong)(zhong)通過(guo)(guo)迭代的(de)(de)(de)(de)(de)(de)(de)(de)可(ke)(ke)(ke)(ke)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)性測試[10]，不斷(duan)地發(fa)(fa)(fa)現(xian)網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)中(zhong)(zhong)存在(zai)(zai)(zai)的(de)(de)(de)(de)(de)(de)(de)(de)問題，通過(guo)(guo)布局(ju)的(de)(de)(de)(de)(de)(de)(de)(de)不斷(duan)調(diao)整，讓用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)操(cao)(cao)作(zuo)(zuo)(zuo)變得簡單(dan)、再簡單(dan)；通過(guo)(guo)建立(li)清晰的(de)(de)(de)(de)(de)(de)(de)(de)流程(cheng)(cheng)和界(jie)面(mian)，減少用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)思考和尋(xun)找(zhao)(zhao)時間。最(zui)后(hou)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)耗費時間最(zui)少的(de)(de)(de)(de)(de)(de)(de)(de)界(jie)面(mian)設(she)(she)計就是(shi)(shi)最(zui)趨(qu)近于用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)心(xin)(xin)智(zhi)(zhi)模(mo)型(xing)的(de)(de)(de)(de)(de)(de)(de)(de)界(jie)面(mian)。調(diao)研用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)心(xin)(xin)智(zhi)(zhi)模(mo)型(xing)可(ke)(ke)(ke)(ke)以(yi)(yi)通過(guo)(guo)如(ru)實(shi)觀察(cha)法、遠(yuan)程(cheng)(cheng)測試法和眼動(dong)跟蹤(zong)技術(shu)等(deng)方(fang)法來(lai)實(shi)現(xian)。筆(bi)者(zhe)(zhe)采(cai)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)了如(ru)實(shi)觀察(cha)法，無需遠(yuan)程(cheng)(cheng)監測法的(de)(de)(de)(de)(de)(de)(de)(de)屏幕共享技術(shu)，也不用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)眼動(dong)跟蹤(zong)儀，只要有(you)臺可(ke)(ke)(ke)(ke)供用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)瀏覽網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)電腦即可(ke)(ke)(ke)(ke)，而且不僅能(neng)(neng)清晰的(de)(de)(de)(de)(de)(de)(de)(de)觀察(cha)到(dao)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)操(cao)(cao)作(zuo)(zuo)(zuo)，直接、及時地獲取(qu)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)反饋，還(huan)能(neng)(neng)夠捕捉用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)細微反應，挖掘用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)內(nei)(nei)(nei)隱的(de)(de)(de)(de)(de)(de)(de)(de)體驗(yan)信(xin)息(xi)(xi)[11]。比如(ru)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)發(fa)(fa)(fa)出(chu)“咦(yi)？”、“哦！”等(deng)聲音，或(huo)者(zhe)(zhe)皺眉、撓頭等(deng)動(dong)作(zuo)(zuo)(zuo)，這(zhe)些(xie)都能(neng)(neng)反映出(chu)存在(zai)(zai)(zai)的(de)(de)(de)(de)(de)(de)(de)(de)問題。如(ru)實(shi)觀察(cha)法主(zhu)要是(shi)(shi)讓被試用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)在(zai)(zai)(zai)一個(ge)(ge)(ge)可(ke)(ke)(ke)(ke)控制的(de)(de)(de)(de)(de)(de)(de)(de)實(shi)驗(yan)室環(huan)境(jing)里(li)完(wan)成指(zhi)定(ding)任務(wu)(wu)，通過(guo)(guo)觀察(cha)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)信(xin)息(xi)(xi)搜索過(guo)(guo)程(cheng)(cheng)，總結用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)行為(wei)數據等(deng)[12]，在(zai)(zai)(zai)測試過(guo)(guo)程(cheng)(cheng)中(zhong)(zhong)，要減少語言對用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)干擾，切忌引導性過(guo)(guo)強，要更多地去關(guan)(guan)注用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)操(cao)(cao)作(zuo)(zuo)(zuo)行為(wei)。可(ke)(ke)(ke)(ke)以(yi)(yi)鼓勵(li)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)采(cai)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)“出(chu)聲思維法”，即要求用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)在(zai)(zai)(zai)操(cao)(cao)作(zuo)(zuo)(zuo)時，將(jiang)完(wan)成任務(wu)(wu)時所有(you)的(de)(de)(de)(de)(de)(de)(de)(de)思考、行為(wei)、感受(shou)都描述出(chu)來(lai)，這(zhe)樣測試員(yuan)更容易發(fa)(fa)(fa)現(xian)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)行為(wei)背后(hou)的(de)(de)(de)(de)(de)(de)(de)(de)原(yuan)因。例如(ru)，在(zai)(zai)(zai)南方(fang)科技大學圖(tu)(tu)書(shu)館(guan)(guan)網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)調(diao)研中(zhong)(zhong)發(fa)(fa)(fa)現(xian)，用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)在(zai)(zai)(zai)完(wan)成“查(cha)看我(wo)(wo)的(de)(de)(de)(de)(de)(de)(de)(de)借閱信(xin)息(xi)(xi)”的(de)(de)(de)(de)(de)(de)(de)(de)任務(wu)(wu)時，偶(ou)爾使(shi)(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)圖(tu)(tu)書(shu)館(guan)(guan)網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)，受(shou)其它網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)影響(xiang)(xiang)會(hui)在(zai)(zai)(zai)網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)頂端(duan)尋(xun)找(zhao)(zhao)“我(wo)(wo)的(de)(de)(de)(de)(de)(de)(de)(de)”相(xiang)關(guan)(guan)欄(lan)(lan)(lan)(lan)目(mu)；經(jing)常使(shi)(shi)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)圖(tu)(tu)書(shu)館(guan)(guan)網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)，因知道(dao)該信(xin)息(xi)(xi)會(hui)在(zai)(zai)(zai)“我(wo)(wo)的(de)(de)(de)(de)(de)(de)(de)(de)圖(tu)(tu)書(shu)館(guan)(guan)”中(zhong)(zhong)找(zhao)(zhao)到(dao)，所以(yi)(yi)找(zhao)(zhao)尋(xun)的(de)(de)(de)(de)(de)(de)(de)(de)欄(lan)(lan)(lan)(lan)目(mu)會(hui)鎖定(ding)在(zai)(zai)(zai)“我(wo)(wo)的(de)(de)(de)(de)(de)(de)(de)(de)圖(tu)(tu)書(shu)館(guan)(guan)”，而找(zhao)(zhao)尋(xun)的(de)(de)(de)(de)(de)(de)(de)(de)位(wei)置(zhi)(zhi)會(hui)受(shou)到(dao)圖(tu)(tu)書(shu)館(guan)(guan)舊版網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)影響(xiang)(xiang)，在(zai)(zai)(zai)網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)中(zhong)(zhong)間的(de)(de)(de)(de)(de)(de)(de)(de)直接導航部分(fen)找(zhao)(zhao)“我(wo)(wo)的(de)(de)(de)(de)(de)(de)(de)(de)圖(tu)(tu)書(shu)館(guan)(guan)”欄(lan)(lan)(lan)(lan)目(mu)。綜合(he)(he)這(zhe)兩種情況，在(zai)(zai)(zai)新版網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)設(she)(she)計中(zhong)(zhong)將(jiang)“我(wo)(wo)的(de)(de)(de)(de)(de)(de)(de)(de)”放置(zhi)(zhi)在(zai)(zai)(zai)網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)上方(fang)全局(ju)導航的(de)(de)(de)(de)(de)(de)(de)(de)區(qu)域，“我(wo)(wo)的(de)(de)(de)(de)(de)(de)(de)(de)”這(zhe)個(ge)(ge)(ge)欄(lan)(lan)(lan)(lan)目(mu)被設(she)(she)計為(wei)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)個(ge)(ge)(ge)人空間，里(li)面(mian)的(de)(de)(de)(de)(de)(de)(de)(de)內(nei)(nei)(nei)容包(bao)含(han)(han)用(yong)(yong)(yong)(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)(de)(de)個(ge)(ge)(ge)人基本信(xin)息(xi)(xi)、借閱信(xin)息(xi)(xi)、薦(jian)購信(xin)息(xi)(xi)等(deng)“我(wo)(wo)的(de)(de)(de)(de)(de)(de)(de)(de)圖(tu)(tu)書(shu)館(guan)(guan)”中(zhong)(zhong)查(cha)詢和操(cao)(cao)作(zuo)(zuo)(zuo)的(de)(de)(de)(de)(de)(de)(de)(de)信(xin)息(xi)(xi)以(yi)(yi)及網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)個(ge)(ge)(ge)性化(hua)定(ding)制內(nei)(nei)(nei)容。另外，在(zai)(zai)(zai)網(wang)(wang)(wang)(wang)(wang)站(zhan)(zhan)(zhan)(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)直接導航區(qu)域設(she)(she)置(zhi)(zhi)“我(wo)(wo)的(de)(de)(de)(de)(de)(de)(de)(de)圖(tu)(tu)書(shu)館(guan)(guan)”的(de)(de)(de)(de)(de)(de)(de)(de)入口，方(fang)便(bian)讀(du)者(zhe)(zhe)進入“我(wo)(wo)的(de)(de)(de)(de)(de)(de)(de)(de)圖(tu)(tu)書(shu)館(guan)(guan)”。

2.5建立清(qing)晰的視覺層次感

建立(li)清晰(xi)的(de)(de)視覺層(ceng)次感(gan)(gan)可(ke)以在(zai)(zai)(zai)用(yong)戶瀏覽網(wang)頁(ye)時形成良性(xing)(xing)引(yin)導，從(cong)(cong)而(er)減少用(yong)戶的(de)(de)尋找時間(jian)。用(yong)戶在(zai)(zai)(zai)瀏覽頁(ye)面(mian)時會對(dui)網(wang)站頁(ye)面(mian)的(de)(de)視覺層(ceng)次進(jin)行(xing)分解，篩(shai)選出(chu)需要(yao)的(de)(de)東西(xi)。好的(de)(de)視覺層(ceng)次通過預(yu)先(xian)處理，用(yong)一種用(yong)戶能(neng)快(kuai)速理解的(de)(de)方式對(dui)頁(ye)面(mian)進(jin)行(xing)組織并(bing)根據模塊的(de)(de)優先(xian)級進(jin)行(xing)排列，從(cong)(cong)而(er)減少了用(yong)戶的(de)(de)尋找時間(jian)。大(da)小、顏(yan)(yan)色、對(dui)比、對(dui)齊、親密(mi)(mi)性(xing)(xing)、緊(jin)密(mi)(mi)與留(liu)白(bai)都是(shi)制造視覺層(ceng)次的(de)(de)好工具(ju)。大(da)小往往與重(zhong)要(yao)性(xing)(xing)結合(he)起(qi)來(lai)，最大(da)的(de)(de)元(yuan)素大(da)部(bu)分情(qing)況下(xia)都具(ju)有最大(da)的(de)(de)重(zhong)要(yao)性(xing)(xing)。顏(yan)(yan)色在(zai)(zai)(zai)組織和(he)個性(xing)(xing)兩方面(mian)都起(qi)到作用(yong)，醒目、對(dui)比強烈的(de)(de)顏(yan)(yan)色在(zai)(zai)(zai)特(te)殊的(de)(de)元(yuan)素中會引(yin)起(qi)更(geng)大(da)的(de)(de)關(guan)注（比如，按鈕、超鏈接(jie)或錯誤信息(xi)）；在(zai)(zai)(zai)個性(xing)(xing)方面(mian)，豪華(hua)、舒(shu)適(shi)的(de)(de)顏(yan)(yan)色會給(gei)頁(ye)面(mian)帶來(lai)感(gan)(gan)情(qing)上的(de)(de)吸引(yin)力。對(dui)比能(neng)夠(gou)體現(xian)(xian)出(chu)相(xiang)對(dui)的(de)(de)重(zhong)要(yao)性(xing)(xing)。對(dui)齊能(neng)夠(gou)體現(xian)(xian)出(chu)元(yuan)素們之間(jian)的(de)(de)組織關(guan)系(xi)(xi)。親密(mi)(mi)性(xing)(xing)是(shi)將關(guan)系(xi)(xi)緊(jin)密(mi)(mi)的(de)(de)內(nei)容組織起(qi)來(lai)的(de)(de)最快(kuai)方式。緊(jin)密(mi)(mi)與留(liu)白(bai)的(de)(de)和(he)諧(xie)搭配，既能(neng)體現(xian)(xian)內(nei)容之間(jian)的(de)(de)相(xiang)互關(guan)系(xi)(xi)，又能(neng)避(bi)免緊(jin)密(mi)(mi)給(gei)用(yong)戶帶來(lai)的(de)(de)信息(xi)過量之感(gan)(gan)。

3導航設計

導(dao)航是網(wang)站(zhan)內用(yong)(yong)戶(hu)(hu)的指示路標，可以說是網(wang)站(zhan)最為重要(yao)的設(she)計環(huan)節，它(ta)引導(dao)著用(yong)(yong)戶(hu)(hu)進(jin)行(xing)瀏覽和查找信息，一(yi)個(ge)好的導(dao)航能夠讓用(yong)(yong)戶(hu)(hu)在離開網(wang)站(zhan)時猶如享受(shou)了一(yi)次愉快的旅程。導(dao)航設(she)計首先要(yao)將網(wang)站(zhan)的信息進(jin)行(xing)組織(zhi)分類(lei)，一(yi)個(ge)精(jing)心組織(zhi)分類(lei)的鏈(lian)接體系能夠采用(yong)(yong)簡約(yue)的風格(ge)，將信息梳理到最符(fu)合邏輯、最易于用(yong)(yong)戶(hu)(hu)理解的類(lei)目，讓用(yong)(yong)戶(hu)(hu)不經遲疑(yi)、無(wu)需復(fu)雜(za)操(cao)作(zuo)就能訪問到他們想(xiang)要(yao)的內容。

3.1信息的組織與分類

信息的(de)(de)(de)組(zu)(zu)(zu)織(zhi)(zhi)與分(fen)(fen)(fen)(fen)(fen)(fen)類是導航設計的(de)(de)(de)基礎[13]，好的(de)(de)(de)導航能(neng)夠將(jiang)(jiang)繁復(fu)的(de)(de)(de)頁(ye)(ye)面內容組(zu)(zu)(zu)織(zhi)(zhi)起來(lai)，梳理(li)(li)出(chu)其中(zhong)的(de)(de)(de)邏輯(ji)，按(an)照層(ceng)級關系，建立起簡潔易懂的(de)(de)(de)欄(lan)目(mu)信息架(jia)構。卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)分(fen)(fen)(fen)(fen)(fen)(fen)類法(fa)是一種以(yi)(yi)(yi)用(yong)(yong)(yong)戶(hu)為(wei)導向的(de)(de)(de)有(you)(you)效(xiao)的(de)(de)(de)組(zu)(zu)(zu)織(zhi)(zhi)信息的(de)(de)(de)方法(fa)，可(ke)以(yi)(yi)(yi)設計出(chu)符合用(yong)(yong)(yong)戶(hu)心智模型的(de)(de)(de)信息架(jia)構。卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)分(fen)(fen)(fen)(fen)(fen)(fen)類法(fa)分(fen)(fen)(fen)(fen)(fen)(fen)為(wei)開(kai)放(fang)式(shi)(shi)和(he)封閉(bi)(bi)式(shi)(shi)兩種[14]。開(kai)放(fang)式(shi)(shi)卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)分(fen)(fen)(fen)(fen)(fen)(fen)類法(fa)給(gei)被試(shi)(shi)人(ren)(ren)員(yuan)(yuan)足(zu)夠的(de)(de)(de)自(zi)(zi)由(you)度來(lai)進行(xing)信息歸(gui)(gui)類，測(ce)試(shi)(shi)者不(bu)(bu)(bu)僅可(ke)能(neng)會得到(dao)豐富的(de)(de)(de)分(fen)(fen)(fen)(fen)(fen)(fen)類結果(guo)(guo)，而(er)且(qie)有(you)(you)力于(yu)(yu)發(fa)現(xian)欄(lan)目(mu)命(ming)(ming)名(ming)(ming)(ming)存在(zai)(zai)(zai)的(de)(de)(de)問(wen)題，所以(yi)(yi)(yi)一般(ban)用(yong)(yong)(yong)于(yu)(yu)信息分(fen)(fen)(fen)(fen)(fen)(fen)類的(de)(de)(de)前(qian)(qian)期，用(yong)(yong)(yong)于(yu)(yu)獲(huo)(huo)取(qu)用(yong)(yong)(yong)戶(hu)對圖(tu)(tu)(tu)(tu)書(shu)館(guan)(guan)(guan)服(fu)務及資源(yuan)(yuan)項(xiang)目(mu)的(de)(de)(de)理(li)(li)解(jie)情況。開(kai)放(fang)式(shi)(shi)卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)分(fen)(fen)(fen)(fen)(fen)(fen)類法(fa)由(you)測(ce)試(shi)(shi)者將(jiang)(jiang)寫有(you)(you)圖(tu)(tu)(tu)(tu)書(shu)館(guan)(guan)(guan)的(de)(de)(de)相關介(jie)紹、服(fu)務、資源(yuan)(yuan)等名(ming)(ming)(ming)稱(cheng)的(de)(de)(de)卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)完(wan)全打亂后分(fen)(fen)(fen)(fen)(fen)(fen)發(fa)給(gei)被試(shi)(shi)人(ren)(ren)員(yuan)(yuan)，被試(shi)(shi)人(ren)(ren)員(yuan)(yuan)可(ke)以(yi)(yi)(yi)完(wan)全自(zi)(zi)由(you)地決定(ding)把卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)分(fen)(fen)(fen)(fen)(fen)(fen)成幾組(zu)(zu)(zu)，每組(zu)(zu)(zu)有(you)(you)多(duo)少張(zhang)卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)，最后再由(you)被試(shi)(shi)人(ren)(ren)員(yuan)(yuan)為(wei)分(fen)(fen)(fen)(fen)(fen)(fen)好組(zu)(zu)(zu)的(de)(de)(de)卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)命(ming)(ming)名(ming)(ming)(ming)。在(zai)(zai)(zai)開(kai)放(fang)式(shi)(shi)卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)分(fen)(fen)(fen)(fen)(fen)(fen)類階段(duan)，能(neng)夠發(fa)現(xian)命(ming)(ming)名(ming)(ming)(ming)不(bu)(bu)(bu)合理(li)(li)的(de)(de)(de)欄(lan)目(mu)，能(neng)夠獲(huo)(huo)得被試(shi)(shi)人(ren)(ren)員(yuan)(yuan)理(li)(li)想的(de)(de)(de)分(fen)(fen)(fen)(fen)(fen)(fen)組(zu)(zu)(zu)命(ming)(ming)名(ming)(ming)(ming)。例(li)如南方科技大學(xue)圖(tu)(tu)(tu)(tu)書(shu)館(guan)(guan)(guan)網(wang)站在(zai)(zai)(zai)開(kai)放(fang)式(shi)(shi)卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)分(fen)(fen)(fen)(fen)(fen)(fen)類調(diao)查(cha)過程中(zhong)發(fa)現(xian)，“新(xin)(xin)館(guan)(guan)(guan)風(feng)貌”頁(ye)(ye)的(de)(de)(de)名(ming)(ming)(ming)稱(cheng)存在(zai)(zai)(zai)問(wen)題，因為(wei)對于(yu)(yu)館(guan)(guan)(guan)員(yuan)(yuan)而(er)言，啟動校區(qu)的(de)(de)(de)圖(tu)(tu)(tu)(tu)書(shu)館(guan)(guan)(guan)為(wei)舊館(guan)(guan)(guan)，當前(qian)(qian)使(shi)(shi)(shi)用(yong)(yong)(yong)的(de)(de)(de)圖(tu)(tu)(tu)(tu)書(shu)館(guan)(guan)(guan)為(wei)新(xin)(xin)館(guan)(guan)(guan)。但(dan)是對于(yu)(yu)學(xue)生(sheng)而(er)言，他們并不(bu)(bu)(bu)知道(dao)啟動校區(qu)圖(tu)(tu)(tu)(tu)書(shu)館(guan)(guan)(guan)，所以(yi)(yi)(yi)當前(qian)(qian)使(shi)(shi)(shi)用(yong)(yong)(yong)的(de)(de)(de)圖(tu)(tu)(tu)(tu)書(shu)館(guan)(guan)(guan)就稱(cheng)不(bu)(bu)(bu)上新(xin)(xin)館(guan)(guan)(guan)，使(shi)(shi)(shi)用(yong)(yong)(yong)“館(guan)(guan)(guan)舍風(feng)貌”命(ming)(ming)名(ming)(ming)(ming)則更(geng)為(wei)合適(shi)；關于(yu)(yu)欄(lan)目(mu)的(de)(de)(de)分(fen)(fen)(fen)(fen)(fen)(fen)組(zu)(zu)(zu)命(ming)(ming)名(ming)(ming)(ming)也有(you)(you)收獲(huo)(huo)，舊版網(wang)站中(zhong)使(shi)(shi)(shi)用(yong)(yong)(yong)“關于(yu)(yu)圖(tu)(tu)(tu)(tu)書(shu)館(guan)(guan)(guan)”欄(lan)目(mu)，而(er)用(yong)(yong)(yong)戶(hu)會更(geng)喜(xi)歡給(gei)它命(ming)(ming)名(ming)(ming)(ming)為(wei)“關于(yu)(yu)本館(guan)(guan)(guan)”；“資源(yuan)(yuan)查(cha)找(zhao)”用(yong)(yong)(yong)戶(hu)更(geng)喜(xi)歡給(gei)它命(ming)(ming)名(ming)(ming)(ming)為(wei)“資源(yuan)(yuan)導航”等。封閉(bi)(bi)式(shi)(shi)卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)分(fen)(fen)(fen)(fen)(fen)(fen)類法(fa)可(ke)在(zai)(zai)(zai)開(kai)放(fang)式(shi)(shi)卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)分(fen)(fen)(fen)(fen)(fen)(fen)類法(fa)之后使(shi)(shi)(shi)用(yong)(yong)(yong)，由(you)測(ce)試(shi)(shi)者先確定(ding)出(chu)欄(lan)目(mu)分(fen)(fen)(fen)(fen)(fen)(fen)組(zu)(zu)(zu)的(de)(de)(de)個數和(he)名(ming)(ming)(ming)稱(cheng)，再將(jiang)(jiang)屬于(yu)(yu)這些分(fen)(fen)(fen)(fen)(fen)(fen)組(zu)(zu)(zu)的(de)(de)(de)卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)分(fen)(fen)(fen)(fen)(fen)(fen)發(fa)給(gei)被試(shi)(shi)人(ren)(ren)員(yuan)(yuan)，讓被試(shi)(shi)人(ren)(ren)員(yuan)(yuan)根據自(zi)(zi)己的(de)(de)(de)期望，把卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)歸(gui)(gui)類在(zai)(zai)(zai)不(bu)(bu)(bu)同的(de)(de)(de)分(fen)(fen)(fen)(fen)(fen)(fen)組(zu)(zu)(zu)名(ming)(ming)(ming)稱(cheng)下。如果(guo)(guo)有(you)(you)些卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)被測(ce)人(ren)(ren)員(yuan)(yuan)不(bu)(bu)(bu)知道(dao)該(gai)將(jiang)(jiang)它分(fen)(fen)(fen)(fen)(fen)(fen)到(dao)哪個分(fen)(fen)(fen)(fen)(fen)(fen)組(zu)(zu)(zu)名(ming)(ming)(ming)稱(cheng)下，可(ke)以(yi)(yi)(yi)將(jiang)(jiang)它拿出(chu)來(lai)，不(bu)(bu)(bu)一定(ding)要把所有(you)(you)卡(ka)(ka)(ka)(ka)(ka)(ka)片(pian)(pian)(pian)(pian)(pian)分(fen)(fen)(fen)(fen)(fen)(fen)完(wan)。封閉(bi)(bi)式(shi)(shi)的(de)(de)(de)分(fen)(fen)(fen)(fen)(fen)(fen)類更(geng)利(li)于(yu)(yu)掌控，可(ke)以(yi)(yi)(yi)用(yong)(yong)(yong)于(yu)(yu)對信息架(jia)構設計結果(guo)(guo)的(de)(de)(de)有(you)(you)效(xiao)性進行(xing)驗證。

3.2導航功能模(mo)塊設(she)計

虛(xu)擬(ni)的(de)(de)(de)(de)(de)(de)網(wang)(wang)(wang)絡世(shi)界不(bu)像(xiang)現(xian)實(shi)世(shi)界中(zhong)有(you)明顯的(de)(de)(de)(de)(de)(de)方(fang)(fang)(fang)向感，若沒有(you)清晰的(de)(de)(de)(de)(de)(de)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航和位(wei)(wei)置信(xin)息(xi)(xi)可(ke)(ke)(ke)能(neng)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)致用(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)迷(mi)失方(fang)(fang)(fang)向。成功的(de)(de)(de)(de)(de)(de)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航通(tong)(tong)過(guo)(guo)(guo)各(ge)種標識和路(lu)(lu)徑(jing)的(de)(de)(de)(de)(de)(de)顯示，讓用(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)在(zai)(zai)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航系統中(zhong)清楚地認識到(dao)(dao)網(wang)(wang)(wang)站(zhan)信(xin)息(xi)(xi)結(jie)構(gou)和自己瀏(liu)覽到(dao)(dao)的(de)(de)(de)(de)(de)(de)位(wei)(wei)置[15]。導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航按照(zhao)在(zai)(zai)網(wang)(wang)(wang)站(zhan)中(zhong)所(suo)處的(de)(de)(de)(de)(de)(de)區域(yu)與功能(neng)的(de)(de)(de)(de)(de)(de)不(bu)同分為：全(quan)(quan)(quan)局導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航、局部導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航、直(zhi)(zhi)接(jie)(jie)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航、面(mian)包屑(xie)(xie)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航、網(wang)(wang)(wang)站(zhan)地圖等。全(quan)(quan)(quan)局導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航，也就(jiu)是(shi)(shi)通(tong)(tong)常所(suo)說的(de)(de)(de)(de)(de)(de)主(zhu)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航，是(shi)(shi)網(wang)(wang)(wang)站(zhan)的(de)(de)(de)(de)(de)(de)一(yi)級(ji)菜單，通(tong)(tong)常以(yi)橫條的(de)(de)(de)(de)(de)(de)形式設(she)(she)置在(zai)(zai)網(wang)(wang)(wang)站(zhan)全(quan)(quan)(quan)局區域(yu)較為顯著(zhu)的(de)(de)(de)(de)(de)(de)位(wei)(wei)置，提供覆蓋整(zheng)個(ge)網(wang)(wang)(wang)站(zhan)的(de)(de)(de)(de)(de)(de)通(tong)(tong)路(lu)(lu)，能(neng)夠(gou)展現(xian)網(wang)(wang)(wang)站(zhan)的(de)(de)(de)(de)(de)(de)全(quan)(quan)(quan)貌。用(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)通(tong)(tong)過(guo)(guo)(guo)全(quan)(quan)(quan)局導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航可(ke)(ke)(ke)以(yi)隨時從網(wang)(wang)(wang)站(zhan)的(de)(de)(de)(de)(de)(de)最底層(ceng)頁面(mian)到(dao)(dao)達(da)任(ren)何(he)其它(ta)頁面(mian)，實(shi)現(xian)各(ge)個(ge)頁面(mian)之間的(de)(de)(de)(de)(de)(de)跳轉。局部導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航，也稱為副導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航，是(shi)(shi)全(quan)(quan)(quan)局導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航的(de)(de)(de)(de)(de)(de)補充和延(yan)伸(shen)，專門針對網(wang)(wang)(wang)站(zhan)二級(ji)以(yi)下(xia)的(de)(de)(de)(de)(de)(de)欄目(mu)，在(zai)(zai)幫助用(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)瀏(liu)覽網(wang)(wang)(wang)站(zhan)頁面(mian)時起輔助作(zuo)用(yong)(yong)(yong)，主(zhu)要(yao)用(yong)(yong)(yong)于(yu)有(you)序(xu)瀏(liu)覽目(mu)錄內的(de)(de)(de)(de)(de)(de)具(ju)體內容。直(zhi)(zhi)接(jie)(jie)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航，是(shi)(shi)在(zai)(zai)首頁中(zhong)設(she)(she)置的(de)(de)(de)(de)(de)(de)直(zhi)(zhi)接(jie)(jie)將用(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)引導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)到(dao)(dao)網(wang)(wang)(wang)站(zhan)內任(ren)意指定位(wei)(wei)置的(de)(de)(de)(de)(de)(de)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航，直(zhi)(zhi)接(jie)(jie)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航可(ke)(ke)(ke)以(yi)跨越多(duo)個(ge)層(ceng)級(ji)而直(zhi)(zhi)接(jie)(jie)指向鏈接(jie)(jie)目(mu)標，是(shi)(shi)為迎合用(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)需求(qiu)而設(she)(she)置的(de)(de)(de)(de)(de)(de)到(dao)(dao)達(da)頁面(mian)的(de)(de)(de)(de)(de)(de)快捷(jie)(jie)途(tu)徑(jing)。面(mian)包屑(xie)(xie)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航，這個(ge)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航名稱來(lai)自于(yu)童話故事(shi)，面(mian)包屑(xie)(xie)是(shi)(shi)漢(han)賽爾在(zai)(zai)進入森林的(de)(de)(de)(de)(de)(de)路(lu)(lu)上(shang)偷偷灑下(xia)的(de)(de)(de)(de)(de)(de)，是(shi)(shi)一(yi)種“歷史記錄”的(de)(de)(de)(de)(de)(de)應(ying)用(yong)(yong)(yong)方(fang)(fang)(fang)式。面(mian)包屑(xie)(xie)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航能(neng)夠(gou)呈現(xian)用(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)當前在(zai)(zai)網(wang)(wang)(wang)站(zhan)中(zhong)所(suo)處位(wei)(wei)置，記錄用(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)的(de)(de)(de)(de)(de)(de)瀏(liu)覽路(lu)(lu)徑(jing)，表達(da)當前內容的(de)(de)(de)(de)(de)(de)歸屬關系，可(ke)(ke)(ke)以(yi)幫助用(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)方(fang)(fang)(fang)便(bian)地通(tong)(tong)過(guo)(guo)(guo)路(lu)(lu)徑(jing)返(fan)回(hui)到(dao)(dao)上(shang)一(yi)級(ji)頁面(mian)。網(wang)(wang)(wang)站(zhan)地圖，將網(wang)(wang)(wang)站(zhan)的(de)(de)(de)(de)(de)(de)所(suo)有(you)頁面(mian)名稱按照(zhao)結(jie)構(gou)層(ceng)次放置在(zai)(zai)一(yi)個(ge)頁面(mian)中(zhong)，展現(xian)整(zheng)個(ge)網(wang)(wang)(wang)站(zhan)的(de)(de)(de)(de)(de)(de)信(xin)息(xi)(xi)架(jia)構(gou)，通(tong)(tong)過(guo)(guo)(guo)鏈接(jie)(jie)的(de)(de)(de)(de)(de)(de)方(fang)(fang)(fang)式，幫助用(yong)(yong)(yong)戶(hu)(hu)(hu)(hu)在(zai)(zai)一(yi)個(ge)頁面(mian)中(zhong)快捷(jie)(jie)、準(zhun)確地找到(dao)(dao)想要(yao)的(de)(de)(de)(de)(de)(de)頁面(mian)。網(wang)(wang)(wang)站(zhan)的(de)(de)(de)(de)(de)(de)導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航設(she)(she)計就(jiu)是(shi)(shi)通(tong)(tong)過(guo)(guo)(guo)上(shang)述不(bu)同類型導(dao)(dao)(dao)(dao)(dao)(dao)(dao)(dao)航的(de)(de)(de)(de)(de)(de)合理設(she)(she)置與相互搭(da)配，最終實(shi)現(xian)網(wang)(wang)(wang)站(zhan)的(de)(de)(de)(de)(de)(de)便(bian)捷(jie)(jie)瀏(liu)覽、信(xin)息(xi)(xi)的(de)(de)(de)(de)(de)(de)有(you)效獲取。

4結語

網站設(she)(she)計(ji)的(de)(de)(de)重(zhong)中之重(zhong)不是(shi)界面設(she)(she)計(ji)的(de)(de)(de)多么(me)美(mei)觀，運用的(de)(de)(de)技術多么(me)炫酷，而(er)是(shi)網站的(de)(de)(de)設(she)(she)計(ji)是(shi)否符(fu)合用戶(hu)體驗，能否讓用戶(hu)輕松、快捷的(de)(de)(de)完成操作。基于用戶(hu)體驗的(de)(de)(de)網站設(she)(she)計(ji)強調以(yi)用戶(hu)為中心，設(she)(she)計(ji)出符(fu)合用戶(hu)審(shen)美(mei)體驗、認知特點和使用習慣等(deng)與(yu)用戶(hu)心智(zhi)模型相契合的(de)(de)(de)系(xi)(xi)統，但用戶(hu)的(de)(de)(de)審(shen)美(mei)、認知特點、使用習慣以(yi)及(ji)心智(zhi)模型都(dou)不是(shi)一成不變的(de)(de)(de)，而(er)且包含(han)很多隱(yin)性的(de)(de)(de)因素，需要經過(guo)一系(xi)(xi)列細(xi)致(zhi)的(de)(de)(de)調查、測試、優(you)化等(deng)步驟，才能逐步提(ti)升用戶(hu)的(de)(de)(de)體驗。

參考文獻：

[1]李(li)小青.基于普(pu)遍(bian)心理分層理論的Web用戶體(ti)驗模型設計[J].情報(bao)資料工作,2010,(1):62-65.

[2]畢劍,劉曉(xiao)艷,張(zhang)禹.使(shi)用(yong)響應式網頁設(she)計構(gou)建(jian)圖(tu)(tu)書(shu)館移動門戶網站(zhan)———以云南大學圖(tu)(tu)書(shu)館為例[J].現代圖(tu)(tu)書(shu)情報技術,2015,255(2):97-101.

 [3]張曉景(jing).網站用戶體驗全程揭秘[M].北京:清華(hua)大學出(chu)版社,2014.

[4]如何運用視覺表現建立(li)網(wang)頁的信息層(ceng)級[EB/OL].[2015-03-19].

[6]SmashingMagazine.眾妙之門：用戶(hu)體(ti)驗(yan)設計的秘密(mi)[M].邱胤(yin)炎(yan),林本(ben)杰(jie),譯.北京:人民(min)郵電出(chu)版(ban)社(she),2014.

[7]吳(wu)鵬,張佩佩,甘利人.網站用(yong)戶信息獲(huo)取中的心智模(mo)型研究[J].情報學報,2011,30(9):935-945.

[8]黃群,朱超.基于(yu)用戶心智模型的產品設計[J].包(bao)裝(zhuang)工程,2009,30(12):133-136.

[9]SusanWeinschenk.設計師要懂心理學[M].徐佳(jia),馬迪,余盈億,譯.北京(jing):人(ren)民郵電(dian)出版(ban)社.2014.

[10]林一,陳靖,劉越,王涌天.基于(yu)心智模型的虛(xu)擬現實與(yu)增強現實混合式移動導覽系統的用戶(hu)體驗(yan)設計[J].計算(suan)機(ji)學報.2015,38(2):408-421.

[11]李海(hai)濤,宋琳琳.用(yong)戶使用(yong)網站的心智模型測量(liang)方(fang)法的選擇及(ji)應(ying)用(yong)[J].情報理論與實踐,2015,38(2):11-16.

[12]孫麗,田才(cai).基于用戶體驗的網站信息構建(jian)模型(xing)[J].情報科學,2010,28(6):907-910.

[13]劉津,李月.破繭成蝶：用戶體驗設計(ji)師的成長之路(lu)[M].北京:人(ren)民郵電出(chu)版(ban)社(she),2014.