“留白”理念在网页设计中的映射.doc

1、“留白”理念在网页设计中的映射摘 要：白不单单是一种颜色，更是一种设计理念，简单一个字积淀着深厚的文化底蕴，产生空灵、安静、虚实相生的效果，同时又与东方传统文化哲学、禅、茶道、国画，西方的文学空白手法、包豪斯的极简主义理念相互交融。留白在东方是国画的重要表现手法，可以使画面透气给观者无限遐想产生良好的东方传统意境美，网页为新时代新媒体的产物，它搭载着当今日益激增的信息，如何在信息爆炸的时代下使其更好的将信息传达成为一个重点。 关键词：白；留白；空灵；虚实相生 检 索： 中图分类号：J08 文献标志码：A 文章编号：1008-2832（2015）11-0036-03 “ Blank-leavin

2、g “ Concept Maps in Web Design Ni Jia-liang， LIU Bing（Academy of Fine Arts， Northeast Normal University， Changchun 130024， China） Abstract ：White is not just a color， it is a design concept， simple word steeped in a rich cultural heritage， produce ethereal， tranquil， virtual and real effect， but als

3、o with traditional oriental culture philosophy， meditation， tea ceremony， traditional 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 t

4、he viewer an imaginative breathable produce good mood oriental traditional beauty product page for the new era of new media， it is equipped with a surge in todays increasingly information， how the information explosion under the age of the information to better convey to become a priority. Key words

5、 ：white； blank-leaving； ethereal； false and true Internet ： 一、留白在网页中无处不在 “白”有着极强的包容性，令人联想到空灵、虚无、东方传统哲学、中国画留白意境美、日本禅学、西方文学空白之美、包豪斯提出的极简设计理念等等。在当今这个信息化时代，随着互联网的飞速发展，网页搭载的信息量猛增，电脑等一些移动终端使人不受时间地域的限制，随时能够从网络中获取信息，网络成为地球村的重要窗口门户，用户也越来越多的关注网页的美观程度。而网页设计中的构成关系是网页美观的内驱因素，留白的合理运用可以使构成关系平衡稳定，符合人的审美认知规律。 在网页中“留

6、白”并非单纯的留出白色，广义的讲是留出背景，它可以是白色可以是大片的颜色、纹理、有规律或无规律的图形背景，在构图上面起着空白空间包容的作用。留白部分的色彩构成和布局在一定程度上决定整个网页界面的情感化基调，令人无限遐想的“白” ，往往能够营造安静、稳定、空灵的感觉。 二、留白在网页中的作用 （一）气韵美 气韵美可以理解为气质与韵律，在设计中一个作品所传达出的气质是它整体给人的留下特点个性印象，韵律是设计作品中构成关系的升华。留白会使网页中所有的要素呈现良好的层次感、韵律感，产生高低错落，跌宕起伏，强化网页的节奏感。网页中构成元素的比例缩小或是数量减少，控制好留白，会在视觉上面减弱叙事性，增减情

7、感性，界面的写意性也会强化，使画面一目了然，增强网页的韵律美。 “空白表面上是一种休止符，但是在欣赏者的脑海中却形成了一种审美期待” ，留白是美感上韵律性的一种延伸的手法。网页界面中应该有一个视觉中心，界面中的所有设计元素都需要围绕着这一视觉中心，变换与统一，从而达到一种和谐，然而节奏源于界面构成的跌宕起伏。气韵在画面中构成一条线、一股气贯穿其中，使整个页面有一个主旋律，减轻视觉疲劳。 （二）传达性 在如今信息爆炸的时代，网页中的信息承载量巨大，所以信息的传达方式是否通畅信息传达的效果是否良好是至关重要的。而网页设计师需要通过界面布局界面设计，运用设计手法布局分割界面，将界面中的实体元素在背景

8、画面进行排列，来引导大众浏览的界面中的主次关系，然而网页布局中留白是十分重要的。 留白会使网页更加的简洁。正所谓少即是多，用极简主义的设计语言，突出实体元素，可以显著增强网页中内容的可辨别性，可读性，使浏览者更准确去感受设计风格，避免了网页界面中因为元素过多导致的无从下手。网页界面中通过板式的排列创造界面不同维度的空间关系，提高信息传达的效率。在 Web 设计中，每节省 3 字节就会节省千分之一秒的下载时间。空白不紧在设计角度突出重点，同时在技术角度，也会提高页面的打开速度。 （三）统一性 网页中整体统一很重要，这就要求网页界面中的所有组成要素包括：图片、图形、文字以及版式构成，在美感风格上协

9、调一致。而在网页风格的统一中，留白作为协调整个网页界面中所有设计元素的一个桥梁，发挥着重要作用。巧妙的运用留白艺术，可以使设计师在设计的过程中轻松把控全局。同时也能避免观者在浏览过程中因为一个网页中风格不一出现断档而打断其思路。留白使整个网页的设计元素有更好的构成关系和凝聚力，强化设计风格的统一性。 随着时代的发展，扁平化设计在平面设计中脱颖而出，扁平化设计在苹果公司官网上得到体现，重点放在网页板式中的留白、配色、版面布局构成关系。相反把阴影、高光、渐变、一些玄幻的效果扔到了一边，采用一些简单的多边形，拒绝复杂的外形。从而提升了网页界面的清晰性、表现性、可见性，这样使浏览者在网页操作上更加的舒

10、服、简单，这也给一些视力有问题的弱势群体提供了便利。 在网页界面设计中，尽管留白的好处很多，但是仍然需要合理运用留白的艺术手法，避免造成形式主义。在界面中元素间的距离太大留白过多，会使画面空洞，网页的信息搭载量减少，不能把需要传达信息全部传达出去，更达不到少即是多的四两拨千斤的效果，反而让大众觉得内容简单空洞形式缺乏美感。网页界面中元素距离太小留白过少，会使画面凌乱琐碎，层次感缺失，大众在浏览网页过程中无法分清主次，信息量大容易导致用户视觉疲劳，不能够良好的去接受信息。界面中图片、图形、文字，三者的构成关系就是靠留白来确定三者的构成关系的。在网页设计中，需要有意识的去运用留白，计白当黑，惜墨如

11、金的去运用留白。宗白华老先生说：“笔墨所未到，已有灵气空中行这种画面的构造是植根于中国心，灵里葱茏蓬勃生发的宇宙意识。 ” 三、网页中留白手段在国画中汲取营养 中国画在中国传统文化中就像一颗璀璨的明珠，接受着中国传统文化这片沃土的滋养。国画中讲究用留白的手法去营造写意之美，他有着极强的东方美学特性。中国画的留白手法营造的虚无空灵感觉以及给观者无限遐想与西方文学空白之美有着异曲同工之妙。国画中的留白创造的意境美就是观者的召唤结构产生的美感。 （一） “疏可走马，密不通风”的国画式留白 正所谓“大音希声，大象无形。 ”中国画中运用“留白”来营造意境，表达构思。创作中需要按照“疏可走马，密不通风”的

12、原则来达到画面的有松有紧，疏密有致。画面中的实体要素往往需要深入刻画往往指的是“密” ，大片的空白以及一些稀疏的飞白构成了画面中的“疏” 。在国画中，过于“密”产生阻塞感，影响画面主题形象的表现，会把元素揉成一团；过疏会熬成画面结构松散、空洞、中心形象不集中，有凌乱琐碎的感觉。网页中构成元素的减少，会在视觉上面减弱叙事性，增减情感性，合理安排留白，界面的写意性也会强化，使画面一目了然，增强网页的韵律美。 国画中留白布局包括：疏、密、聚、散。而留白是协调好疏密的关键。画面中的元素构成关系，也能反映出艺术家的美学文化修养。把“疏可走马，密不通风”这一国画美学原则，转化到网页设计中，强化网页中设计元

13、素间的松紧疏密关系，更好的突出中心。这种国画式留白使网页的在汲取不同的养分后，焕发出独特气质。 （二）东方文学意境美空灵、虚实相生 留白在艺术作品中可以营造一种空灵的美感，文人画之祖王维在他的许多作品中都大量的采用留白的表现手法，来引出观者的召唤结构，表现山峰的空灵和流水的悄无声息。 “虚”在中国传统绘画中指画面中留白以及着墨不多笔法稀疏的区域，往往也在这个区域的烘托下想象得以更好的发挥。 “实”指的是画面中写实，精心着墨的区域。在这里提到网页中因“留白”而产生的“虚实相生” ，指的是网页界面中的实境和虚镜营造的意境美学特征带来的视觉和心里上面的感受。 网页中虚境地是指“留白” ，实境是指网页

14、界面中的设计元素。在一个网页界面设计中通过大量合理的应用“留白”可以以虚衬实，突出网页设计元素的主导地位，只有控制好虚与实的关系，作品才能灵动且富有生命力。这种虚实互衬能够增强网页的意境美，同时也证实了“此处无物胜有物”的艺术境界。宗白华在美学散步中说：“以虚为虚，就是完全的虚无；以实为实，景物就是死的，不能动人；唯有以实为虚，化实为虚，就有无穷的意味，幽远的意境” 。可见虚景在画面中起着不容忽视的作用。 结语 为了使网页这一原本功能化冰冷的媒体传播媒介与人类和谐共生，留白产生的效果作为一个纽带拉近彼此的关系。东西方文化的多样化导致对留白这种手法在网页上面有着不同的诠释，留白这一手法源于中国画

15、，是营造画面意境的重要方式，这是西方留白所不具有的，同时东方文化也有着鲜明的历史特性，因此网页这一载体，在迅速发展的过程中需要汲取国画中的留白，需要汲取东方文化来更好的发挥其作用。 参考文献： 1 原研哉.设计中的设计全本M.桂林：广西师范大学出版社，2010. 2 李砚祖.现代艺术百年历程与装饰的意义M.北京：北京工艺美术出版社，1998. 3 宗白华.美学散步M.上海：上海人民出版社，1981（6）. 4 童铧彬.浅谈留白在平面设计中的应用J.美术之友，2009（06）. 5 高颖.对包装设计中简约理念的认识J.装饰，2007（9）. 6 屈一锋.论现代水墨画中虚与实的运用J.美术大观，2007（11）. 7 韩兵.对设计中留白的再认识J.艺术与设计（理论） ，2009（03）. 8 陈学军，郝怡.艺术形式中的留白略论J.书画，2007（07）.