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

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

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

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

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

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

1 主體顏色

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

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

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

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

2 框架版式

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

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

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

3 瀏覽動(dòng)線

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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