摘 要：隨著傳統(tǒng)傳播媒介的衰退，互聯(lián)網時代的到來，高校網頁主頁的視覺設計顯得至關重要，傳統(tǒng)單一的信息傳遞早已被基于用戶為中心的理念取代，對視覺體驗提出了更高的要求。作為中西文化交匯融合的澳門地區(qū)高校以立足本土、根植中華、放眼世界的戰(zhàn)略眼光發(fā)展。本文基于澳門地區(qū)5所高校網站主頁，從主體顏色、框架版式、瀏覽動線3個方面分析其視覺設計的價值與意義。

關鍵詞：網頁主頁;視覺設計;色彩心理學

隨著信息技術的發(fā)展及“互聯(lián)網+”時代的到來，中國互聯(lián)網絡信息中心發(fā)布報告顯示，中國擁有7.51億互聯(lián)網用戶，占世界網民總數的1/5，居全球第一?；ヂ?lián)網已成為當前人們日常生活中不可或缺的一部分。隨著傳統(tǒng)傳播媒介的衰退，互聯(lián)網時代崛起，讓信息傳遞變得更具實效性、全球性、便捷性，網站逐漸成為獲?。ˋcquire）、發(fā)布（publish）、傳遞（deliver）信息的重要渠道，也成為世界高校信息對外傳播的重要窗口之一。在如今以用戶體驗（user experience）為王的今天，對網頁的建設提出了更高的要求。傳統(tǒng)單一的不對稱信息傳遞是遠遠不夠的，感官體驗、瀏覽體驗、互動體驗建立起了高校網站與用戶互動的橋梁，通過感官效果營造出一種舒適溫馨的氛圍，讓用戶感受到高校的文化與環(huán)境，拉近了高校與學生間的情感距離。

高校網站的主頁是訪問者進入網站后最直觀的視覺體驗，主頁所傳遞的文字語言、色彩語言、版式語言都成了訪問者對其最直觀的印象。隨著如今信息化時代技術以及大眾審美水平的提升，受眾對于網站的視覺設計，如色彩運用、版式設計等方面的要求不斷提升。從以前單一通過網站查閱信息演變?yōu)橐杂脩魹橹行牡挠脩趔w驗設計，瀏覽網站時視覺體驗顯得至關重要。

澳門獨特的地理位置與歷史背景造就了具有代表性的澳門文化，是中華文化與葡萄牙文化為主的中西文化交匯形成的澳門文化。中西文化融合在審美、生活習慣等眾多領域都得到了體現(xiàn)。高校是文化傳承的高地，澳門的高校立足本土，根植中華，放眼世界。本文以澳門大學、澳門科技大學、澳門城市大學、澳門理工學院、澳門鏡湖護理學院5所高校網站主頁為樣本，通過對網站主頁視覺設計中主體顏色、框架版式、瀏覽動線方面的分析，總結其視覺設計的特點，促進兩岸高校在網站主頁建設的交流以及文化層面的深度思考。

1 主體顏色

顏色是網頁設計中常用的視覺語言。色彩的形式變幻萬千，色彩是一種物理現(xiàn)象，色彩客觀來說并不包含任何人為情感，一切情緒化的意義都是被人為賦予的。歌德在色彩學研究領域直接賦予了眼睛重要而獨特的地位，眼睛在色彩感知中具有“極性”傾向，色彩不斷塑造與改變人類的色彩感知，在潛意識里左右人的情緒。每種色彩都被賦予不同的含義，“藍天白云、燈紅酒綠”，我們的日常生活中充滿了繽紛的色彩。人類在色彩接觸中產生的從知覺到情緒再到意志象征等一系列心理活動被廣知為色彩心理學，是視覺神經與客觀環(huán)境的直接對話，而情緒又會受到潛意識的支配，從原始文化用色彩涂抹身體開始，色彩對人類而言便被賦予了更多的意義。而網站主頁的顏色則是作為高校的視覺特征，通過顏色的搭配，進一步影響人們對于該校的主觀意識。

澳門地區(qū)5所高校網站主頁大多使用了不同明度的藍色，藍色在大眾的印象中象征著年輕，而澳門地區(qū)的大學大多都較為年輕，與藍色的色彩定義有異曲同工之處。在色彩心理學的測試中，發(fā)現(xiàn)幾乎沒有人對藍色反感。有心理學家指出，人的第一感覺是視覺，而對視覺影響最大的是色彩。該地區(qū)5所高校在視覺的第一印象上拉近了與訪問者的距離。

澳門大學的首頁顏色以青藍和緋紅為主，兩種色彩的對比強烈，直觀的視覺效果的體現(xiàn)從另一方面反映了中西方文化碰撞。其作為澳門地區(qū)唯一的綜合性公立大學，首頁通過低明度的色彩使用，從視覺上影響著訪問者對學術及發(fā)展的主觀意識的判斷。澳門科技大學的首頁顏色以淺縹及青色為主，該色廣泛應用于科技及互聯(lián)網領域。同色系的兩種色彩明暗對比強烈，給人更直觀的科技感及未來感，與該校創(chuàng)學宗旨、發(fā)展使命相呼應。從視覺上凸顯該校的青春活力，彰顯其多元化辦學、前沿性科技研究及國際化戰(zhàn)略。澳門城市大學大量使用青綠色，該色會給人清爽的感覺，可以使人從興奮的狀態(tài)中冷靜下來。該色所體現(xiàn)的精致感與該校以其作為植根澳門、服務區(qū)域的辦學理念相得益彰。澳門理工學院的首頁顏色以白群為主，給人通透之感。其作為澳門地區(qū)應用型高校，本著“小而美、小而精、出精品”的辦學理念，白群色象征著理想，是其高質量的教學保障體系。搭配網頁右側活動行事歷部分所使用的真紅，以強烈的視覺沖擊使普專兼擅，中西融通的校訓留存在訪問者的記憶中。澳門鏡湖護理學院的首頁顏色以杜若色和白色為主，給人純凈之感。該校致力于培養(yǎng)護理專業(yè)人才，白衣天使向來都是護士的代名詞，且符合南丁格爾首創(chuàng)護士服時所提出的清潔、整齊并利于清潔的原則。視覺上展現(xiàn)了該校專業(yè)化的專業(yè)設置及對醫(yī)學嚴謹的態(tài)度。

通過對表1網頁所使用色彩的分析，澳門各大高校在網站首頁的顏色使用中，較多地運用相近色彩作為主要顏色，搭配少量相似色彩加深層次，以對比色的運用強調和凸顯重點信息;以白色及少量灰色作為底色，使整體頁面簡潔大方，主頁文字信息得以突出，彰顯該高校在主頁視覺設計中對瀏覽者的人文關懷。

2 框架版式

通過對比分析澳門5所高校的網站主頁，在框架版式中，大多采用骨骼型和上下分割型相結合的方式。其中澳門理工學院在頁頭中使用中軸型版式，給人穩(wěn)定平和之感。骨骼型是比較規(guī)范的網頁分割方法，能讓人在視覺上感受到嚴謹、和諧、理性的美;上下分割型則是在整體上把版面分為上、下兩個部分，從而產生較為強烈的視覺沖擊力。

本文將5所高校的主頁按頁頭（包含LOGO、標題、導航欄、BANNER）、主體（包含內容）、頁尾（包含友情鏈接、版權聲明、使用協(xié)議）分為3個板塊進行分析，并得到表2。

通過以上分析，對澳門地區(qū)5所高校主頁框架版式有了初步認知，以較為規(guī)范和嚴謹的骨骼型版式為主，并與其他類型的版式進行混合使用，使整體版式更加多元，從視覺上達到了既有條理、理性，又活潑的彈性效果。

3 瀏覽動線

網頁的瀏覽動線就好像人在室內室外移動的點，聯(lián)合起來就成為動線，訪問者在瀏覽網頁時，動線的排布方式將直接影響訪問者的瀏覽速度、信息瀏覽量及瀏覽便捷度。

通過體驗分析比較澳門地區(qū)5所高校的網站主頁，僅澳門理工大學較為新穎和獨特，采用橫向動線，訪問者僅需左右移動鼠標，便可查閱相關目錄及點擊跳轉。澳門大學、澳門科技大學、澳門城市大學、澳門鏡湖護理學院均采用縱向動線，需訪問者手動拉動頁面瀏覽。

相比較橫向動線和縱向動線，首先就訪問瀏覽速度而言，前者更快，后者稍慢;其次就可供瀏覽的信息量而言，前者較少，后者較多;最后就瀏覽便捷度而言，前者需要跳轉至子頁面，后者則可在了解標題后選擇性進行子頁面的跳轉。（如表3）

通過對主頁瀏覽動線的分析，澳門地區(qū)高校對于訪問者的人性化設計相對完善。訪問者能夠較為便捷地進行初步瀏覽和找到目的信息進行點擊跳轉。

以澳門地區(qū)5所高校網站主頁為例，對主體顏色、框架版式、瀏覽動線三方面進行了分析。澳門地區(qū)高校在網站主頁上通過視覺設計體現(xiàn)學校自身特色、未來發(fā)展趨勢以及訪問者的人文關懷。

在網站主頁設計中，視覺是一種直觀的傳播方式，通過使用顏色、符號、字體等視覺語言元素，高校與受眾之間進行了信息、情感的交互。如何讓視覺元素更加有效地將高校文化、特色學科、辦學理念等傳播給受眾，拉近學校與學生之間的情感距離，通過色彩、框架、瀏覽動線讓網站變得更有“溫度”，這不僅是澳門地區(qū)高校在網站建設中需要探索的問題，也是信息化時代下世界高校都值得深思與探討的問題。網絡讓世界變得沒有距離，通過視覺設計體現(xiàn)網站主體價值觀，建立起網站與用戶互動的橋梁，是網站主頁最核心的價值體現(xiàn)。

參考文獻：

[1] 莫光華.色彩是“光的業(yè)績，業(yè)績和苦難”——論歌德的《色彩學》和色彩觀[J].同濟大學學報（社會科學版），2012.

[2] 謝雪瑩.網頁設計與色彩綜述[J].藝術與設計（理論），2015.

作者簡介：朱鄒（1991—），男，重慶人，藝術學學士。