導語：高職院校網(wǎng)站設計探討一文來源于網(wǎng)友上傳，不代表本站觀點，若需要原創(chuàng)文章可咨詢客服老師，歡迎參考。

[摘要]高職院校網(wǎng)站主頁設計是其網(wǎng)站設計中的一個十分重要的問題。它是該院校總體風貌的集中展示，要在總體框架、欄目設置、網(wǎng)頁風格、指導思想等方面把握一些規(guī)范的、約定俗成的原則；設計時要細心設計頁首、精心打造欄目、潛心選擇圖片、用心做好頁尾。

[關鍵詞]高職院校；網(wǎng)站；主頁設計

Abstract：Itisisimportantforhighertechnicalandvocationalcollegestodesignihomepageofwebsite.Itisakaleidoscopeoftheschool，thereforestandardized，commonlyapprovedprinciplesmustbeabidedbyindesigninggeneralframe，settingupcolumnsandstylesofwebpage，andinguidingprinciples.Devotionandeffortsmustbegiventodesigningofwebpages，settingupfeaturecolumns，selectingpictures，anddesigningofthelastfewwebpages.

Keywords：highertechnicalandvocationalcolleges；website；designingofhomepage

當前，互聯(lián)網(wǎng)空前普及，已經(jīng)成為人們工作和生活當中不可或缺的交際工具。在互聯(lián)網(wǎng)的大家族中，高等職業(yè)技術(shù)院校校園網(wǎng)站(以下簡稱“高職院校網(wǎng)站”)獨樹一幟，競顯風流。而其中網(wǎng)站主頁的設計，雖不乏一些精美之作，然而總體看來，令人不滿意的地方還較多。本文擬對高職院校網(wǎng)站主頁設計的某些應引起我們注意的問題加以初步探討。

一、高職院校網(wǎng)站主頁設計的作用

本文中的高職院校網(wǎng)站主頁設計，指的是網(wǎng)站首頁(有的網(wǎng)站首頁為一個藝術(shù)畫面的，則為下一頁)的整體框架，包括版式、圖案、文字、色彩等方面的總體設計。

一般說來，一個網(wǎng)站，不管是單位還是個人創(chuàng)辦的，都十分重視主頁的設計。這是因為，網(wǎng)站主頁是一個網(wǎng)站乃至一個單位或個人總體風貌的集中展示。瀏覽一個網(wǎng)站，首先必須進入網(wǎng)站主頁，并從這里找到瀏覽相關內(nèi)容的途徑。我們大概都有這樣的體驗，要認識一個人，首先進入眼簾的是這個人的外貌形象，包括長相、身材、衣著打扮等。認識一個單位也是如此，首先吸引我們注意的是這個單位的整體環(huán)境、建筑布局等。同樣道理，瀏覽一個網(wǎng)站，首先吸引瀏覽者眼球的當然就是網(wǎng)站主頁。一個風格迥異、設計大氣、欄目齊備、圖文并茂、瀏覽方便的網(wǎng)站主頁，肯定會引起瀏覽者的強烈興趣，吸引瀏覽者盡快看下去。反之，瀏覽者的興致就會有所降低，雖因瀏覽需要(比如查找相關資料)，瀏覽者未必會馬上關閉該網(wǎng)站(一般認為耐力為10秒鐘左右)，但在他們的心目中，你這個網(wǎng)站的形象肯定會大打折扣。所以，一個網(wǎng)站的創(chuàng)辦者都十分看中主頁的設計，都想傾其全力把最佳的主頁奉獻給瀏覽者，把單位或個人最重要的信息出去，把最美好的單位或個人形象展現(xiàn)在瀏覽者的面前。作為展示自身形象窗口的高職院校網(wǎng)站主頁的設計，自然也是這樣。

二、高職院校網(wǎng)站主頁設計的主要原則

(一)總體框架上要合乎規(guī)范，布局合理

規(guī)范是一種約定俗成，是人們在實踐過程當中總結(jié)出來的一些帶有規(guī)律性的，且為人們所遵守的條例。凡是做事都要有規(guī)范，高職院校網(wǎng)站主頁的設計當然也是這樣。就一般情況說來，高職院校網(wǎng)站主頁的各項元素均應具備，諸如網(wǎng)站名稱、導航欄目、重點欄目內(nèi)容展示、版權(quán)頁等等。如果缺少了某項元素，就會顯得網(wǎng)站的主頁不夠完整，給瀏覽者留下缺憾，甚至造成瀏覽上的不便。在總體布局上，要考慮人們的思維模式和瀏覽習慣，講究布局合理，合乎常規(guī)。比如網(wǎng)站名稱，一定要放到頭條醒目的位置，且一般要通欄布局。如果放到一角，或不是通欄，恐怕就顯得不那么大氣。再如欄目設置，一定要突出重點欄目，一些鏈接欄目，包括一些服務性的欄目，則要放到一側(cè)的次要位置，以防喧賓奪主。很難設想，一個欄目設置雜亂無章的網(wǎng)站主頁，能吸引住眾多的瀏覽者。

高職院校網(wǎng)站主頁的布局通常有左右式、上下式、圓弧式、綜合式等框架結(jié)構(gòu)[1]98；在欄目分割上有一欄式、等分多欄(以兩欄或三欄居多)式、不等分多欄(也以兩欄或三欄居多)式等樣式[2]9。不管采用哪種框架和分欄格式，都要科學規(guī)劃，統(tǒng)籌安排，資源豐富，整體優(yōu)化。另外，布局形式要新穎、別致，令人賞心悅目。與此同時，還應該注意導航欄目和下面的重點欄目展示相對應，要講究突出主要信息和特色信息，設置合理，簡潔嚴謹，具有一定的質(zhì)量和品位。

(二)欄目設置上要科學得體，凸顯特色

網(wǎng)站主頁的欄目，是一個網(wǎng)站總體面貌的集中展示，是瀏覽者的入門向?qū)?。因此，高職院校網(wǎng)站主頁的設計者們無不特別注意欄目的總體設計。我們這里所說的欄目設置上的科學得體，指的是一要全面，二要突出主要欄目，三要方便瀏覽。一個網(wǎng)站的主頁，都要顯示出它所應反映的方方面面，讓人應查盡查。同時，也要在中心位置設置重點欄目，以便醒目易找，方便瀏覽。此外還可設置一些方便瀏覽者經(jīng)常查檢的一些服務性欄目，諸如校車時刻、校歷、院長信箱、常用辦公電話、郵件系統(tǒng)、辦公系統(tǒng)等。另外，為了便于瀏覽者的延伸閱讀，也可設置一些鏈接欄目。總而言之，無論設置何種欄目，都要科學得體，使各個欄目都能有機地成為一個整體，切忌牽強附會，雜亂無章。同時，欄目設置還要健康，不能一味為了提高點擊率，而設置一些國家政策上不允許、公眾心理上不接受的帶有低級趣味的欄目。

高職院校網(wǎng)站主頁的欄目設計，既要考慮一般普通高校的基本欄目設置，諸如學院簡介、機構(gòu)設置、教學管理、科學研究、學工園地、思想政治、招生就業(yè)等，又要突出高職特色，加大職業(yè)技術(shù)教育方面的欄目建設力度。這些凸顯自身職業(yè)技術(shù)教育特色的欄目，包括一般普通高校均有設置的某些欄目，也包括創(chuàng)建一般普通高校所沒有而高職院校所必須設置的欄目。前者如招生就業(yè)一類的欄目，一般普通高校的生源不是問題，特別是一些重點知名院校，報考者趨之若鶩，不需要刻意宣傳。而高職院校則不然，許多高職院校生源嚴重不足，所以尤其需要在主頁上專設諸如招生熱線、校園風景一類的欄目來推介自己。高職院校學生就業(yè)，尤其為學生和家長所關注，所以，也需要在主頁的顯眼位置獨立設置、精心打造好就業(yè)通道等一類重點欄目。而后者則指的是，要針對高職院校的自身特點，一定要設置諸如職業(yè)能力、職業(yè)資格考試、職教研究一類的欄目，以提高學生、家長及用人單位的認可度，滿足各層次關注高職教育人士查檢和瀏覽的需要。

(三)設計風格上要美觀和諧，勇于創(chuàng)新

網(wǎng)站主頁的風格，是通過整個主頁各個元素的科學合理的配置所集中體現(xiàn)出來的一種風貌和格調(diào)，也是一種高度藝術(shù)化了的創(chuàng)作結(jié)晶。首先，高職院校網(wǎng)站主頁的風格一定要與高職教育的主題相符，其背景圖案、字體、字號、顏色基調(diào)等等的選擇，都要獨具特色，且十分和諧。同時，又要美觀漂亮，具有較強的視覺沖擊力。比如在色調(diào)的選用上，高職院校多以象征青春活力或深邃睿智的綠色或藍色為主。當然，除了綠色和藍色之外，根據(jù)各高職院校屬性的不同，也可使用黃色甚至橘紅色。在色彩的選配上，還要注意與網(wǎng)頁的總體風格相一致，體現(xiàn)地域文化特色。要充分利用顏色的色相、明度、純度、補色、冷暖、面積、形狀等方面的對比，達到有機和諧的藝術(shù)境界，增強視覺效果[3]69。

此外，高職院校的網(wǎng)站主頁在總體風格上還要注意創(chuàng)新，要敢于突破常規(guī)，勇于標新立異。要善于學習別人的長處，為我所用，同時也要有自己的創(chuàng)意，想別人之所未想，做別人之所未做。這里值得一提的是，高職院校的網(wǎng)站主頁不能總是一個面孔，到了一定時候就要更新，但在更新的時候要注意保持用色和網(wǎng)頁色調(diào)風格的連續(xù)性[3]69。

(四)指導思想上要方便瀏覽，注意交流

高職院校網(wǎng)站主頁在設計上，要處處體現(xiàn)服務于受眾即瀏覽者的指導思想，要方便瀏覽者查檢。在屏幕設計上，要充分考慮到瀏覽者的心理習慣，以一至二屏為宜[4]43。同時，還要估計到瀏覽者有哪些需求，努力設計好導航欄和鏈接欄目。導航欄目是主頁頁面元素中的重要組成部分，它不僅可以使瀏覽者迅速了解所在網(wǎng)站的基本內(nèi)在結(jié)構(gòu)，并且能快捷地找到自己感興趣的內(nèi)容。因此，導航欄目一定要緊承網(wǎng)站名稱之后在第一屏出現(xiàn)[5]142。鏈接欄目要充分考慮瀏覽者的需要，爭取做到瀏覽者在你的網(wǎng)站上足不出戶，就能解決所有要解決的問題，但鏈接層次不應超過三層。另外，在字號選擇上，標題和欄目名稱要大些，就是正文也要適當考慮瀏覽者的層面，要大小適中。字小一些，固然內(nèi)容容量大，但對年紀稍大的受眾則不利；字號過大，又會造成信息量減少的弊端，是資源的一種不必要的浪費。所以，正文的字號一般以小四號為宜。再則，為了便于與瀏覽者的互動和交流，一般網(wǎng)站都考慮設置了一些如學生論壇、院長信箱、學術(shù)交流一類的欄目，讓瀏覽者參與辦站，參與社會生活，吐露心聲，提出一些好的意見和建議?？梢赃@樣說，一個好的網(wǎng)站，一定是十分注意與瀏覽者互動交流的網(wǎng)站，特別重視受眾意見和建議的網(wǎng)站，因而也是最具活力的網(wǎng)站。

三、高職院校網(wǎng)站主頁設計的一般方法

眾所周知，一篇文章都有具體內(nèi)容和表現(xiàn)形式兩個方面，一個網(wǎng)站主頁也是這樣。網(wǎng)站主頁的內(nèi)容指的是，讓瀏覽者從網(wǎng)站主頁得到信息的梗概和導航欄目等以便瀏覽子頁(即每個欄目下的內(nèi)容)。同時，網(wǎng)站主頁還有表現(xiàn)形式的一面，包括網(wǎng)站名稱的排布、欄目的設置、相關鏈接以及總體風格等項。內(nèi)容決定形式，這是一個總原則。但當內(nèi)容一旦定下來之后，表現(xiàn)形式就成為首要的問題了。接下來我們所要討論的問題就是高職院校如何設計好自己的網(wǎng)站主頁。大家都知道殊途同歸的道理，高職院校網(wǎng)站主頁的設計自然也不會是只有一種固定的模式。相反，應該允許百花齊放，各顯神通。盡管如此，我們還是可以且應當找到一些共識。這里，我們僅就高職院校網(wǎng)站主頁如何設計，提出一些可能尚不成熟的方法，以求與同仁共勉。

(一)細心設計頁首

頁首包括網(wǎng)站名稱及背景圖案，這是瀏覽者瀏覽網(wǎng)站第一眼所要接觸的對象。一個好的頁首，就能一下子抓住和吸引瀏覽者。一般說來，高職院校網(wǎng)站主頁的頁首應居于一屏上方的1/4處，既不宜過大，也不應偏小。網(wǎng)站名稱應在主頁上部通欄展現(xiàn)，字體要有足夠大小，一般多為名人題字，是否居中，則要取決于有無站標或單位標識之類。一般來說，網(wǎng)站名稱最好不要居中，處在一側(cè)較為靈活多變，居中有拘謹呆板之感。要著力選擇那些最能反映該網(wǎng)站特色的背景圖案作為襯景，一般都是選擇校園標志性建筑入圖。要堅持人性化的設計，文字與圖案的色彩一定要有足夠的明暗度，但不能采用強烈的色相對比[3]69。各高職院校一般都有校訓和?；?，在頁首也一定要有所反映，應放在顯著的位置上。此外，頁面的色調(diào)要與學院的屬性相適應，避免使用過暗或過艷的色彩，要亦莊亦諧，相得益彰。當然，頁首的設計也可以匠心獨運，別出心裁。比如這樣的設計也是可取的：把網(wǎng)站的名稱與校園的風景圖案置于導航欄目的上下，顯得靈活多變；或者把頁首放在一屏左側(cè)的1/3處，以圓弧形的框架框住，也不失為是一種創(chuàng)造。

(二)精心打造欄目

欄目是一個網(wǎng)站和一個單位(包括個人網(wǎng)站)外在形象的宣示。因此，高職院校網(wǎng)站主頁設置哪些欄目，設置怎樣的欄目，都要精心打造，切不可等閑視之。欄目可分為導航欄目和重點欄目介紹兩類。前者一般緊承頁首，分一行或兩行排列；而重點欄目介紹則在導航欄目之下分欄排布。在重點欄目介紹中，如果是三欄式，主打欄目要居中，要有一定的寬度，以凸顯其內(nèi)容的重要性。次要欄目要居于兩側(cè)，寬度則既可以與主打欄目等寬，也可酌情變窄。如果是兩欄式，主打欄目應居左，且與次要欄目的比以2∶1為宜。欄目設置要考慮全面性，一般常規(guī)欄目要齊全，同時一定要有反映高職教育特殊性的特色欄目。另外，欄目設置又不可過碎，因為過碎容易使人眼花繚亂；當然也不可過少，因為過少又不便于查檢。欄目的名稱要盡可能簡短明快，且講究藝術(shù)性，并配之以必要的題圖?？偟闹笇г瓌t就是讓人一看就感到很舒服，很有品位和層次感。另外，欄目的先后順序也要統(tǒng)籌考慮。

吐故納新，是一切事物發(fā)生和發(fā)展的普遍規(guī)律。為了不斷有所創(chuàng)新，每隔一段時間，就應對相關欄目進行重新整合和更新，淘汰一批舊欄目，歸并一些既往欄目，創(chuàng)建一批新欄目，不然，新的設想就不會實現(xiàn)，網(wǎng)站也顯得缺乏活力。在設計欄目順序時，也要適當考慮欄目內(nèi)容間的銜接性。欄目分類要力求科學合理，合乎一般常規(guī)。

(三)潛心選擇圖片

圖文并茂是為了增強瀏覽者的可視性，也是網(wǎng)站主頁設計的一條根本原則。每一個欄目都應選用相關的圖片，下面配以文字，哪怕是一個小欄目、小細項都不要放過。如校車時刻表上面可配上客運汽車的圖案等。在圖片的選擇和設計上，還要注意體現(xiàn)出動、靜結(jié)合的藝術(shù)效果，即靜態(tài)的主畫面與動態(tài)的圖片相結(jié)合，以表現(xiàn)出勃勃生氣?？傊?，在圖片的選擇上，要力圖顯現(xiàn)出鮮明、獨特、合適、聯(lián)想的美學特征。在圖片選用的數(shù)量上，要注意適中。因為圖片過多，會顯得雜亂零碎，且影響下載速度，一般認為圖片文件量以10KB左右為好[2]8。此外，既然是高職院校網(wǎng)站主頁，圖片內(nèi)容的選擇上當然要盡量往職業(yè)技術(shù)教育方面靠攏。比如可以選用那些表現(xiàn)學生動手能力一類的圖片，以加深瀏覽者對于高職院校性質(zhì)的認識，客觀上起到純文字宣傳所起不到的作用。

(四)用心做好頁尾

頁尾就是版權(quán)說明，這是網(wǎng)站主頁的尾。網(wǎng)站主頁的頁尾是一項必備的元素，絕不能可有可無?！熬幙鹁幒t，重在收口”，說的就是要注意尾部的設計問題。在現(xiàn)實生活中，人們一般對高職院校不夠熟悉，考生和家長又往往比較關心學校地址一類的項目。所以除了在相關位置有所反映外，在頁尾應該詳細標明諸如學校地址等項目。版權(quán)說明一般包括網(wǎng)站主辦單位的名稱、地址、聯(lián)系方式(電話、傳真、郵政編碼、電子信箱)等項目，有的還注明“版權(quán)所有，不得侵權(quán)”等字樣。上述諸項內(nèi)容一般要置于一屏的下1/5處，分3～4行排列，居中，且每行文字長短錯落有致，顯得十分得體。當然，也有網(wǎng)站主頁的頁尾不居中，分左右兩欄排列的情況。

[參考文獻]

[1]胡昌斗.高校圖書館的網(wǎng)頁優(yōu)化與網(wǎng)站建設[J].圖書館論壇，2005，(3)：98.

[2]楊林.普通高校網(wǎng)站主頁設計思路探討[J].保山師專學報，2006，(5)：9.

[3]吳方.網(wǎng)頁的色彩設計思考[J].江蘇廣播電視大學學報，2002，(6)：69.

[4]危光輝.江西省高校圖書館主頁建設評析[J].江西圖書館學刊，2003，(1)：43.

[5]余朝暉.高校學報主頁建設芻議[J].咸寧學院學報，2004，(5)：142.