摘要：

數(shù)字技術的發(fā)展推動了新媒體在公眾設施中的廣泛應用，受眾群體對數(shù)字媒體的需求不再僅僅局限于了解信息、獲取信息，對于視覺的美感也有更高的要求。本文將以依托網(wǎng)絡平臺建立起來的數(shù)字美術館為例，通過分析其網(wǎng)站的視覺設計，多方面解析視覺元素在網(wǎng)絡平臺發(fā)揮的不同作用，體現(xiàn)視覺設計在數(shù)字美術館建設中的價值。

關鍵詞：

數(shù)字美術館 新媒體 網(wǎng)站 視覺設計

中國分類號：G268

文獻標識碼：A

文章編號：1003-0069 （2015） 05-0129-03

隨著互聯(lián)網(wǎng)產(chǎn)業(yè)的飛速發(fā)展，數(shù)字虛擬現(xiàn)實、三維建模、物聯(lián)網(wǎng)、移動互聯(lián)、云計算、大數(shù)據(jù)等各類新技術應用大量出現(xiàn)。如今，這些新媒體技術已經(jīng)廣泛應用于美術館的展覽陳列之中。其中，數(shù)字美術館，以數(shù)字化、網(wǎng)絡化、虛擬化的手段，極大地增強了展示的生動性和交互性，擴展了展示的空間和時間。

依托網(wǎng)絡平臺，結(jié)合虛擬現(xiàn)實技術和網(wǎng)絡技術的數(shù)字美術館，打破了實體美術館現(xiàn)有空間的限制，延伸到數(shù)字空間進行展示。為滿足受眾的個性需求，在表現(xiàn)形式上和內(nèi)容組織上持續(xù)創(chuàng)新，更注重在虛擬現(xiàn)實和制造虛擬現(xiàn)實空間方面的視覺設計。

1.視覺設計對數(shù)字美術館建設的影響

數(shù)字美術館就其內(nèi)涵可以分為兩種：基于現(xiàn)有實體美術館的數(shù)字化改造和純網(wǎng)絡虛擬的美術館信息展示平臺。無論是前者還是后者，視覺設計都占有重要的分量。應用了視覺設計的數(shù)字美術館，打破了實體美術館展示上一貫單一呆板的陳舊模式，更注重數(shù)字展陳設計，優(yōu)化多媒體界面，全方位融合數(shù)字媒體前沿技術與文化創(chuàng)意，使參觀者更好地與美術館近距離互動。

在數(shù)字美術館中，網(wǎng)站視覺設計應用的價值主要體現(xiàn)在用戶界面上，從界面設計上打破美術館本身的空間限制，讓用戶在體驗過程中，達到人空間一物三者之間更全面的互動。

同時，用戶界面的視覺應用也是數(shù)字美術館整體定位的關鍵。如何從色調(diào)、文字設計、圖標、風格等方面去表達美術館最核心的文化價值，如何吸引用戶眼球停留在自己的網(wǎng)站上，除了豐富且具前沿性的內(nèi)容，用戶界面的視覺設計起到了決定作用。只有讓用戶在體驗過程，既能接收到有價值的訊息，更能從中獲得觀感的愉悅，才可以顯現(xiàn)數(shù)字美術館智能化背后藝術價值。

2.數(shù)字美術館網(wǎng)站視覺界面設計分析

數(shù)字美術館的網(wǎng)站頁面主要分為三大板塊：1.標題；2.主頁面；3.信息鏈接。以舊金山藝術博物館（FAMSF）為例（見圖1）。在主頁面部分，再細化為三塊：1.信息欄；2.banner條；3.展館其他信息（開閉館時間/臨近結(jié)束的展/小banner）（見圖2）

1.導航欄設計

在網(wǎng)頁的版面設計中，導航欄設計具有舉足輕重的地位。數(shù)字美術館的導航欄部分大多數(shù)以標題和LOGO的形式單獨呈現(xiàn)在版面的最上方，這也是用戶在瀏覽網(wǎng)頁時，首先會注意到的地方。標題的位置位于用戶瀏覽頁面的起點處，在簡練而醒目地給予用戶信息提示的同時對頁面瀏覽的順序起到了很好的引導作用。

（1）數(shù)字美術館LOGO實例

在大多數(shù)的數(shù)字美術館的網(wǎng)頁中，LOGO屬于視覺核心，是傳達美術館的主題精神。多以美術館的形象標志+美術館全稱的形式出現(xiàn)在網(wǎng)站的左上方。這類形式的LOGO設計簡潔大方，適用于各種風格的網(wǎng)站頁面。最重要的是能傳遞準確的信息，而采用簡單的圖案造型與字體設計結(jié)合的形式來表達主題更為直接，更便于記憶。圖3中分別是波士頓美術博物館、大都會藝術博物館、哥德堡藝術博物館。

（2）數(shù)字美術館的標題實例

用戶在搜索引擎檢索時，一般頁面會首先出現(xiàn)網(wǎng)頁標題（加鏈接）和網(wǎng)頁摘要信息。要想引起用戶的關注，網(wǎng)頁標題就得發(fā)揮最大的作用。因此一個概括了網(wǎng)頁核心內(nèi)容的標題有助于用戶判斷是否點擊該網(wǎng)頁標題鏈接。

圖4是哥德堡藝術博物館的網(wǎng)頁標題。標題上除了左邊放了藝術館的LOGO外，其余地方采取了大量留白的方式。讓標題的信息更加明確、清晰，也能在第一時間聚集用戶的目光。其余部分的空白處與下面豐富的色彩內(nèi)容形成了強烈的對比，在做好區(qū)分的同時也讓整個頁面的層次感更加強烈。主次分明的表現(xiàn)手法不會讓用戶瀏覽頁面時產(chǎn)生審美疲倦。

圖5是洛杉磯藝術博物館的網(wǎng)頁主欄標題。從結(jié)構排版上就與一般的美術館網(wǎng)頁有所不同。前面就介紹過，一般是在標題欄下面放上主題的banner內(nèi)容，不過在這個網(wǎng)頁中，將標題欄置于banner條之上，兩者成為一個部分。同時頁面上采取明亮的紅色將整體與下面的細節(jié)內(nèi)容區(qū)分開來。從用戶體驗上來講，在瀏覽頁面時，標題與banner都成為需要也是必然會關注到的部分，視覺觀感上是沒有辦法忽視。但從版式設計上來分析，這樣的設計卻并不是很明智。盡管有顏色來區(qū)分主次，但整個畫面的層次感不清晰，沒有一個核心的定點去引導用戶瀏覽。

圖6是美國大都會藝術博物館的網(wǎng)頁標題。相對于哥德堡藝術博物館，大都會藝術館的網(wǎng)頁主要是采用色彩區(qū)分主次。在主欄標題部分，除了藝術館的LOGO，還在右邊加入了網(wǎng)頁的登錄注冊與搜索欄兩部分。讓整個頁面標題的功能性增強。用黑色作為主標題欄的背景，在視覺上拉開了標題與內(nèi)容之間的層次，同時穩(wěn)重的色調(diào)也很符合大都會這樣國際級別的藝術博物館的形象。

2.背景色調(diào)設計

對于網(wǎng)站設計來說，整體版面的定位是應該放在首位考慮的事。美術館這樣具有公眾效應的網(wǎng)站，版面的整體布局代表了整體美術館傳遞的主題精神。因為要達到與用戶多方位互動，所以決定了界面設計的重要性，其底圖背景的設計也就自然承擔了視覺效果中不可或缺的部分。

要吸引到用戶眼球，版面的色彩是最直接的表達。通過文字的深淺、圖片的明暗、或者色塊間的區(qū)分，拉出頁面中的層次感，豐富畫面的同時讓用戶審美上不覺疲勞。根據(jù)數(shù)字美術館不同類別的劃分，在頁面色調(diào)和背景底紋上都會有所不同。一般，冷色調(diào)、低明度的色調(diào)與白色搭配，能表達出明朗、沉靜的感覺。而鮮艷、高明度的色調(diào)，通過顏色間的對比強調(diào)主次之分，更增加了頁面的活潑感。大多數(shù)美術館的網(wǎng)頁都選擇以淺白色為底，搭配深色文字，能更簡潔明了的傳遞信息。

以美國大都會藝術博物館（見圖7）為例，就是典型的淺底深色字的版面。沒有過多的修飾，僅依靠線條區(qū)分板塊，整體視覺感清晰明朗。往往越簡單的設計在傳遞信息上越難。不過事實證明，這樣“簡單”的設計也是最經(jīng)得起時間考驗的。

而舊金山現(xiàn)代藝術博物館（見圖8），則屬于具有個性化的數(shù)字美術館網(wǎng)站。通過色塊間的變化，區(qū)分版塊間的信息。因是在同一版面，所以很明智地選擇了同色系的顏色，既達到了信息分類的效果，也在豐富畫面的同時顯得有章法可循。

3.圖文版式設計

（1）文字設計

文字是視覺表達的一個重要組成部分，也是網(wǎng)頁設計中的主體之一。從標題文字到分類欄的目錄再到文案內(nèi)容的表達，文字在其中都起到了舉足輕重的作用。它除了能表達意思的作用外，還能通過靈活的排版，帶來視覺美感。而在文字細節(jié)的表達上，無論是粗細、大小、顏色深淺，還是平面或立體，都能讓頁面的設計更加精致，起到畫龍點睛的作用。

以韓國的國立當代藝術博物館的網(wǎng)頁為例。（見圖9）在標題欄，就通過大小文字大小、粗細的不同，區(qū)分出目錄下的一級標題、二級標題、三級標題。在中心內(nèi)容部分，則是通過借用色塊的區(qū)分，統(tǒng)一小版塊間的題目與內(nèi)容上文字大小、間距、色調(diào)，這樣用戶在瀏覽網(wǎng)頁時，不會因色塊的不同，而影響文字的閱讀。信息傳遞方式的統(tǒng)一性更能明確表達出主要意思。

Banner是網(wǎng)頁中橫幅設計的主要表達方式，其banner中的文字是體現(xiàn)網(wǎng)站形象的重要元素。每一個不同的banner者B有其特有的標語，這就是網(wǎng)站的宣傳標語，也可以說是網(wǎng)站的精神，網(wǎng)站的目標。一般來講，banner中的文字多以一句話甚至一個詞來高度概括其核心思想。因此在對banner的文字排版上，應該遵循三大原則：

1.選擇符合畫面主題的字體，文字旁注意留白，使其更醒目。

2.文字一般放在畫面的突出位置（如左邊），具體依據(jù)整個畫面版式調(diào)整。

3.文字內(nèi)容最好簡潔而富有樂趣，引起瀏覽者的興趣。

以舊金山現(xiàn)代藝術博物館為例（見圖10），其四個banner者B遵循了以上三個原則。依照banner畫面，來均勻分布文字間的字間距、行間距。

（2）圖像信息設計

圖像是信息視覺化的基本元素，在傳遞信息上較文字更為直接明了。相對于其他的網(wǎng)站，美術館這樣特別強調(diào)藝術表達的網(wǎng)站，圖像就是整個版面的主題，文字實際上只是起到輔助說明的作用。

因而數(shù)字美術館網(wǎng)站上照片是場景和藝術品的真實記錄，除了能給觀賞者欣賞外，更帶來身臨其境的真實感。這些圖像信息有效地把分散的語言聚集起來，讓數(shù)字與圖形真實融合，讓信息的傳達更準確、更直觀。（見圖11）西雅圖藝術博物館網(wǎng)頁展訊。（見圖12）舊金山藝術博物館網(wǎng)頁展訊。

4.動畫影像與其他設計元素

網(wǎng)頁在展示平面視覺的元素以外，還會加入媒體影像。對于數(shù)字美術館的頁面來說，一方面靜態(tài)與動態(tài)的結(jié)合，可使整個版面的視覺傾向更加均衡；另—方面從用戶體驗的需求考慮，動態(tài)的視覺加音效效果更容易產(chǎn)生感染力，也能讓新用戶在第一時間里最快速地了解整個美術館的當下展訊或者是單獨主題的表達。

并不是所有的數(shù)字美術館網(wǎng)站都會加入動畫影像，但隨著設計體驗概念的不斷強化，動畫影像的互動方式將會越來越普及。

3.總結(jié)

信息時代的到來，給整個社會生活都帶來了深刻的影響，美術館作為當今社會的重要文化機構，必須緊跟科學新技術的發(fā)展，實施信息化建設。在數(shù)字美術館信息化建設進程中，視覺設計占據(jù)重要的地位，尤其對其網(wǎng)站的設計。用戶最直接全面了解美術館的體驗方式就是對當下展館的網(wǎng)站瀏覽，大量的數(shù)據(jù)、圖片、藝術信息，通過專業(yè)設計的合理排版，從獨特視角去詮釋美術館的精神文化。

數(shù)字美術館通過互聯(lián)網(wǎng)技術實現(xiàn)了美術館中“物”與“物”、“物”與“人”之間的信息交互。讓美術館的信息化傳播不僅僅局限于實地場館，還借助高新科技，強強聯(lián)合，提升美術館的服務能力，增強美術館文化的輻射力，多元化、多途徑地為更多公眾服務。