2020年網(wǎng)頁(yè)設(shè)計(jì)中留白的認(rèn)識(shí)論文.doc

網(wǎng)頁(yè)設(shè)計(jì)中留白的認(rèn)識(shí)論文 一、引言 清代笪重光的“無(wú)畫(huà)處皆成妙景”道出中國(guó)畫(huà)獨(dú)特的文化底蘊(yùn)和通過(guò)虛實(shí)關(guān)系進(jìn)行意象造型的藝術(shù)境界。留白作為中國(guó)畫(huà)特色表現(xiàn)手法，蘊(yùn)含了東方哲學(xué)的對(duì)立統(tǒng)一思想；“留白非空，空白非白”通過(guò)留白巧妙的營(yíng)造出中國(guó)畫(huà)中的想象空間和虛實(shí)相融的意境。經(jīng)過(guò)不斷發(fā)展，留白的藝術(shù)手法已經(jīng)在藝術(shù)設(shè)計(jì)中得到傳承和創(chuàng)新。 二、網(wǎng)頁(yè)設(shè)計(jì)中的留白 網(wǎng)頁(yè)設(shè)計(jì)是將視聽(tīng)元素進(jìn)行藝術(shù)處理和有序安排，使得用戶獲得良好的用戶體驗(yàn)。留白手法的運(yùn)用使網(wǎng)頁(yè)設(shè)計(jì)者在處理視聽(tīng)元素時(shí)更加注重關(guān)注用戶情感的體驗(yàn)；使網(wǎng)頁(yè)效果具有藝術(shù)化效果。網(wǎng)頁(yè)設(shè)計(jì)中留白的內(nèi)涵被歸結(jié)為三個(gè)方面：一是頁(yè)面背景、各頁(yè)面元素周?chē)舭?；二是背景形成大面積的有色范圍1；三是統(tǒng)一頁(yè)面元素的背景，呈現(xiàn)出有序的組合形式，使元素與周?chē)尘爸g在視覺(jué)空間上形成層次，使元素如同鑲嵌在背景中。隨著互聯(lián)網(wǎng)的高速發(fā)展，網(wǎng)頁(yè)功能的重新審視，留白的外延有了根本性的擴(kuò)展。主體表現(xiàn)在三個(gè)方面：一是由單純的藝術(shù)處理手法轉(zhuǎn)變到網(wǎng)站、網(wǎng)頁(yè)功能布局的思考方法。系統(tǒng)性留白，把整個(gè)系統(tǒng)作為留白的載體，而不是單獨(dú)的一張、一頁(yè)去考慮，需要設(shè)計(jì)師從設(shè)計(jì)的全景去考慮，做到設(shè)計(jì)的全面統(tǒng)一2。雖然仍是從設(shè)計(jì)元素的有序安排的角度去論述留白，但提出了系統(tǒng)性留白的概念。留白，講究的是虛實(shí)對(duì)比，講究的是虛與實(shí)的襯托，講究的是一種意境的追求。網(wǎng)頁(yè)的功能篩選、布局往往是設(shè)計(jì)師在此糾結(jié)不前、反復(fù)修改，其根本原因就在于無(wú)法合理處理功能與布局的虛實(shí)地位。設(shè)計(jì)者在網(wǎng)頁(yè)功能布局中強(qiáng)化某一功能布局、弱化另一功能布局不是一件難事，難得在于弱化的功能能夠有效的輔助強(qiáng)化的功能，強(qiáng)化的功能又能合理的襯托弱化的功能，不至于使弱化的功能失去意義。系統(tǒng)性留白的第二層含義，就是無(wú)論是網(wǎng)頁(yè)整體風(fēng)格的定義還是單個(gè)頁(yè)面的設(shè)計(jì)，都應(yīng)該做到留白的處理手法的一致性。統(tǒng)一使人感到簡(jiǎn)潔，不同的頁(yè)面，同樣的信息獲取方式，用戶體驗(yàn)良好；每個(gè)頁(yè)面各成一體“百花齊放”則易使用戶在每個(gè)頁(yè)面獲取信息的方法不同，形成不友好的用戶體驗(yàn)，使用戶過(guò)早跳離。二是留白是極簡(jiǎn)主義合理有效的實(shí)現(xiàn)方式。無(wú)印良品的極簡(jiǎn)主義風(fēng)格似乎很受歡迎，在xx年最重要的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)中就提到扁平化風(fēng)格。扁平化風(fēng)格和極簡(jiǎn)主義的原理相通，特別是微軟的MetroUI、蘋(píng)果的FlatDesign使得扁平化風(fēng)格成為主流。由簡(jiǎn)到繁容易，由繁到簡(jiǎn)似乎更難，留白不失為網(wǎng)頁(yè)設(shè)計(jì)中實(shí)現(xiàn)極簡(jiǎn)主義的有效方式。采用留白使主要信息內(nèi)容得到直接準(zhǔn)確的展現(xiàn)，減少沉冗信息元素，從內(nèi)容上進(jìn)行有效精簡(jiǎn)；布局上合理的留白，能夠做到重點(diǎn)突出，充分抓住用戶的關(guān)注度。三是留白的同時(shí)更加強(qiáng)化視覺(jué)流程，提升用戶情感體驗(yàn)。Lessismore，少就是多，采用留白的手法使頁(yè)面元素的總數(shù)量減少，降低了沉冗元素；合理的安排文字、圖片等視聽(tīng)元素間的相互位置關(guān)系，使當(dāng)今的網(wǎng)頁(yè)看起來(lái)非常的簡(jiǎn)潔。雖然網(wǎng)頁(yè)變簡(jiǎn)潔了，但根本目的還是增加用戶的情感體驗(yàn)，單一追求少就是多，只會(huì)使網(wǎng)頁(yè)的吸引力降低，而中國(guó)畫(huà)中的留白手法就很好的處理為簡(jiǎn)潔與韻味之間的平衡提供了參考。有效簡(jiǎn)化頁(yè)面，合理的安排視聽(tīng)元素，使用戶在得到情感體驗(yàn)的同時(shí)能夠得到所需信息。因此，留白的處理過(guò)程中，設(shè)計(jì)者需要強(qiáng)化視覺(jué)流程，保證網(wǎng)頁(yè)信息的傳遞流程，同時(shí)提升用戶情感體驗(yàn)。 三、網(wǎng)頁(yè)設(shè)計(jì)中留白手法的使用特征 留白手法在當(dāng)今的網(wǎng)頁(yè)設(shè)計(jì)中有了新的外延，在使用中展現(xiàn)出以下幾點(diǎn)特征： 1、系統(tǒng)性特征 系統(tǒng)性留白的提法無(wú)論是從網(wǎng)頁(yè)功能布局角度還是從網(wǎng)頁(yè)界面元素的整體安排角度都給出了明確的指導(dǎo)作用，而且系統(tǒng)性的可拓展理論和思維是非常強(qiáng)大的。 2、交互性特征 現(xiàn)今網(wǎng)頁(yè)設(shè)計(jì)已與交互設(shè)計(jì)相融合，在兼顧傳遞信息和視覺(jué)體驗(yàn)的同時(shí)，讓信息與用戶完美的交流。交互將是網(wǎng)頁(yè)設(shè)計(jì)中必不可少的特性。留白是手段，非目的；有效傳遞信息、提升用戶的體驗(yàn)度是最終落腳點(diǎn)。良好的互動(dòng)體驗(yàn)代替單向信息傳遞是交互性的顯著特征，網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展方向?qū)⒉豢杀苊獾淖プ〗换バ赃@一特征，極簡(jiǎn)主義、留白手法又是必不可少的網(wǎng)頁(yè)表現(xiàn)手法，因此設(shè)計(jì)者在網(wǎng)頁(yè)設(shè)計(jì)中使用留白的手法一定會(huì)考慮怎樣實(shí)現(xiàn)良好的交互性。 3、視覺(jué)動(dòng)態(tài)特性明顯 隨著xx年蘋(píng)果極簡(jiǎn)風(fēng)格的iso7的問(wèn)世，使扁平化成為熱議詞，瞬間所有的界面設(shè)計(jì)都是扁平化的風(fēng)格，可以說(shuō)扁平化將是未來(lái)界面設(shè)計(jì)的趨勢(shì)。扁平化的特性在網(wǎng)頁(yè)中已經(jīng)成為主流形式，扁平化的實(shí)現(xiàn)手法就是留白。留白中的“虛”是大的高清背景圖片或者顏色塊，而“實(shí)”的內(nèi)容已經(jīng)不再是單一的靜態(tài)視覺(jué)元素，還包括動(dòng)態(tài)視聽(tīng)元素，比如flash動(dòng)畫(huà)、gif動(dòng)態(tài)圖片等。由單一的靜態(tài)“虛實(shí)”對(duì)比過(guò)渡到動(dòng)靜虛實(shí)對(duì)比，使主題更加突出，使留白不再只是意蘊(yùn)上豐富而形式上單一，使“虛實(shí)”對(duì)比有了靜與靜、靜與動(dòng)，甚至動(dòng)與動(dòng)等多樣形式。 四、網(wǎng)頁(yè)發(fā)展趨勢(shì) 隨著科學(xué)技術(shù)的進(jìn)步，移動(dòng)端的廣泛運(yùn)用，網(wǎng)頁(yè)設(shè)計(jì)的切入點(diǎn)可能會(huì)有所改變，留白的表現(xiàn)手法在網(wǎng)頁(yè)設(shè)計(jì)中是否還是這樣受到歡迎可能還無(wú)法過(guò)早的下定論，但提高用戶的良好體驗(yàn)度，保證信息的有效傳遞的網(wǎng)頁(yè)宗旨是不會(huì)改變。目前，扁平化中動(dòng)態(tài)與靜態(tài)的對(duì)比留白形式受到肯定，至少可以肯定在接下來(lái)的一段時(shí)間，用靜與動(dòng)的對(duì)比形式展現(xiàn)網(wǎng)頁(yè)將是主流；隨著HTML5技術(shù)的提高與廣泛運(yùn)用，網(wǎng)頁(yè)的特點(diǎn)將會(huì)是極簡(jiǎn)主義的動(dòng)態(tài)展現(xiàn)。在動(dòng)態(tài)形式下，如果運(yùn)用留白手法將是一個(gè)值得網(wǎng)頁(yè)設(shè)計(jì)者關(guān)注和研究的課題。五、結(jié)論互聯(lián)網(wǎng)+時(shí)