網(wang)站(zhan)(zhan)(zhan)是現(xian)代(dai)科學(xue)技(ji)術(shu)(shu)發(fa)(fa)展的(de)(de)(de)(de)(de)(de)(de)(de)產物， 高(gao)校(xiao)(xiao)網(wang)站(zhan)(zhan)(zhan)是高(gao)校(xiao)(xiao)基于(yu) WEB 技(ji)術(shu)(shu)建立起來的(de)(de)(de)(de)(de)(de)(de)(de)的(de)(de)(de)(de)(de)(de)(de)(de)資源(yuan)(yuan)共享與信息(xi)交(jiao)(jiao)流的(de)(de)(de)(de)(de)(de)(de)(de)平臺。從教(jiao)(jiao)育信息(xi)化(hua)的(de)(de)(de)(de)(de)(de)(de)(de)全局來看，一(yi)個(ge)好的(de)(de)(de)(de)(de)(de)(de)(de)高(gao)校(xiao)(xiao)信息(xi)化(hua)網(wang)站(zhan)(zhan)(zhan)， 能(neng)(neng)(neng)(neng)(neng)在學(xue)校(xiao)(xiao)的(de)(de)(de)(de)(de)(de)(de)(de)教(jiao)(jiao)育教(jiao)(jiao)學(xue)和學(xue)生思想政(zheng)治教(jiao)(jiao)育以及科學(xue)研究中發(fa)(fa)揮積極的(de)(de)(de)(de)(de)(de)(de)(de)管(guan)理和引(yin)導作(zuo)用。 一(yi)個(ge)功(gong)(gong)能(neng)(neng)(neng)(neng)(neng)完備的(de)(de)(de)(de)(de)(de)(de)(de)高(gao)校(xiao)(xiao)信息(xi)化(hua)網(wang)站(zhan)(zhan)(zhan)應(ying)該具(ju)有下(xia)面(mian)幾(ji)個(ge)方面(mian)的(de)(de)(de)(de)(de)(de)(de)(de)基本職(zhi)能(neng)(neng)(neng)(neng)(neng)：展示教(jiao)(jiao)育教(jiao)(jiao)學(xue)改(gai)革的(de)(de)(de)(de)(de)(de)(de)(de)最新成(cheng)果、反映高(gao)校(xiao)(xiao)的(de)(de)(de)(de)(de)(de)(de)(de)人文(wen)內涵和辦學(xue)特色、教(jiao)(jiao)學(xue)輔助(zhu)功(gong)(gong)能(neng)(neng)(neng)(neng)(neng)、教(jiao)(jiao)務管(guan)理功(gong)(gong)能(neng)(neng)(neng)(neng)(neng)、交(jiao)(jiao)互功(gong)(gong)能(neng)(neng)(neng)(neng)(neng)。從教(jiao)(jiao)育信息(xi)化(hua)的(de)(de)(de)(de)(de)(de)(de)(de)角度(du)來看，高(gao)校(xiao)(xiao)網(wang)站(zhan)(zhan)(zhan)應(ying)具(ju)有以下(xia)幾(ji)個(ge)基本職(zhi)能(neng)(neng)(neng)(neng)(neng)：對外宣傳、教(jiao)(jiao)學(xue)教(jiao)(jiao)輔功(gong)(gong)能(neng)(neng)(neng)(neng)(neng)、資源(yuan)(yuan)共享、交(jiao)(jiao)流互動平臺。 總之，網(wang)站(zhan)(zhan)(zhan)建設的(de)(de)(de)(de)(de)(de)(de)(de)最終目的(de)(de)(de)(de)(de)(de)(de)(de)是“服務”，高(gao)校(xiao)(xiao)網(wang)站(zhan)(zhan)(zhan)建設的(de)(de)(de)(de)(de)(de)(de)(de)根本目的(de)(de)(de)(de)(de)(de)(de)(de)是服務師生，服務校(xiao)(xiao)園建設。學(xue)校(xiao)(xiao)網(wang)站(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)規劃與設計(ji)(ji)不應(ying)偏(pian)離這個(ge)最終目的(de)(de)(de)(de)(de)(de)(de)(de)。 本文(wen)針對高(gao)校(xiao)(xiao)網(wang)站(zhan)(zhan)(zhan)的(de)(de)(de)(de)(de)(de)(de)(de)設計(ji)(ji)進行了(le)淺析， 并指出未來高(gao)校(xiao)(xiao)網(wang)站(zhan)(zhan)(zhan)設計(ji)(ji)的(de)(de)(de)(de)(de)(de)(de)(de)發(fa)(fa)展方向。

1、主題鮮明

高校建設一個網(wang)站， 最主(zhu)要(yao)是(shi)想通過網(wang)站把(ba)學(xue)(xue)校的(de)實(shi)力(li)和(he)教(jiao)學(xue)(xue)特色展(zhan)現(xian)給瀏(liu)(liu)覽者(zhe)(zhe)。 這就要(yao)求設計網(wang)站時(shi)(shi)必(bi)須有明確的(de)核(he)心(xin)(xin)主(zhu)題(ti)(ti)。 主(zhu)題(ti)(ti)確定(ding)好再從整體(ti)上把(ba)握網(wang)站的(de)結構，進行前期(qi)規劃，然后搜集素材和(he)資料(liao)，利用(yong)網(wang)頁(ye)制作工(gong)具將各種資料(liao)、素材有序地、有機地結合起來(lai)。按照視(shi)覺(jue)規律將主(zhu)題(ti)(ti)主(zhu)動的(de)傳達給瀏(liu)(liu)覽者(zhe)(zhe)，瀏(liu)(liu)覽者(zhe)(zhe)即時(shi)(shi)的(de)理解和(he)接受，并滿足人們實(shi)用(yong)和(he)需求。達到(dao)了學(xue)(xue)校宣傳和(he)交流(liu)的(de)目的(de)。 網(wang)站設計者(zhe)(zhe)在(zai)強調網(wang)站的(de)核(he)心(xin)(xin)主(zhu)題(ti)(ti)時(shi)(shi)， 也(ye)應該(gai)通過獨特的(de)風格和(he)強烈的(de)視(shi)覺(jue)沖擊力(li)來(lai)突(tu)出設計的(de)主(zhu)題(ti)(ti)。 具體(ti)可以(yi)通過對網(wang)頁(ye)的(de)空間層次、主(zhu)從關系、視(shi)覺(jue)秩序及彼此間的(de)邏輯(ji)性(xing)來(lai)突(tu)出。

2、合理的布局

高校(xiao)網(wang)(wang)站版式設(she)(she)計(ji)形(xing)態(tai)千(qian)變萬化， 歸納起來都是由點(dian)(dian)(dian)、線、面(mian)(mian)(mian)構(gou)成(cheng)。網(wang)(wang)站布局最重要(yao)的(de)是，設(she)(she)計(ji)者(zhe)如何把內涵和(he)形(xing)式巧妙(miao)結合起來傳達給瀏覽(lan)者(zhe)， 這就是合理(li)的(de)布局。 點(dian)(dian)(dian)是設(she)(she)計(ji)的(de)基本元素，網(wang)(wang)站設(she)(she)計(ji)中的(de)點(dian)(dian)(dian)，由于(yu)大小、形(xing)態(tai)、位(wei)置(zhi)不同(tong)，所產生的(de)視覺效(xiao)果、心理(li)作(zuo)用也不同(tong)。 當(dang)頁(ye)面(mian)(mian)(mian)中有(you)三(san)個點(dian)(dian)(dian)時，就形(xing)成(cheng)了(le)面(mian)(mian)(mian)。 利用點(dian)(dian)(dian)的(de)大小、形(xing)狀與距離的(de)變化設(she)(she)計(ji)出富(fu)有(you)節奏和(he)韻律的(de)頁(ye)面(mian)(mian)(mian)。

做為視覺元(yuan)素的(de)線，在(zai)長度、粗細、實與虛(xu)、直(zhi)線與曲線、斜線等(deng)都給(gei)人心(xin)理帶來(lai)不(bu)同(tong)的(de)感受。面(mian)在(zai)網站(zhan)的(de)色合計(ji)中是富有(you)(you)生命力(li)的(de)，面(mian)有(you)(you)長度、寬度，具(ju)有(you)(you)位置和(he)方向(xiang)性。 一般有(you)(you)圓形(xing)(xing)、矩(ju)形(xing)(xing)、三角形(xing)(xing)、多邊形(xing)(xing)等(deng)，面(mian)的(de)空間(jian)分割在(zai)網站(zhan)設(she)計(ji)中有(you)(you)著重要(yao)的(de)地(di)位， 網站(zhan)設(she)計(ji)的(de)成功與否往(wang)往(wang)取(qu)決于面(mian)的(de)比(bi)例劃分。 經分割所產生的(de)比(bi)例關(guan)系，是決定頁(ye)面(mian)均衡、協(xie)調的(de)重要(yao)因素。

網(wang)(wang)站(zhan)(zhan)的(de)(de)版式(shi)(shi)的(de)(de)基本(ben)類型(xing)(xing)(xing)(xing)(xing)有骨骼型(xing)(xing)(xing)(xing)(xing)、 滿版型(xing)(xing)(xing)(xing)(xing)、 分割型(xing)(xing)(xing)(xing)(xing)、中軸型(xing)(xing)(xing)(xing)(xing)、曲(qu)線(xian)型(xing)(xing)(xing)(xing)(xing)、傾(qing)斜(xie)型(xing)(xing)(xing)(xing)(xing)、對(dui)(dui)稱(cheng)型(xing)(xing)(xing)(xing)(xing)、三(san)角型(xing)(xing)(xing)(xing)(xing)等(deng)，合理(li)的(de)(de)布局在傳(chuan)達信息的(de)(de)同時， 也會(hui)讓那個(ge)人產生感(gan)(gan)官上(shang)(shang)的(de)(de)美感(gan)(gan)和(he)精神上(shang)(shang)的(de)(de)享受。高校網(wang)(wang)站(zhan)(zhan)上(shang)(shang)用骨骼型(xing)(xing)(xing)(xing)(xing)的(de)(de)比較多，這種版式(shi)(shi)分割方法規范、理(li)性(xing)(xing)，給(gei)(gei)人以(yi)(yi)和(he)諧、理(li)性(xing)(xing)美。滿板型(xing)(xing)(xing)(xing)(xing)的(de)(de)視覺(jue)效果最(zui)強(qiang)烈而直(zhi)觀。 分割型(xing)(xing)(xing)(xing)(xing)是把頁面(mian)分成(cheng)上(shang)(shang)下或左右欄，圖文(wen)搭配富有活(huo)力(li)與和(he)諧之(zhi)美。中軸型(xing)(xing)(xing)(xing)(xing)以(yi)(yi)中間為分界給(gei)(gei)人穩(wen)定(ding)、舒暢的(de)(de)感(gan)(gan)覺(jue)。曲(qu)線(xian)型(xing)(xing)(xing)(xing)(xing)會(hui)給(gei)(gei)頁面(mian)產生韻律(lv)感(gan)(gan)。傾(qing)斜(xie)型(xing)(xing)(xing)(xing)(xing)是以(yi)(yi)圖片和(he)文(wen)字(zi)做傾(qing)斜(xie)狀排列，給(gei)(gei)頁面(mian)強(qiang)烈的(de)(de)動感(gan)(gan)。 對(dui)(dui)稱(cheng)型(xing)(xing)(xing)(xing)(xing)比較常見，給(gei)(gei)人以(yi)(yi)穩(wen)定(ding)、莊重的(de)(de)感(gan)(gan)受。 三(san)角型(xing)(xing)(xing)(xing)(xing)即金(jin)字(zi)塔型(xing)(xing)(xing)(xing)(xing)，最(zui)具穩(wen)定(ding)性(xing)(xing)的(de)(de)版式(shi)(shi)。 高校的(de)(de)網(wang)(wang)站(zhan)(zhan)應該給(gei)(gei)瀏覽者(zhe)文(wen)本(ben)機構統一， 布局風格一致的(de)(de)界面(mian)。網(wang)(wang)站(zhan)(zhan)無論(lun)是哪種版式(shi)(shi)， 在設計(ji)網(wang)(wang)站(zhan)(zhan)版式(shi)(shi)的(de)(de)時候應做到以(yi)(yi)下幾個(ge)方面(mian)：

第(di)一、要(yao)確定?學校的(de)標(biao)志(zhi)（LOGO）的(de)位置。 標(biao)志(zhi)是網站的(de)靈(ling)魂， 在(zai)設(she)計的(de)時候(hou)既要(yao)考慮到突(tu)出 LOGO 標(biao)志(zhi)，又要(yao)和整個網站和諧統一。

第二、導航(hang)要清晰(xi)。 導航(hang)能幫(bang)助瀏(liu)覽(lan)者快速找(zhao)到需求信息，所以要求導航(hang)簡明、突出。

第三、主次(ci)內(nei)容的(de)排列。 網頁中比較重要的(de)內(nei)容應該(gai)盡量(liang)往左上(shang)(shang)角靠，如(ru)學校新聞，院系(xi)鏈接(jie)等。 為了滿足(zu)教(jiao)學教(jiao)輔需(xu)要，則(ze)在(zai)版面(mian)的(de)下方應該(gai)有各職能部門、各網上(shang)(shang)教(jiao)學，辦公系(xi)統的(de)鏈接(jie)入口，目前我們的(de)計算機顯示器的(de)分(fen)辨率一般(ban)是(shi) 1024*768 或者(zhe)以上(shang)(shang)，因此網站(zhan)的(de)主體內(nei)容應該(gai)是(shi)集中在(zai)從(cong)網站(zhan)的(de)中央開始， 這樣(yang)才能將(jiang)主題突(tu)出(chu)。

第四、文字的(de)編排要(yao)(yao)整(zheng)齊(qi)，行距的(de)變化要(yao)(yao)豐富(fu)，字體字號的(de)運(yun)用要(yao)(yao)合理。

3、色彩的運用

色(se)(se)(se)(se)彩(cai)搭(da)配(pei)(pei)是網站(zhan)設計中最重(zhong)要的(de)(de)(de)(de)(de)一環。 色(se)(se)(se)(se)彩(cai)是情(qing)(qing)感語言之一，色(se)(se)(se)(se)彩(cai)本身沒(mei)有注定的(de)(de)(de)(de)(de)情(qing)(qing)感內容(rong)，但色(se)(se)(se)(se)彩(cai)能(neng)讓人產生(sheng)一定的(de)(de)(de)(de)(de)心理(li)活動。給人心理(li)上的(de)(de)(de)(de)(de)刺激，時刻(ke)影響著人們。 一個網站(zhan)不(bu)(bu)可能(neng)運用單(dan)一的(de)(de)(de)(de)(de)色(se)(se)(se)(se)彩(cai)，也不(bu)(bu)可能(neng)將(jiang)所有的(de)(de)(de)(de)(de)色(se)(se)(se)(se)彩(cai)運用進來(lai)，一般一個網頁的(de)(de)(de)(de)(de)顏色(se)(se)(se)(se)超過三種就(jiu)可能(neng)產生(sheng)混亂花哨(shao)的(de)(de)(de)(de)(de)感覺。 因此這就(jiu)牽涉(she)到一個色(se)(se)(se)(se)彩(cai)主(zhu)基調(diao)的(de)(de)(de)(de)(de)問題。 抓(zhua)住網站(zhan)的(de)(de)(de)(de)(de)主(zhu)色(se)(se)(se)(se)調(diao)再配(pei)(pei)以其他不(bu)(bu)同的(de)(de)(de)(de)(de)輔色(se)(se)(se)(se)，這樣(yang)既(ji)突出了主(zhu)色(se)(se)(se)(se)，又使整個網站(zhan)美觀自然、渾然一體。 色(se)(se)(se)(se)彩(cai)的(de)(de)(de)(de)(de)面積十分重(zhong)要，大小(xiao)與視覺效(xiao)果(guo)的(de)(de)(de)(de)(de)關(guan)系是極為密切。色(se)(se)(se)(se)彩(cai)的(de)(de)(de)(de)(de)明度的(de)(de)(de)(de)(de)把握、冷(leng)暖的(de)(de)(de)(de)(de)很好的(de)(de)(de)(de)(de)交互應用都會使網站(zhan)的(de)(de)(de)(de)(de)瀏覽者感覺到明快和(he)舒(shu)適。 色(se)(se)(se)(se)相、明度、純度為色(se)(se)(se)(se)彩(cai)的(de)(de)(de)(de)(de)三屬性。

高(gao)校(xiao)網(wang)站(zhan)(zhan)主(zhu)題(ti)(ti)色(se)(se)(se)一(yi)般來(lai)源(yuan)于自己學校(xiao)的(de)(de) VI 識別標(biao)準色(se)(se)(se)，學校(xiao)的(de)(de)標(biao)志(zhi)（LOGO）是我(wo)們確定主(zhu)題(ti)(ti)色(se)(se)(se)的(de)(de)一(yi)個(ge)(ge)重要參(can)考(kao)標(biao)準，以 LOGO 為參(can)照色(se)(se)(se)，考(kao)慮到網(wang)站(zhan)(zhan)的(de)(de)主(zhu)題(ti)(ti)表(biao)現需要，就可以確定好主(zhu)色(se)(se)(se)調。網(wang)頁(ye)(ye)中各個(ge)(ge)組成部(bu)分(fen)色(se)(se)(se)彩的(de)(de)搭(da)配，即輔色(se)(se)(se)的(de)(de)運(yun)用，要考(kao)慮到和主(zhu)色(se)(se)(se)的(de)(de)關系(xi)，整(zheng)個(ge)(ge)網(wang)站(zhan)(zhan)的(de)(de)層次感(gan)以及高(gao)校(xiao)的(de)(de)學科特(te)色(se)(se)(se)等因素。 比如網(wang)頁(ye)(ye)中導航菜單的(de)(de)顏色(se)(se)(se)、圖標(biao)的(de)(de)顏色(se)(se)(se)，標(biao)題(ti)(ti)的(de)(de)顏色(se)(se)(se)就應該用相對醒目(mu)的(de)(de)顏色(se)(se)(se)呈現。值(zhi)得(de)(de)注(zhu)意(yi)的(de)(de)是，網(wang)頁(ye)(ye)中適當的(de)(de)跳躍性色(se)(se)(se)彩或線條的(de)(de)運(yun)用能讓原(yuan)本平淡無(wu)奇(qi)的(de)(de)網(wang)站(zhan)(zhan)立刻活躍起來(lai)，顯得(de)(de)動感(gan)十足(zu)、美觀大方。

4、多媒體技術的應用

WEB 技術上(shang)(shang)的(de)重大(da)突破是增加了動(dong)畫和(he)(he)音(yin)視(shi)頻(pin)，使(shi)高校的(de)網(wang)站在音(yin)視(shi)頻(pin)上(shang)(shang)多媒(mei)體技術就是用多種媒(mei)介來(lai)傳遞和(he)(he)展示信息，一個信息不(bu)僅使(shi)用了文字說(shuo)明，同時使(shi)用了圖形、圖像甚至動(dong)畫、再配上(shang)(shang)聲音(yin)等等，使(shi)其(qi)感染(ran)力(li)大(da)大(da)增加。 如(ru)在網(wang)站的(de)首頁(ye)中加入 flash 動(dong)畫，會使(shi)頁(ye)面變得生動(dong)活潑(po)。

5、高校網站未來展望

未來， 網絡在(zai)人(ren)們的(de)生(sheng)(sheng)活(huo)中(zhong)正扮演(yan)著越(yue)來越(yue)重要的(de)角(jiao)色(se)。新(xin)時(shi)代大學生(sheng)(sheng)的(de)生(sheng)(sheng)活(huo)也日益與(yu)網絡密不可分。高校(xiao)應(ying)充分利用網絡高效、 迅(xun)捷的(de)特點加強(qiang)校(xiao)方與(yu)學生(sheng)(sheng)的(de)互(hu)動，利用網絡加強(qiang)大學生(sheng)(sheng)思(si)想政治教育(yu)，重視建設網站會給我們帶(dai)來的(de)積極影響， 也是(shi)時(shi)代賦予我們的(de)歷史使命。