網(wǎng)頁設(shè)計中留白的認(rèn)識

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

一、引言

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

二、網(wǎng)頁設(shè)計中的留白

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

三、網(wǎng)頁設(shè)計中留白手法的使用特征

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

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

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

2、交互性特征

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

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

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

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

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

作者：張國超 單位：江漢大學(xué)文理學(xué)