淺談澳門地區(qū)高校主頁的視覺設(shè)計價值與意義

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

關(guān)鍵詞：網(wǎng)頁主頁;視覺設(shè)計;色彩心理學(xué)

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

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

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

1 主體顏色

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

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

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

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

2 框架版式

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

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

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

3 瀏覽動線

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

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

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

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

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

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

參考文獻：

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

[2] 謝雪瑩.網(wǎng)頁設(shè)計與色彩綜述[J].藝術(shù)與設(shè)計（理論），2015.

作者簡介：朱鄒（1991—），男，重慶人，藝術(shù)學(xué)學(xué)士。