“留白”理念在網(wǎng)頁設(shè)計中的映射

1、<p>　　“留白”理念在網(wǎng)頁設(shè)計中的映射</p><p>　　摘 要：白不單單是一種顏色，更是一種設(shè)計理念，簡單一個字積淀著深厚的文化底蘊(yùn)，產(chǎn)生空靈、安靜、虛實相生的效果，同時又與東方傳統(tǒng)文化哲學(xué)、禪、茶道、國畫，西方的文學(xué)空白手法、包豪斯的極簡主義理念相互交融。留白在東方是國畫的重要表現(xiàn)手法，可以使畫面透氣給觀者無限遐想產(chǎn)生良好的東方傳統(tǒng)意境美，網(wǎng)頁為新時代新媒體的產(chǎn)物，它搭載著當(dāng)今日益激增的信息，

2、如何在信息爆炸的時代下使其更好的將信息傳達(dá)成為一個重點(diǎn)。 </p><p>　　關(guān)鍵詞：白；留白；空靈；虛實相生 </p><p>　　檢 索：www.artdesign.org.cn </p><p>　　中圖分類號：J08 文獻(xiàn)標(biāo)志碼：A 文章編號：1008-2832（2015）11-0036-03 </p><p>　　" B

3、lank-leaving " Concept Maps in Web Design </p><p>　　Ni Jia-liang， LIU Bing（Academy of Fine Arts， Northeast Normal University， Changchun 130024， China） </p><p>　　Abstract ：White is not just

4、a color， it is a design concept， simple word steeped in a rich cultural heritage， produce ethereal， tranquil， virtual and real effect， but also with traditional oriental culture philosophy， meditation， tea ceremony， trad

5、itional Chinese painting， Western blank literary technique， Bauhaus minimalist philosophy mingled. Blank in the East is an important manifestation of traditional Chinese painting techniques， you can make the picture give

6、 the viewer an imaginative breat</p><p>　　Key words ：white； blank-leaving； ethereal； false and true </p><p>　　Internet ：www.artdesign.org.cn </p><p>　　一、留白在網(wǎng)頁中無處不在 </p><p

7、>　　“白”有著極強(qiáng)的包容性，令人聯(lián)想到空靈、虛無、東方傳統(tǒng)哲學(xué)、中國畫留白意境美、日本禪學(xué)、西方文學(xué)空白之美、包豪斯提出的極簡設(shè)計理念等等。在當(dāng)今這個信息化時代，隨著互聯(lián)網(wǎng)的飛速發(fā)展，網(wǎng)頁搭載的信息量猛增，電腦等一些移動終端使人不受時間地域的限制，隨時能夠從網(wǎng)絡(luò)中獲取信息，網(wǎng)絡(luò)成為地球村的重要窗口門戶，用戶也越來越多的關(guān)注網(wǎng)頁的美觀程度。而網(wǎng)頁設(shè)計中的構(gòu)成關(guān)系是網(wǎng)頁美觀的內(nèi)驅(qū)因素，留白的合理運(yùn)用可以使構(gòu)成關(guān)系平衡穩(wěn)定，符合人的審

8、美認(rèn)知規(guī)律。 </p><p>　　在網(wǎng)頁中“留白”并非單純的留出白色，廣義的講是留出背景，它可以是白色可以是大片的顏色、紋理、有規(guī)律或無規(guī)律的圖形背景，在構(gòu)圖上面起著空白空間包容的作用。留白部分的色彩構(gòu)成和布局在一定程度上決定整個網(wǎng)頁界面的情感化基調(diào)，令人無限遐想的“白”，往往能夠營造安靜、穩(wěn)定、空靈的感覺。 </p><p>　　二、留白在網(wǎng)頁中的作用 </p><

9、p><b>　　（一）氣韻美 </b></p><p>　　氣韻美可以理解為氣質(zhì)與韻律，在設(shè)計中一個作品所傳達(dá)出的氣質(zhì)是它整體給人的留下特點(diǎn)個性印象，韻律是設(shè)計作品中構(gòu)成關(guān)系的升華。 </p><p>　　留白會使網(wǎng)頁中所有的要素呈現(xiàn)良好的層次感、韻律感，產(chǎn)生高低錯落，跌宕起伏，強(qiáng)化網(wǎng)頁的節(jié)奏感。網(wǎng)頁中構(gòu)成元素的比例縮小或是數(shù)量減少，控制好留白，會在視覺上面減弱

10、敘事性，增減情感性，界面的寫意性也會強(qiáng)化，使畫面一目了然，增強(qiáng)網(wǎng)頁的韻律美?！翱瞻妆砻嫔鲜且环N休止符，但是在欣賞者的腦海中卻形成了一種審美期待”，留白是美感上韻律性的一種延伸的手法。網(wǎng)頁界面中應(yīng)該有一個視覺中心，界面中的所有設(shè)計元素都需要圍繞著這一視覺中心，變換與統(tǒng)一，從而達(dá)到一種和諧，然而節(jié)奏源于界面構(gòu)成的跌宕起伏。氣韻在畫面中構(gòu)成一條線、一股氣貫穿其中，使整個頁面有一個主旋律，減輕視覺疲勞。 </p><p>

11、;<b>　?。ǘ﹤鬟_(dá)性 </b></p><p>　　在如今信息爆炸的時代，網(wǎng)頁中的信息承載量巨大，所以信息的傳達(dá)方式是否通暢信息傳達(dá)的效果是否良好是至關(guān)重要的。而網(wǎng)頁設(shè)計師需要通過界面布局界面設(shè)計，運(yùn)用設(shè)計手法布局分割界面，將界面中的實體元素在背景畫面進(jìn)行排列，來引導(dǎo)大眾瀏覽的界面中的主次關(guān)系，然而網(wǎng)頁布局中留白是十分重要的。 </p><p>　　留白會使網(wǎng)頁

12、更加的簡潔。正所謂少即是多，用極簡主義的設(shè)計語言，突出實體元素，可以顯著增強(qiáng)網(wǎng)頁中內(nèi)容的可辨別性，可讀性，使瀏覽者更準(zhǔn)確去感受設(shè)計風(fēng)格，避免了網(wǎng)頁界面中因為元素過多導(dǎo)致的無從下手。網(wǎng)頁界面中通過板式的排列創(chuàng)造界面不同維度的空間關(guān)系，提高信息傳達(dá)的效率。在Web設(shè)計中，每節(jié)省3字節(jié)就會節(jié)省千分之一秒的下載時間?？瞻撞痪o在設(shè)計角度突出重點(diǎn)，同時在技術(shù)角度，也會提高頁面的打開速度。 　?。ㄈ┙y(tǒng)一性 </p><p>

13、;　　網(wǎng)頁中整體統(tǒng)一很重要，這就要求網(wǎng)頁界面中的所有組成要素包括：圖片、圖形、文字以及版式構(gòu)成，在美感風(fēng)格上協(xié)調(diào)一致。而在網(wǎng)頁風(fēng)格的統(tǒng)一中，留白作為協(xié)調(diào)整個網(wǎng)頁界面中所有設(shè)計元素的一個橋梁，發(fā)揮著重要作用。巧妙的運(yùn)用留白藝術(shù)，可以使設(shè)計師在設(shè)計的過程中輕松把控全局。同時也能避免觀者在瀏覽過程中因為一個網(wǎng)頁中風(fēng)格不一出現(xiàn)斷檔而打斷其思路。留白使整個網(wǎng)頁的設(shè)計元素有更好的構(gòu)成關(guān)系和凝聚力，強(qiáng)化設(shè)計風(fēng)格的統(tǒng)一性。 </p>&l

14、t;p>　　隨著時代的發(fā)展，扁平化設(shè)計在平面設(shè)計中脫穎而出，扁平化設(shè)計在蘋果公司官網(wǎng)上得到體現(xiàn)，重點(diǎn)放在網(wǎng)頁板式中的留白、配色、版面布局構(gòu)成關(guān)系。相反把陰影、高光、漸變、一些玄幻的效果扔到了一邊，采用一些簡單的多邊形，拒絕復(fù)雜的外形。從而提升了網(wǎng)頁界面的清晰性、表現(xiàn)性、可見性，這樣使瀏覽者在網(wǎng)頁操作上更加的舒服、簡單，這也給一些視力有問題的弱勢群體提供了便利。 </p><p>　　在網(wǎng)頁界面設(shè)計中，盡管留

15、白的好處很多，但是仍然需要合理運(yùn)用留白的藝術(shù)手法，避免造成形式主義。在界面中元素間的距離太大留白過多，會使畫面空洞，網(wǎng)頁的信息搭載量減少，不能把需要傳達(dá)信息全部傳達(dá)出去，更達(dá)不到少即是多的四兩撥千斤的效果，反而讓大眾覺得內(nèi)容簡單空洞形式缺乏美感。網(wǎng)頁界面中元素距離太小留白過少，會使畫面凌亂瑣碎，層次感缺失，大眾在瀏覽網(wǎng)頁過程中無法分清主次，信息量大容易導(dǎo)致用戶視覺疲勞，不能夠良好的去接受信息。界面中圖片、圖形、文字，三者的構(gòu)成關(guān)系就是靠

16、留白來確定三者的構(gòu)成關(guān)系的。在網(wǎng)頁設(shè)計中，需要有意識的去運(yùn)用留白，計白當(dāng)黑，惜墨如金的去運(yùn)用留白。宗白華老先生說：“筆墨所未到，已有靈氣空中行這種畫面的構(gòu)造是植根于中國心，靈里蔥蘢蓬勃生發(fā)的宇宙意識?！?</p><p>　　三、網(wǎng)頁中留白手段在國畫中汲取營養(yǎng) </p><p>　　中國畫在中國傳統(tǒng)文化中就像一顆璀璨的明珠，接受著中國傳統(tǒng)文化這片沃土的滋養(yǎng)。國畫中講究用留白的手法去營造寫意

17、之美，他有著極強(qiáng)的東方美學(xué)特性。中國畫的留白手法營造的虛無空靈感覺以及給觀者無限遐想與西方文學(xué)空白之美有著異曲同工之妙。國畫中的留白創(chuàng)造的意境美就是觀者的召喚結(jié)構(gòu)產(chǎn)生的美感。 </p><p>　?。ㄒ唬笆杩勺唏R，密不通風(fēng)”的國畫式留白 </p><p>　　正所謂“大音希聲，大象無形?！敝袊嬛羞\(yùn)用“留白”來營造意境，表達(dá)構(gòu)思。創(chuàng)作中需要按照“疏可走馬，密不通風(fēng)”的原則來達(dá)到畫面的有松

18、有緊，疏密有致。畫面中的實體要素往往需要深入刻畫往往指的是“密”，大片的空白以及一些稀疏的飛白構(gòu)成了畫面中的“疏”。在國畫中，過于“密”產(chǎn)生阻塞感，影響畫面主題形象的表現(xiàn)，會把元素揉成一團(tuán)；過疏會熬成畫面結(jié)構(gòu)松散、空洞、中心形象不集中，有凌亂瑣碎的感覺。網(wǎng)頁中構(gòu)成元素的減少，會在視覺上面減弱敘事性，增減情感性，合理安排留白，界面的寫意性也會強(qiáng)化，使畫面一目了然，增強(qiáng)網(wǎng)頁的韻律美。 </p><p>　　國畫中留白

19、布局包括：疏、密、聚、散。而留白是協(xié)調(diào)好疏密的關(guān)鍵。畫面中的元素構(gòu)成關(guān)系，也能反映出藝術(shù)家的美學(xué)文化修養(yǎng)。把“疏可走馬，密不通風(fēng)”這一國畫美學(xué)原則，轉(zhuǎn)化到網(wǎng)頁設(shè)計中，強(qiáng)化網(wǎng)頁中設(shè)計元素間的松緊疏密關(guān)系，更好的突出中心。這種國畫式留白使網(wǎng)頁的在汲取不同的養(yǎng)分后，煥發(fā)出獨(dú)特氣質(zhì)。 </p><p>　　（二）東方文學(xué)意境美――空靈、虛實相生 </p><p>　　留白在藝術(shù)作品中可以營造一種空

20、靈的美感，文人畫之祖王維在他的許多作品中都大量的采用留白的表現(xiàn)手法，來引出觀者的召喚結(jié)構(gòu)，表現(xiàn)山峰的空靈和流水的悄無聲息。“虛”在中國傳統(tǒng)繪畫中指畫面中留白以及著墨不多筆法稀疏的區(qū)域，往往也在這個區(qū)域的烘托下想象得以更好的發(fā)揮?！皩崱敝傅氖钱嬅嬷袑憣崳闹膮^(qū)域。在這里提到網(wǎng)頁中因“留白”而產(chǎn)生的“虛實相生”，指的是網(wǎng)頁界面中的實境和虛鏡營造的意境美學(xué)特征帶來的視覺和心里上面的感受。 </p><p>　　網(wǎng)

21、頁中虛境地是指“留白”，實境是指網(wǎng)頁界面中的設(shè)計元素。在一個網(wǎng)頁界面設(shè)計中通過大量合理的應(yīng)用“留白”可以以虛襯實，突出網(wǎng)頁設(shè)計元素的主導(dǎo)地位，只有控制好虛與實的關(guān)系，作品才能靈動且富有生命力。這種虛實互襯能夠增強(qiáng)網(wǎng)頁的意境美，同時也證實了“此處無物勝有物”的藝術(shù)境界。宗白華在《美學(xué)散步》中說：“以虛為虛，就是完全的虛無；以實為實，景物就是死的，不能動人；唯有以實為虛，化實為虛，就有無窮的意味，幽遠(yuǎn)的意境”?？梢娞摼霸诋嬅嬷衅鹬蝗莺鲆暤?/p>

22、作用。 </p><p><b>　　結(jié)語 </b></p><p>　　為了使網(wǎng)頁這一原本功能化冰冷的媒體傳播媒介與人類和諧共生，留白產(chǎn)生的效果作為一個紐帶拉近彼此的關(guān)系。東西方文化的多樣化導(dǎo)致對留白這種手法在網(wǎng)頁上面有著不同的詮釋，留白這一手法源于中國畫，是營造畫面意境的重要方式，這是西方留白所不具有的，同時東方文化也有著鮮明的歷史特性，因此網(wǎng)頁這一載體，在迅速發(fā)

23、展的過程中需要汲取國畫中的留白，需要汲取東方文化來更好的發(fā)揮其作用。 </p><p><b>　　參考文獻(xiàn)： </b></p><p>　　[1] 原研哉.設(shè)計中的設(shè)計全本[M].桂林：廣西師范大學(xué)出版社，2010. </p><p>　　[2] 李硯祖.現(xiàn)代藝術(shù)百年歷程與裝飾的意義[M].北京：北京工藝美術(shù)出版社，1998. </p&

24、gt;<p>　　[3] 宗白華.美學(xué)散步[M].上海：上海人民出版社，1981（6）. </p><p>　　[4] 童鏵彬.淺談留白在平面設(shè)計中的應(yīng)用[J].美術(shù)之友，2009（06）. </p><p>　　[5] 高穎.對包裝設(shè)計中簡約理念的認(rèn)識[J].裝飾，2007（9）. </p><p>　　[6] 屈一鋒.論現(xiàn)代水墨畫中虛與實的運(yùn)用[J