音樂網(wǎng)頁中版式設(shè)計(jì)的視覺表現(xiàn)

趙寧

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

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

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

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

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

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

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

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

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

（二）版面的排版

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（一）審美需求

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

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

（二）審美趨勢

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

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

參考文獻(xiàn)

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

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

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

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

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