趙寧

摘 要：當(dāng)今，互聯(lián)網(wǎng)已經(jīng)十分普及，隨之而來(lái)的是網(wǎng)頁(yè)成了和大家息息相關(guān)的信息傳達(dá)平臺(tái)。而網(wǎng)頁(yè)在表現(xiàn)形式上不能脫離視覺傳達(dá)，這就是這里要討論的——音樂網(wǎng)頁(yè)中版式設(shè)計(jì)的視覺表現(xiàn)，通過討論這些內(nèi)容，探討網(wǎng)頁(yè)視覺信息如何更有效、更為合理的表現(xiàn)與傳達(dá)。全文以音樂為題材，從網(wǎng)頁(yè)版式設(shè)計(jì)的背景、設(shè)計(jì)過程、審美需求及趨勢(shì)三個(gè)方面來(lái)論述。設(shè)計(jì)過程中關(guān)鍵問題是如何把握空白和實(shí)體的對(duì)比，通過虛實(shí)相互呼應(yīng)，突出版面所傳達(dá)的主題信息。

關(guān)鍵詞：音樂網(wǎng)頁(yè)；版式；空白與虛實(shí)

一、音樂網(wǎng)頁(yè)版式設(shè)計(jì)的背景

近年來(lái)，隨著計(jì)算機(jī)技術(shù)的迅猛發(fā)展和人們生活水平的不斷提高，互聯(lián)網(wǎng)越來(lái)越廣泛的深入到人們的日常生活和工作當(dāng)中。與此同時(shí)，信息傳播業(yè)也面臨著一場(chǎng)深刻的變革。互聯(lián)網(wǎng)作為一種嶄新、迅捷的信息交流方式，它使信息的傳播突破了傳統(tǒng)方式的阻隔，使信息傳達(dá)的范圍、速度與效率都產(chǎn)生了質(zhì)的飛躍。

互聯(lián)網(wǎng)絡(luò)作為一種全新的傳媒方式，具有迅捷、及時(shí)、價(jià)廉、交互性好、傳播面廣的特點(diǎn)，為視覺傳達(dá)設(shè)計(jì)的傳播提供了良好的條件。但是網(wǎng)絡(luò)上不乏充斥了純粹為了炫耀技術(shù)的網(wǎng)站，比如把文字、圖像、動(dòng)畫等元素毫無(wú)秩序的堆在網(wǎng)頁(yè)上，瀏覽這樣的網(wǎng)頁(yè)有些像在人滿為患的公交車上，讓人感到頭暈?zāi)垦?。視覺效果惡劣的網(wǎng)頁(yè)，不但毫無(wú)美感可言，而且還會(huì)影響向用戶傳達(dá)信息。

如今現(xiàn)代社會(huì)生活、工作節(jié)奏日趨加快，人們無(wú)暇去慢慢欣賞繁瑣的網(wǎng)頁(yè)，并且因文化素質(zhì)的提高和價(jià)值觀念的變化，生活情趣和審美趣味更趨向簡(jiǎn)潔、單純化，頁(yè)面設(shè)計(jì)以需求功能為目標(biāo)，要求簡(jiǎn)練、準(zhǔn)確，“簡(jiǎn)約設(shè)計(jì)”由此深入人心，是各種藝術(shù)形式都必須遵循的普遍原則，也是網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)。

二、音樂網(wǎng)頁(yè)版式設(shè)計(jì)的表現(xiàn)手法

（一）風(fēng)格的定位

對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，要做的第一步工作就是確定網(wǎng)頁(yè)整體的風(fēng)格，不同類型的網(wǎng)站需要有不同的風(fēng)格，而且風(fēng)格要與主題內(nèi)容相統(tǒng)一。為了順應(yīng)“簡(jiǎn)約設(shè)計(jì)”，讓雜亂的網(wǎng)頁(yè)變得輕薄簡(jiǎn)潔而美觀更好的表達(dá)音樂網(wǎng)站的主題，頁(yè)面版式去掉一切無(wú)關(guān)主題的元素。實(shí)現(xiàn)簡(jiǎn)化設(shè)計(jì)的第一步，不是簡(jiǎn)單的去掉大部分圖片，而是要重新考慮內(nèi)容并將其簡(jiǎn)化到無(wú)遮蓋的需求。只有這樣才能讓頁(yè)面中的音樂主題實(shí)現(xiàn)預(yù)期的效果。

（二）版面的排版

網(wǎng)頁(yè)的版式設(shè)計(jì)同報(bào)刊雜志等平面媒體的版式設(shè)計(jì)有很多共同之處，它在網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)中占據(jù)著重要的地位。但網(wǎng)頁(yè)的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁(yè)則不同，它是通過互聯(lián)網(wǎng)顯示在用戶電腦屏幕上，頁(yè)面尺寸與顯示器大小及其分辨率有關(guān)。網(wǎng)頁(yè)版式的局限性就在于無(wú)法突破顯示器的范圍，以及瀏覽器也會(huì)占去一些空間，留下的頁(yè)面變得更小。當(dāng)確定了網(wǎng)頁(yè)總體風(fēng)格之后，根據(jù)現(xiàn)有的圖片、文字等素材進(jìn)行頁(yè)面劃分，文字作為最原始、最有力的信息傳遞方式，在網(wǎng)頁(yè)設(shè)計(jì)中也是至關(guān)重要的。

1.音樂網(wǎng)頁(yè)設(shè)計(jì)中的視覺規(guī)律

由于網(wǎng)頁(yè)風(fēng)格的不同，人們?cè)跒g覽網(wǎng)頁(yè)的同時(shí)會(huì)產(chǎn)生不同的視覺和心理感受，為了使網(wǎng)頁(yè)發(fā)揮最大的視覺傳達(dá)功能，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)必須考慮到人們視覺流向的心理和生理特點(diǎn)，由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。

2 .虛實(shí)和留白的應(yīng)用

簡(jiǎn)潔、單純、可用是當(dāng)今網(wǎng)頁(yè)設(shè)計(jì)的主流。迅速、有效地傳達(dá)信息，少用裝飾，簡(jiǎn)潔的網(wǎng)頁(yè)成為人們的追求。留白作為一種經(jīng)典的版式設(shè)計(jì)方法，已經(jīng)延伸到當(dāng)今各個(gè)設(shè)計(jì)領(lǐng)域。網(wǎng)頁(yè)版式設(shè)計(jì)留白是網(wǎng)頁(yè)藝術(shù)性的需要，更是實(shí)用網(wǎng)頁(yè)可用性的要求。

留白是一種藝術(shù)形式，在音樂網(wǎng)頁(yè)版式設(shè)計(jì)中，留白可以發(fā)揮重要作用。利用留白來(lái)達(dá)到頁(yè)面的平衡，使整個(gè)頁(yè)面布局松緊有度，形成虛實(shí)、輕重的效果，給人以跌宕起伏的感覺。并且可以引導(dǎo)瀏覽者的視線轉(zhuǎn)移到頁(yè)面的四周，使頁(yè)面版式具有“透氣”的感覺。沒有很好的留白，頁(yè)面就會(huì)顯得擁擠不堪，用戶會(huì)不知道視線該停留在哪里，更不用說(shuō)表達(dá)主題了。音樂網(wǎng)頁(yè)版式設(shè)計(jì)是以傳達(dá)音樂信息為主要目的的，留白最重要的是體現(xiàn)網(wǎng)頁(yè)的可用性。簡(jiǎn)潔明快、富于美感的頁(yè)面版式更具有可瀏覽性，方便瀏覽者更快找到自己感興趣的信息。認(rèn)知心理學(xué)的研究證明，留在空白之中的東西更容易被人注意和想起，留白對(duì)瀏覽起強(qiáng)調(diào)和停頓的作用，有助于突出設(shè)計(jì)主題。

當(dāng)用戶被滿滿的文字、圖像等淹沒時(shí)，適當(dāng)?shù)牧舭讜?huì)讓我們可以輕松瀏覽信息。當(dāng)前的音樂網(wǎng)頁(yè)，頁(yè)面上堆積的信息可以“多”、“亂”來(lái)形容，從視覺上區(qū)別其他網(wǎng)頁(yè)的有效辦法就是運(yùn)用版式的留白。通過虛實(shí)的表現(xiàn)使文字、圖形之間形成節(jié)奏感、版塊層次感、內(nèi)容主次感，創(chuàng)造“透氣”的虛實(shí)感受，給瀏覽者帶來(lái)輕松、愉悅的享受和無(wú)限的想象空間，從而更好地體會(huì)經(jīng)典音樂中所潛藏的過往記憶。

（三）表現(xiàn)形式

方形圖使圖像內(nèi)容更突出且將主體形象與環(huán)境共融，可以完整地傳達(dá)音樂主題思想，富有感染性。加上方形圖的頁(yè)面，給人以穩(wěn)重、理性和安靜的感覺。

導(dǎo)航欄又把整個(gè)頁(yè)面分成上下兩部分，分別安排圖片和歌曲信息。兩個(gè)部分形成對(duì)比：有圖片的部分感性而具活力，歌曲信息部分則理性而平靜。不同的子頁(yè)面可以通過導(dǎo)航欄的移動(dòng)來(lái)調(diào)整圖片和歌曲信息所占的面積，來(lái)調(diào)節(jié)對(duì)比的強(qiáng)弱，就會(huì)產(chǎn)生變化豐富的的效果。

（四）色彩的應(yīng)用

在音樂網(wǎng)頁(yè)設(shè)計(jì)中，好的色彩搭配可以更好地烘托音樂的主題。色彩的合理選擇會(huì)使網(wǎng)頁(yè)成功一半，其中主色調(diào)應(yīng)當(dāng)蘊(yùn)含主題文化的心理信息。

由“懷舊”聯(lián)想到上個(gè)世紀(jì)的黑白電視機(jī)，而輕快的白色可以給人很好的輕快速度感，大面積的白色可以讓其它顏色呈現(xiàn)出深度、明度和飽和度的不同層次，通過對(duì)比讓亮色更加明快。整潔、大空白的同時(shí)讓用戶保持歡快的情感進(jìn)行瀏覽。

三、音樂網(wǎng)頁(yè)版式設(shè)計(jì)中的審美需求與審美趨勢(shì)

（一）審美需求

人們對(duì)美的追求是不斷深入的，網(wǎng)頁(yè)設(shè)計(jì)同樣如此。網(wǎng)頁(yè)不光是把各種東西放上去，能看就行，更要考慮如何使受眾能更好地和更有效率地接收網(wǎng)頁(yè)上的信息。這就需要從審美的方面入手，制作出清晰、整體性好的頁(yè)面，使人瀏覽起來(lái)產(chǎn)生愉悅感，更容易接受信息。

當(dāng)我們打開電腦收聽音樂時(shí)，上網(wǎng)一看，好像每個(gè)音樂網(wǎng)頁(yè)都是一樣的。從標(biāo)題的放置，歌曲的搜集，按鈕的編排到動(dòng)畫的采用都是如此，沒有發(fā)揮自己的網(wǎng)頁(yè)的特點(diǎn)。但是中看不中用的網(wǎng)頁(yè)也是不少。例如有些音樂網(wǎng)頁(yè)將按鈕溶入到頁(yè)面的圖片中去，倒是比較漂亮了，整體感強(qiáng)了。但是有時(shí)候卻找不到播放按鈕，造成困難，這同樣是不可取的。因此，我喜歡的音樂網(wǎng)頁(yè)設(shè)計(jì)是有故事有主題的，在版式上區(qū)別與其他同類網(wǎng)頁(yè)。

（二）審美趨勢(shì)

音樂網(wǎng)頁(yè)設(shè)計(jì)擁有傳統(tǒng)的媒體的不具有的優(yōu)勢(shì)，例如能夠把聲音、圖片、文字、動(dòng)畫相結(jié)合，營(yíng)造一個(gè)生動(dòng)的視覺表現(xiàn)。但是最基本的模式還是平面設(shè)計(jì)的內(nèi)容，所以依然要順應(yīng)“簡(jiǎn)約設(shè)計(jì)”這個(gè)趨勢(shì)。

隨著時(shí)代的不同，特別在生活節(jié)奏如此快的互聯(lián)網(wǎng)時(shí)代，人們的審美觀念也在不斷地變更，但是美的本質(zhì)是一樣的。厭倦了嘈雜的人們?cè)絹?lái)越喜歡簡(jiǎn)單的版面，單純的元素可以讓人靜下心來(lái)好好欣賞音樂?！昂?jiǎn)約設(shè)計(jì)”的出現(xiàn)無(wú)疑給人們一種簡(jiǎn)潔、清新的感覺，是大眾所向往的，迅速、有效地傳達(dá)信息，少用裝飾，更是網(wǎng)頁(yè)設(shè)計(jì)師所追求的。（作者單位：武漢紡織大學(xué)）

參考文獻(xiàn)

[1] 侯慧俊、錢永寧著.網(wǎng)頁(yè)界面設(shè)計(jì)創(chuàng)意指南.上?？茖W(xué)技術(shù)文獻(xiàn)出版社，2009年

[2] 倪洋著.網(wǎng)頁(yè)設(shè)計(jì).上海人民美術(shù)出版社，2006年6月第1版

[3] 王建民著.網(wǎng)頁(yè)設(shè)計(jì).湖南大學(xué)出版社，2006年9月第一版

[4] （德）魯?shù)婪颉ぐ⒍骱Ｄ分囆g(shù)與視知覺湖南美術(shù)出版社2008年

[5] 薛紅艷著.設(shè)計(jì)的視覺語(yǔ)言.北京化學(xué)工業(yè)出版社，2006年