網頁設計中留白的認識

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網頁設計中留白的認識范文，希望能給你帶來靈感和參考，敬請閱讀。

一、引言

清代笪重光的“無畫處皆成妙景”道出中國畫獨特的文化底蘊和通過虛實關系進行意象造型的藝術境界。留白作為中國畫特色表現(xiàn)手法，蘊含了東方哲學的對立統(tǒng)一思想；“留白非空，空白非白”通過留白巧妙的營造出中國畫中的想象空間和虛實相融的意境。經過不斷發(fā)展，留白的藝術手法已經在藝術設計中得到傳承和創(chuàng)新。

二、網頁設計中的留白

網頁設計是將視聽元素進行藝術處理和有序安排，使得用戶獲得良好的用戶體驗。留白手法的運用使網頁設計者在處理視聽元素時更加注重關注用戶情感的體驗；使網頁效果具有藝術化效果。網頁設計中留白的內涵被歸結為三個方面：一是頁面背景、各頁面元素周圍留白；二是背景形成大面積的有色范圍1；三是統(tǒng)一頁面元素的背景，呈現(xiàn)出有序的組合形式，使元素與周圍背景之間在視覺空間上形成層次，使元素如同鑲嵌在背景中。隨著互聯(lián)網的高速發(fā)展，網頁功能的重新審視，留白的外延有了根本性的擴展。主體表現(xiàn)在三個方面：一是由單純的藝術處理手法轉變到網站、網頁功能布局的思考方法。系統(tǒng)性留白，把整個系統(tǒng)作為留白的載體，而不是單獨的一張、一頁去考慮，需要設計師從設計的全景去考慮，做到設計的全面統(tǒng)一2。雖然仍是從設計元素的有序安排的角度去論述留白，但提出了系統(tǒng)性留白的概念。留白，講究的是虛實對比，講究的是虛與實的襯托，講究的是一種意境的追求。網頁的功能篩選、布局往往是設計師在此糾結不前、反復修改，其根本原因就在于無法合理處理功能與布局的虛實地位。設計者在網頁功能布局中強化某一功能布局、弱化另一功能布局不是一件難事，難得在于弱化的功能能夠有效的輔助強化的功能，強化的功能又能合理的襯托弱化的功能，不至于使弱化的功能失去意義。系統(tǒng)性留白的第二層含義，就是無論是網頁整體風格的定義還是單個頁面的設計，都應該做到留白的處理手法的一致性。統(tǒng)一使人感到簡潔，不同的頁面，同樣的信息獲取方式，用戶體驗良好；每個頁面各成一體“百花齊放”則易使用戶在每個頁面獲取信息的方法不同，形成不友好的用戶體驗，使用戶過早跳離。二是留白是極簡主義合理有效的實現(xiàn)方式。無印良品的極簡主義風格似乎很受歡迎，在《2015年最重要的網頁設計趨勢》中就提到扁平化風格。扁平化風格和極簡主義的原理相通，特別是微軟的MetroUI、蘋果的FlatDesign使得扁平化風格成為主流。由簡到繁容易，由繁到簡似乎更難，留白不失為網頁設計中實現(xiàn)極簡主義的有效方式。采用留白使主要信息內容得到直接準確的展現(xiàn)，減少沉冗信息元素，從內容上進行有效精簡；布局上合理的留白，能夠做到重點突出，充分抓住用戶的關注度。三是留白的同時更加強化視覺流程，提升用戶情感體驗。Lessismore，少就是多，采用留白的手法使頁面元素的總數量減少，降低了沉冗元素；合理的安排文字、圖片等視聽元素間的相互位置關系，使當今的網頁看起來非常的簡潔。雖然網頁變簡潔了，但根本目的還是增加用戶的情感體驗，單一追求少就是多，只會使網頁的吸引力降低，而中國畫中的留白手法就很好的處理為簡潔與韻味之間的平衡提供了參考。有效簡化頁面，合理的安排視聽元素，使用戶在得到情感體驗的同時能夠得到所需信息。因此，留白的處理過程中，設計者需要強化視覺流程，保證網頁信息的傳遞流程，同時提升用戶情感體驗。

三、網頁設計中留白手法的使用特征

留白手法在當今的網頁設計中有了新的外延，在使用中展現(xiàn)出以下幾點特征：

1、系統(tǒng)性特征

系統(tǒng)性留白的提法無論是從網頁功能布局角度還是從網頁界面元素的整體安排角度都給出了明確的指導作用，而且系統(tǒng)性的可拓展理論和思維是非常強大的。

2、交互性特征

現(xiàn)今網頁設計已與交互設計相融合，在兼顧傳遞信息和視覺體驗的同時，讓信息與用戶完美的交流。交互將是網頁設計中必不可少的特性。留白是手段，非目的；有效傳遞信息、提升用戶的體驗度是最終落腳點。良好的互動體驗代替單向信息傳遞是交互性的顯著特征，網頁設計的發(fā)展方向將不可避免的抓住交互性這一特征，極簡主義、留白手法又是必不可少的網頁表現(xiàn)手法，因此設計者在網頁設計中使用留白的手法一定會考慮怎樣實現(xiàn)良好的交互性。

3、視覺動態(tài)特性明顯

隨著2013年蘋果極簡風格的iso7的問世，使扁平化成為熱議詞，瞬間所有的界面設計都是扁平化的風格，可以說扁平化將是未來界面設計的趨勢。扁平化的特性在網頁中已經成為主流形式，扁平化的實現(xiàn)手法就是留白。留白中的“虛”是大的高清背景圖片或者顏色塊，而“實”的內容已經不再是單一的靜態(tài)視覺元素，還包括動態(tài)視聽元素，比如flash動畫、gif動態(tài)圖片等。由單一的靜態(tài)“虛實”對比過渡到動靜虛實對比，使主題更加突出，使留白不再只是意蘊上豐富而形式上單一，使“虛實”對比有了靜與靜、靜與動，甚至動與動等多樣形式。

四、網頁發(fā)展趨勢

隨著科學技術的進步，移動端的廣泛運用，網頁設計的切入點可能會有所改變，留白的表現(xiàn)手法在網頁設計中是否還是這樣受到歡迎可能還無法過早的下定論，但提高用戶的良好體驗度，保證信息的有效傳遞的網頁宗旨是不會改變。目前，扁平化中動態(tài)與靜態(tài)的對比留白形式受到肯定，至少可以肯定在接下來的一段時間，用靜與動的對比形式展現(xiàn)網頁將是主流；隨著HTML5技術的提高與廣泛運用，網頁的特點將會是極簡主義的動態(tài)展現(xiàn)。在動態(tài)形式下，如果運用留白手法將是一個值得網頁設計者關注和研究的課題。五、結論互聯(lián)網+時代的到來，讓對網頁的理解有了深層次的理解，由人有我有到人有我優(yōu)的轉變。在新的主客觀條件下再認識中國畫中獨特的留白表現(xiàn)手法在網頁中的運用有著特殊的意義，不僅能更深刻的理解此技法，更重要的是為中國傳統(tǒng)藝術技法的新應用提供了成功范例。

作者：張國超 單位：江漢大學文理學