高校門戶網站的網頁設計原則

摘 要：目前，國內各大高校的門戶網站已經具備了一定的規模，網頁設計水平也有了一定的提高，但是還存在著一些不足。本文分析了高校門戶網站存在的不足，并指出了高校門戶網站的網頁設計必須遵循的原則。

關鍵詞：高校 門戶網站 網頁設計 原則

一

近些年，隨著互聯網的飛速發展，網站作為信息傳播不可或缺的強大載體，已經被各大高校充分利用起來。高校門戶網站的網頁設計也不斷發生變化，從滿足基本功能的需求到追求較高層次的需要，形成了一個循序漸進的過程。目前，一些高校的門戶網站設計，其功能性和藝術性上已達到了一定的水準，既能充分傳播信息，又能使瀏覽者在獲取信息的同時達到感官上的愉悅，從而對網站留下更深更美好的印象，達到對高校的深度認同，促進高校門戶網站的良性運作。但是，大部分高校的門戶網站的網頁設計由于種種原因，仍舊存在諸多不足，這些不足有：

1.內容存在兩個極端

一個極端是內容臃腫繁多。頁面的內容臃腫繁多可以用一個“塞”字來形容，它將各種信息如文字、圖片、動畫等不加考慮地塞到頁面上，不進行規范和條理化，更談不上藝術處理，使得頁面整體像一個大雜燴。這種頁面太滿、太堵，沒有給瀏覽者留下一點思維的空間。另一個極端是內容貧乏。由于有些高校為了搭上互聯網的高速快車，在沒有對信息充分采集整理的情況下，就推出自己的門戶網站，使得網站內容空洞，更新緩慢，讓瀏覽者有被欺騙的感覺。

2.網頁設計缺少風格

許多高校門戶網站的網頁設計沒有突出自己的優勢，更沒有充分表現屬于自己的形象，缺乏耐人尋味的特色，因而容易讓瀏覽者過目即忘，難以留下深刻的印象。

3.設計元素雜亂無章

首先，頁面色彩雜亂可以用一個“花”字來形容，即把頁面做得花里胡哨，既不實用也不耐看；其次，各種不同風格的圖片、字體、動畫互相摻攪，使頁面缺乏和諧統一的整體效果，嚴重干擾了瀏覽者的信息瀏覽，更談不上產生愉悅的感受。

4.網頁操作方式缺乏新意和互動

不少網頁的設計從頁面元素的放置，到按鈕的編排、動畫的采用都毫無新意，和其他網站千篇一律，更談不上與瀏覽者的互動。

二

高校門戶網站存在的這些問題，尤其是審美理念的缺失已經引起了廣大瀏覽者的“審美疲勞”和諸多不滿。因而網頁設計工作者應在實現網頁功能的前提下，有針對性地采用一些美的形式，運用美學法則結合新興的網絡技術，把網頁做得更加有生氣，更加吸引人，更加令人難以忘懷。為了達到這樣的標準和要求，高校門戶網站的網頁設計應該遵循以下原則：

1.藝術性原則

網頁設計是一門新興學科，是視覺傳達設計和網絡技術的交叉學科，它本身以網絡為載體，把各種信息用最快捷、最方便的方式傳達給大眾，在這種標準的要求下，逐步產生了審美需求。人們對美的追求是不斷深入的，網頁設計同樣如此，不但要單純、簡練、清晰和精確，而且要強調藝術性，通過獨特的藝術風格和強烈的視覺沖擊力來鮮明地突出設計目的。網頁設計的審美需求是對視覺傳達設計美學的一種繼承和延伸。兩者的表現形式和目的都有一定的相似性，把傳統視覺傳達設計中的藝術性原則同現代的網頁設計的具體問題相結合起來，把一些視覺傳達設計中美的形式規律運用到網頁中，增加高校門戶網站的網頁設計的美感和大眾的視覺審美需求。

（1）風格的定位與統一

網頁的設計首先要考慮風格的定位，要根據行業性質或主題內容決定其風格。目前網頁的應用范圍幾乎包括了所有的行業，林林總總，包羅萬象。對于不同性質的行業，應該體現出不同的主頁風格，就像穿衣打扮，應依不同的性別和年齡層次而異一樣。作為文化教育部門的高等院校，是從事高等教育的社會組織機構，在傳承科學與文化、創新科學與文化知識、弘揚文化傳統、引領社會的科學與文化發展、推動科學文化建設、促進科學與文化繁榮中具有其他社會組織不可替代的作用，肩負著特殊的歷史使命。因此，高校的網頁設計風格應體現高校的社會性質、辦學特色、校園風貌以及校園文化，充分展示自己的優勢和形象，才能讓瀏覽者達到深度認同。

高校的門戶網站會有諸多網頁，因此保持風格的統一相當重要。網頁上所有的圖像、文字，包括色彩、版面編排、區分線、字體、標題、注腳等頁面元素，要統一風格，讓風格定位貫穿全站。保持風格的統一，既能強化風格定位所帶來的作用，又能在瀏覽體驗上給瀏覽者帶來方便和順暢。如果網頁風格不統一，既會給網站甚至高校的形象帶來混亂，又會給瀏覽者帶來不便。舉個例子來說，假如每個網頁上的導航排列或者顏色不同，那么瀏覽者進入不同頁面之后就會無所適從，難以找到他要找的信息。

（2）主題鮮明

高校的門戶網站往往只有一個主題，那就是為高校展示形象，為瀏覽者提供信息。作為視覺設計范疇中的網頁設計，其最終目的就是對這一主題達到最佳的訴求效果。這種效果的取得，一方面通過對網頁主題思想運用邏輯規律進行條理性處理，使之符合瀏覽者獲取信息的心理需求和邏輯方式，讓瀏覽者快速理解和吸收；另一方面對網頁構成元素運用藝術的形式美法則進行條理性處理，更好地營造符合設計目的的視覺環境、突出主題，增強瀏覽者對網頁的注意力，加強對網頁內容的理解。網頁設計的內容要服務于網站的主題，這是網頁設計內容最重要的一條規律。設計的形式既要實現“功能”又要實現“美”，“功能”和“美”都是為了更好地表達主題。

（3）內容和形式的統一

任何設計都有一定的內容和形式。內容是高校門戶網站要傳遞的信息，是構成網頁設計的一切內在要素的總和，更是網頁設計存在的基礎，被成為“設計的靈魂”；形式是構成內容諸要素的內部結構和外部表現方式。網頁設計的內容就是指高校門戶網站的主題、形象、題材等要素的總和，形式就是它的結構、風格或設計語言等表現方式。內容決定形式，形式反作用于內容。一個優秀的高校門戶網站的網頁設計，是形式對內容的完美表現，是內容和形式的統一。

（4）和諧的整體

因為網頁是傳播信息的載體，它要表達的是一定的內容、主題和意念，在適當的時間和空間環境里為人們理解和接受，它以滿足人的實用和需求為目標。設計高校門戶網站的網頁時，要注意強調其整體性，使得瀏覽者更快捷、更準確、更全面地認識它、掌握它，接受它所傳遞的信息，并給人一種內部有機聯系、外部和諧統一的美感。整體性設計也是體現一個站點獨特風格的重要手段之一。

2.技術性原則

網頁設計的技術性不同于傳統媒體之處，就在于信息的交互性、可持續性、多維性、多種媒體的綜合性、版式的不可控性等特點，這些都離不開網頁設計技術方面的因素。高校門戶網站的網頁設計的技術性原則是合理運用相關的軟件技術、媒體技術、電子技術等實現網頁最終表現效果的手段方式。沒有技術的支撐網頁也就失去了它的媒體特性。

（1）即時的交互性

網頁即時的交互性是Web成為熱點的主要原因，也是高校門戶網站的網頁設計時必須要考慮的問題。傳統媒體（如廣播、電視節目、報刊雜志等）都以線性方式傳遞信息，即按照信息提供者的感覺、體驗和事先確定的格式來傳播，而在Web環境下，人們不再是一個傳統媒體方式的被動接受者，而是一個以主動參與者的身份加入到信息的加工處理和發布之中。這種持續的交互，要有交互的技術來支撐，現在的網絡技術越來越多地提供了交互的各種技術手段，比如熱點響應、信息定制、即時反饋、人工智能等等。相信隨著網絡技術的迅猛發展，讓人意想不到的交互手段將會不斷涌現。在高校門戶網站的網頁設計中，適當地運用技術手段增加網頁的交互性，將會給瀏覽者帶來全新的體驗。

（2）多種媒體的綜合性

網頁多種媒體的綜合性主要體現在使用的多媒體視聽元素，如文字、圖像、聲音、視頻等，這些都需要相應的技術來實現。隨著技術的發展，網絡帶寬在不斷增加，芯片處理速度在不斷提高，跨平臺的多媒體文件格式被不斷推廣，這些技術極大地滿足和豐富了瀏覽者網絡信息傳輸質量的更高要求。如模擬三維的操作界面、實時的音頻和視頻服務、在線音樂、在線廣播、網上電影、網上直播、網絡教學、網絡會議等等。在高校門戶網站的網頁設計中，合理運用這些媒體技術，能夠增強頁面傳播信息的表現力和感染力。

3.藝術和技術的融合原則

網頁設計藝術和網絡技術作為不同的專業領域有著各自不同的特點，給人以“隔行如隔山”的感覺，但他們并不是互不相容的關系，著名科學家、諾貝爾物理學獎獲得者李政道教授曾說：“科學、藝術是不可分割的，就像一枚硬幣的兩面，它們共同的基礎是人類的創造力，它們追求的目標都是真理的普遍性。”各種技術的發展促進了網頁設計藝術與技術的緊密結合，高校門戶網站的網頁設計只有掌握各種網絡技術的規律，注重藝術和技術的緊密結合，窮盡技術之長，實現藝術想象，才能滿足瀏覽者對網頁信息的更高需求。網絡技術主要表現為客觀因素，藝術創意主要表現為主觀因素，網頁設計是主觀和客觀共同作用的結果，在高校門戶網站的網頁設計中，堅持藝術性和技術性的設計原則，并把藝術性和技術性統一融合，既能把瀏覽者帶入一個全新的網絡數字時代，又能讓高校從中獲益。

參考文獻：

［1］李硯祖，蘆影.平面設計藝術.中國人民大學出版社，2005.

［2］尹定邦.設計學概論.湖南科學技術出版社，2004.