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

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

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

隨著信息技術(shù)的發(fā)展及“互聯(lián)網(wǎng)+”時(shí)代的到來，中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心發(fā)布報(bào)告顯示，中國(guó)擁有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)時(shí)代崛起，讓信息傳遞變得更具實(shí)效性、全球性、便捷性，網(wǎng)站逐漸成為獲?。ˋcquire）、發(fā)布（publish）、傳遞（deliver）信息的重要渠道，也成為世界高校信息對(duì)外傳播的重要窗口之一。在如今以用戶體驗(yàn)（user experience）為王的今天，對(duì)網(wǎng)頁的建設(shè)提出了更高的要求。傳統(tǒng)單一的不對(duì)稱信息傳遞是遠(yuǎn)遠(yuǎn)不夠的，感官體驗(yàn)、瀏覽體驗(yàn)、互動(dòng)體驗(yàn)建立起了高校網(wǎng)站與用戶互動(dòng)的橋梁，通過感官效果營(yíng)造出一種舒適溫馨的氛圍，讓用戶感受到高校的文化與環(huán)境，拉近了高校與學(xué)生間的情感距離。

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

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

1 主體顏色

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

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

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

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

2 框架版式

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

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

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

3 瀏覽動(dòng)線

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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