淺談高校門戶網站建設的藝術設計性

摘要:高校門戶網站是web平臺下學校信息化建設和大學文化建設的重要示范窗口。該文通過對國內高校門戶網站建設現狀與問題的分析，著重從藝術設計的角度對高校門戶網站建設進行分析研究，提出具體藝術設計性活動和實踐指導做法。

關鍵詞:高校門戶網站;網頁設計;形式美

中圖分類號:TP393文獻標識碼:A文章編號:1009-3044(2010)21-5769-03

Comments on the Art Design of the Construction of University Websites

ZHU Xiao-ming1，2

(1.Donghua University， Shanghai 200051， China; 2.Shandong University of Technology， Zibo 255049， China)

Abstract: A university website is an important window for demonstration of university’s information and culture construction under the web platform. This article aims to analyze the situation and problems of the university website construction in China， emphasizes on the study of university website construction from the perspective of art design， and finally gives some instructions on some specific activities and practices of art design.

Key words: university websites; web design; aestheticism

高校門戶網站是高校利用web技術建立的進行學校內外公共服務的網絡信息平臺，不但具有新聞信息宣傳、教學辦公輔助、資源共享鏈接和網絡交流互動的職能;同時高校門戶網站也是web平臺下，大學文化建設成果最直接的展現途徑和有力支撐。因此，我們將建設優秀的高校門戶網站作為學校進行信息化建設的重要基礎條件，而它的成功建立也必將對學校信息化建設和大學文化建設起到重要的窗口示范作用。

1 國內高校門戶網站建設現狀與問題

通過中國教育網(www.edu.cn)中“中國大學”欄目的有效鏈接進行訪問，可以看到國內高校基本上都已建立了自己的門戶網站。而對這些網站進行訪問與研究分析的過程中，會感覺設計精美、功能完善的優秀網站數量少之又少，絕大多數的網站還停留在一個比較初級的建站階段。如果從藝術設計的角度進行分析，這些網站大都呈現粗糙、呆板、相對凌亂的視覺效果，缺乏必要的形式美感。

從高校網站的建設維護信息中可以看到，高校網站的設計制作單位大多為學校辦公室、宣傳部、網絡中心和計算機中心。這些單位的工作性質決定了其在網站組織策劃、文字宣傳和程序設計方面具有特長之處。相比較而言，在網站建設初始階段的網頁美工設計是這些部門的薄弱環節。因為缺乏對網站設計的藝術效果處理，這些網站往往呈現出平鋪式新聞網站的特征或者框架結構明顯地程序模板網站的特征。這些網站的無特征性和雷同化的特點，極易對網站瀏覽者的觀感產生消極影響，從而導致網站的宣傳效應明顯降低。

那么網站設計者在網頁設計的初始階段，怎樣從藝術設計的角度對網站建設進行分析研究，設計制作出成功的網站作品。本文拋磚引玉，對此談些粗淺的認識。

2 網站建設的藝術性探討

網站設計屬于視覺設計藝術的范疇，它的藝術表現形式和設計手法即要符合藝術創作的形式美法則，又要將視覺設計的原則貫穿其中。在堅持形式美法則的前提下，根據網站建設的策劃要求，合理運用頁面表現形式和設計載體，實現最佳的信息傳遞與視覺傳達效果。

2.1 設計風格的確立

一個成功的網站在建設之初，就應該確定自己的設計風格。作為高校web平臺展示的窗口，高校門戶網站網頁設計風格的確立，要符合互聯網即時互動的發展趨勢，進行人性化設計，突出為高校教學、科研及生活服務的宗旨;同時更要在視覺表現上反映出高校的教育本質，力求體現大學文化建設的風貌。我們瀏覽研究一些文化底蘊濃厚、辦學歷史悠久地高校門戶網站可以總結發現，這些網站往往具有界面簡潔凝練、欄目設置科學、導航索引明晰的設計特點。特別是在網站的網頁設計這一環節上，這些網站大都設計精美，將具有典型校園文化氛圍的形象圖片加以藝術加工，作為網頁界面的主要設計元素，給網站瀏覽者以豐富的聯想和深刻的印象。而反觀絕大多數的高校門戶網站則缺乏設計風格地準確定位，欄目設置和導航混亂無章，只是將網站需要宣傳的內容簡單的堆砌在一起。網站建設缺乏理性分析，缺少以形式美法則為指導下的藝術設計活動，沒有實現網頁設計藝術性和網站建設技術性的良好融合，網頁界面缺少美感，自然也不具有良好的視覺傳達效果。

評價一個網站的優劣，不能以其首頁界面包含信息的多少來當作評價的重要條件。首頁界面好比人的臉面，如果把所有的東西都集中到這“一張臉”上，那這張臉面也就“亂花漸欲迷人眼”，“鏗鏘不知何處去”了。“簡約而不簡單”這句廣告詞對于網站風格的確立和網頁設計倒顯得頗具指導意義。簡約——真的不簡單!

2.2 藝術形式的運用

2.2.1 “經營位置”

網站在進行科學分析定位后，如何進行正確的版式設計，即對網頁界面的組成因素進行布局就顯得尤為重要。布局不是將網站構成元素進行簡單堆砌，而是本著創新的理念將構成網站的內容重心板塊和基本服務項目，在特定的網頁設計空間內進行積極排布和推陳出新。

我們知道商業網站的版面設計中往往有 “寸土寸金”的說法。然而我們認為，高校門戶網站因其特殊的身份和地位，決定了其設計特別是在首頁界面的設計中，“經營位置”的思想和做法更具指導意義和實際應用性。

“經營位置”本是中國畫論中的一個術語，在“六法”中即是構圖的意思。南齊謝赫明確而具體地闡述了“經營”兩字的含義:它包括思考、分析、研究、推敲等一系列思維活動。“位置”也不僅是畫面上物象安置的處所，還包括整個畫面的結構、格局等，可見構圖是一種十分重要的技法。詳言之，構圖就是將被描繪的對象在畫面上合理的組織與安排，使人看后感到有重點、有秩序、有節奏、有環境、有空間、有虛實、有氣韻，從而使繪畫產生藝術效果，有感人、啟示人的力量。

網頁設計在考慮網站功能需要的前提下，可根據內容的輕重，按照統一的方式進行布局。具體講，可先確定畫面的設計主線，對整個頁面進行平面幾何分割，形成網頁界面的初始感覺;然后對構成網頁的各個組織元素合理調配，按照一定的形式美法則進行布局，充實起整個網頁框架。這樣通過“經營位置”形成的畫面，畫面暗含或縱或橫、或方或圓的設計主線，再輔以網頁各個組織元素間大小、曲直、方圓、冷暖的對比與調和，畫面充滿理性分析和形式美感。

2.2.2 “形式美法則”

網頁設計與平面設計一樣，同是視覺傳達的藝術表現形式。人們在長期的審美實踐活動中總結出多種形式美的法則，設計時應合理運用，使網頁設計作品更具審美情趣。

變化和統一。變化和統一是形式美的總法則，是形式美法則的最高形式。變化是各個組成部分之間的區別，統一是其內在關聯。完美的圖形設計，形式上要豐富、有條理。對圖形的大小、方圓、動靜、強弱等方面加以藝術處理，既要做到畫面暗含組織秩序，同時畫面又不顯單調呆板。我們將大量網頁構成元素放置到頁面中時，必須按照統一的要求加以排布，使之增強畫面的整體性;又要在統一的基礎上，追求形與色的變化，使網頁界面觀感更豐富，更具生氣，網絡瀏覽者自然也就不會感到枯燥。

條理與反復。條理與反復的原則是圖形構成整體秩序美的基礎，是變化中的統一，也是圖形運動發展中求得協調一致的表現方式，由此可以演化出多種多樣的圖形變化。網站界面包含信息含量大、使用元素多，可根據條例與反復的法則將其內容、元素條理化，在一定程度上加以歸納后重復利用，使之形成的網頁具有界面整齊，脈絡清楚，重點突出，層次分明的特點。

對比與調和。對比與調和的原則是使圖形感覺豐富、充滿活力的基礎，對比是為了使主題畫面富有變化和生氣，而調和是構成美的對象之間的相互關系。在網站界面設計中，首先合理地運用對比的原則，對網頁設計中使用的圖像元素、文字元素等加以對比使用，取得較為強烈的視覺效果;同時還要保持畫面調和的因素，如畫面元素之間貫徹的設計主線，以及元素間在形與色上面的呼應。在不同之中暗含相同，在相同之中又獨具不同。做到了對比和調和的相輔相成，網頁界面視覺特征自然突出鮮明。

動與靜。動靜結合是網頁設計形式的又一特點，傳統媒體設計形態如雜志、報刊等都是由靜態符號作為基本的表達手段，影視設計與電視屏幕藝術設計則是帶有時間性的動態設計。網頁設計在日新月異的計算機技術地輔助之下，將靜和動這兩種藝術形式加以融會貫通，不只具有圖像和文字這些靜態構成元素，而且啟用了GIF動畫、FLASH動畫、FLASH組件下視頻圖像等多種動態構成元素，營造出了動靜結合的網頁界面，在實現信息傳遞的過程中極大的豐富了網站瀏覽者的視聽觀感。

形式美法則雖具有一些規律性的特征，但并不是固定不變的僵死法則，不要因這些已有法則拘束了美的創造活動。我們必須從高校門戶網站本身定位的高點上來考慮，綜合學校的整體形象加以提煉，找尋適合自身的形式美法則加以指導，使之有助于網頁設計的藝術創作活動。

2.3 VI設計理論的運用

VI即(Visual Identity)，通譯為視覺識別，是CIS系統中最具傳播力和感染力的層面。人們所感知的外部信息，有83%是通過視覺通道到達人們心智的。也就是說，視覺是人們接受外部信息的最重要和最主要的通道。VI設計是以企業標志、標準字體、標準色彩為核心展開的完整、體系的視覺傳達體系，是將企業理念、文化特質、服務內容、企業規范等抽象語意轉換為具體符號的概念，塑造出獨特的企業形象。

在進行高校門戶網站設計時，要注重VI設計理論的運用。現在高校雖然沒有進行完整的VI標準設計，但大多數高校都設計了具有獨特理念的標識(LOGO)，并據此規范完成了學校名稱的標準字體和標準色，那么在網站設計時就要嚴格按照VI設計標準進行。為了提升整個學校的網絡宣傳效果，要針對學校標識制定整個學校二級網站的使用規范，使學校主站和二級子網站依照學校標識建立起完整統一、主次分明的視覺印象。同時在進行學校門戶網站設計時，可依照學校標識的標準用色展開設計應用，以標準用色作為首頁界面的主色調，以輔助用色作為調和色調;也可在其色系里面進行調和使用，營造不同的視覺效果。需要說明的是，這只是實現良好網頁設計效果的一條有效途徑，學校網站設計人員不必墨守成規，而是要不斷地在網頁用色上多做探索，在色彩的海洋中為學校門戶網站挑選最美的霓裳。

3 結束語

高等學校作為科學文化知識特別是高層次、先進知識的主要傳播地，建設技術先進，視覺精美，富有大學文化內涵的優秀門戶網站是網絡時代發展賦予我們的要求。我們要基于高等學校的教育主旨，結合校情、校史研究確定高校門戶的建設風格。在這個過程中，除了學習和借鑒國內外優秀網站作品的設計經驗，更要注重從傳統的藝術思想理論和形式美法則中汲取營養，對高校門戶網站建設進行更多、更深入的藝術設計實踐活動。

中國互聯網的歷史僅有短短的二十余年，但中國互聯網已成為網民人數最多，聯網區域最廣的全球第一大網，發展速度為世界驚嘆。然而網站設計對于我們來說仍然是一個新生事物，如何利用發展日新月異的計算機科學技術，設計出能夠積極滿足各類網絡用戶需要的成功網站作品，是一個值得長期深入研究的課題。

參考文獻:

[1] 吳乃群，史耀軍.網頁界面設計中視覺傳達的解讀[J].哈爾濱，美術研究，2007(3).

[2] 顧群業.網頁配色密碼[M].北京:清華大學出版社，2006.

[3] 百度百科.VI設計[EB/OL].http://baike.baidu.com/view/60932.htm.

[4] 文濤.網頁的視覺傳達設計與分析[J].沈陽教育學院學報，2005(1).

[5] 王慧.平面構成在網頁界面設計中的應用[J].藝術與設計:理論，2007(12).