試論網頁留白的運用

摘要：留白是傳統的中國畫，尤其是寫意畫的特點之一，是中國傳統繪畫藝術千錘百煉的結晶。留白的這種思想不僅在傳統的中國畫中有充分體現，在許多現代設計中也有很多應用，本文主要介紹了留白在網頁設計中的運用。

關鍵詞：網站設計；留白；運用

0引言

[1]簡潔、單純的現代主義風格成為網頁設計的當代主流，迅速、有效地傳達信息成為網頁設計的時尚追求，網頁版式設計走向清峻簡約：倡導減法式編輯原則，少用裝飾，強調留白。而留白，則要留得自覺，留得有章法，留得有生命感。

1“留白”的概念

1.1早期繪畫“留白”

留白技法最早出現在南宋的中國山水畫中。南宋畫家馬遠、夏硅等作畫多作“一角”、“半邊”之景，中國畫壇中有“馬一角，夏半邊”之說。“一角”，“半邊”其實就是一種留白，是以白來襯托實物，突出主體。如馬遠的《寒江獨釣圖》，整幅畫面中只畫了一葉扁舟漂浮于水面，一位老翁坐在船頭，獨自垂釣。四周除了幾筆波紋，畫面大面積為空白，但卻有力地表現了江面的空曠及寒意，更加襯托出漁翁的凝神貫注，也給觀者提供了馳騁想象的余地。

1.2“留白”的發展

中國畫在中國傳統文化的滋養下，形成了自身獨特的藝術體系與藝術規律。[2]留白就是中國畫的顯著特點和重要技法。經過不斷地發展，留白的運用從中國畫引用到藝術設計中去，在藝術設計中恰當、合理地留出空白，能傳達出設計者高雅的審美趣味，打破死板呆滯的常規慣例。

2網頁設計中的留白手法

留白的處理是非常重要的藝術手段，每一個網頁設計者都要有這種意識，在設計時有意識的將自己一些感受恰如其分的通過這些手段傳達出去。

2.1整體上把握留白

[3]提升網站設計的藝術層次，不能僅僅從留白的本身來考慮，要從一個空間的層面上來考慮，整個空間要表現出一定的整體性。從哲學上說整體和局部是對立統一的，互相制約又互相促進。在局部可能顯得空間分配有度，留出的空白也非常的和諧，但是作為一個整體來看則不然。只有先考慮整個頁面的空間的分配，使留白能在此基礎上表現出一定的活力，有時候盡管局部可能是不完善的，但是整理看上去卻很合適。所以要時時把握這個度，調整自己的網頁的空間，使其達到完美的結合。

2.2排版布局上利用留白

如何在空間中突出留白的作用，應該強調頁面的均衡、節奏和韻律。因為網頁的排版布局，在很大程度上借助于留白的作用，也許在設計的時候沒有留意，但不知不覺中在利用它。試想在一個頁面上充滿了圖片和文字，一點空隙都沒有，那是根本談不上節奏感和韻律感的。利用留白的體量感來使頁面的達到平衡，最好是在一種不平衡中營造出平衡的感覺，這樣就能使頁面在和諧的情況下不失生動，假如左右的兩個部分有文字，可以適當的將它們的大小調整，使一邊很大，文本內容很多，可以放得靠上一些，空出一小部分；另一邊小，內容少一些，放在下角，上面的留白很多。這樣就會贏得均衡，不會那么死板。當然這只是一個簡單的例子，實際的運用中很多時候是多種形式美的要素的綜合。在網頁中通過留白的橋梁作用，使整個頁面上的要素排布呈現出高低錯落，跌宕起伏，這樣瀏覽起來就會富節奏感，像是在聽一首好聽的歌曲。當然不是說每個網站都要設計出來像音樂或者是藝術網站一樣的節奏感，在不同種類的網站中體現得要不同，例如政府官網要求威嚴，素雅，這也是一個需要設計者把握的問題，把握得不好就會出現和網站主題意圖不一致或者甚至是相反的效果。

2.3利用留白實現網站的功能性

利用網頁留白，我們可以不用太多的說明就可以表現出它的網站的特征，這是主要從網頁的功能性的方面來看的。例如我們知道的快餐店利用刺激性的紅色作為它的墻面或者是座椅的顏色，讓人感覺到一種壓迫感，不愿在里面呆久，由此騰出更多的空間給后面的客人用，通過這種手段提高客流量。反之在醫院里通常是用一些象征安靜的藍色或者是白色，可以使人心情更平靜。同樣在網頁上我們可以利用空間的運用，借助留白來達到一定的效果。例如在新聞類的網站上，可以將文字設置得更加的緊密一些，使頁面上的內容更多，不用看內容就知道有很多東西，給人一種很值得看的意想。當然內容的設置要盡量集中一些，不要給人的感覺是雜亂無章的。不要設置得太散，給人的感覺就是內容少，太空。這也是人的心理因素的作用。在一些休閑的網站就不一樣，留出的空間就要多一些，使頁面顯得更加輕松，使人一上這個網就能得到一種放松的心態，這才符合休閑的特征。然而目前很多這類網站并沒有沒有考慮這么多，他們的目標是使網站能有更高的點擊率，所以就放盡量多的內容在主頁上，使更廣泛的人能夠在這個網站上找到自己感興趣的內容。這樣就進入了一個誤區，就是頁面上分布得密密麻麻，讓人感覺到一種急促感，緊迫感，給上網的人帶來壓力。

2.4突破留白的俠義

某種程度上留空就是留白，但有時候需要突破這個層面，會發現很多的地方都有發揮的余地，比如顏色的作用是不可忽視的，因為顏色本身具有體量感，具有感情色彩。所以利用有顏色的留空可以給頁面帶來均衡，也可以使頁面更加的豐富。例如不同的位置的留出的色塊之間的相互對比，相互呼應。以及本身大小帶來的重量感，同時同網頁上的文本和圖片之間的結合，可以使頁面呈現出整體上的協調。同時借助于顏色的冷暖，加重頁面給人的感情色彩。目前很多網站都在采用這種手段，網頁上看不到一點純粹的留出的白色的地方，都是一些色塊，這樣原理是同留白一樣的，通過這些色塊，在一個整體的美感作為標準的情況下，綜合運用這些留空來進行文字編排。

3結論

研究網頁上的留白不僅要吸收傳統繪畫中的留白手法，使留白的運用更為廣泛得體，更重要的是擴展它的意義，掌握它的變化。從而有利于我們在制作網頁的時候，靈活的采用，給我們的設計帶來方便，給我們每一個設計者的設計意圖的傳達帶來更加廣闊的空間。

參考文獻：

[1] 丁莉，申凡.淺析現代版式中的簡約風格[J].新聞知識，2005（05）.

[2] 馮培霞.中國畫“空白”的當代意義[J].美術觀察，2003（02）.

[3] 葉德輝.網頁留白的藝術[DB/OL].http：∥www.yesky.com/20001108/130284_1.shtml；201281.

作者簡介：文艷（1988—），女，湖南湘鄉人，湖南師范大學美術學院數碼設計與研究方向研究生，師從王鍵榮。