高職院校網站設計探討

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

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

[關鍵詞]高職院校；網站；主頁設計

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

Keywords：highertechnicalandvocationalcolleges；website；designingofhomepage

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

一、高職院校網站主頁設計的作用

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

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

二、高職院校網站主頁設計的主要原則

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

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

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

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

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

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

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

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

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

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

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

三、高職院校網站主頁設計的一般方法

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

(一)細心設計頁首

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

(二)精心打造欄目

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

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

(三)潛心選擇圖片

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

(四)用心做好頁尾

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

[參考文獻]

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

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

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

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

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