高職院校校園網(wǎng)站主頁設(shè)計探討 5500字

高職院校校園網(wǎng)站主頁設(shè)計探討5500字[摘要]高職院校網(wǎng)站主頁設(shè)計是其網(wǎng)站設(shè)計中的一個十分重要的問題。它是該院?？傮w風貌的集中展示，要在總體框架、欄目設(shè)置、網(wǎng)頁格調(diào)、指導思想等方面把握一些標準的、約定俗成的原那么；設(shè)計時要細心設(shè)計頁首、精心打造欄目、潛心選擇圖片、用心做好頁尾。

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

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

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

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

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

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

(一)總體框架上要符合標準，布局合理

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

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

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

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

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

(三)設(shè)計格調(diào)上要美觀和諧，勇于創(chuàng)新

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

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

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

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

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

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

(一)細心設(shè)計頁首

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

(二)精心打造欄目

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

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

(三)潛心選擇圖片

圖文并茂是為了增強瀏覽者的可視性，也是網(wǎng)站主頁設(shè)計的一條基本原那么。每一個欄目都故選用相關(guān)的圖片，下面配以文字，哪怕是一個小欄目、小細項都不要放過。如校車時刻表上面可配上客運汽車的圖案等。在圖片的選擇和設(shè)計上，還要注意體現(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)站主頁的頁尾