虚与实的和谐-论网页设计留白

虚与实的和谐-论网页设计留白

        摘要： 网页留白内涵的包含三个方面：页面的空白部分、大面积的有色范围和重复出现的、在视觉上呈现出整体性的规则图形的组合。从网页的可用性和艺术性两个方面阐述了网页留白的功能，从网站整体设计和页面设计两个方面阐述了网页留白的处理方法。 
        Abstract: The intentional blank space includes three aspects: the blank page, part of a large area of color range and repeated, and the visual integrity of the rules of a combination of graphics. It aims to analyze the function of intentional blank space from the pages of the availability and artistic aspects. Besides, it attempts to depict the approaches on how to handle intentional blank space from the perspective of the overall web and page design. 
        关键词： 虚实；留白；网页设计 
        Key words: virtual and real；intentional blank space；web design
        0  引言
        “留白”作为中国画特有的绘画语言之一，随着现代数字媒体技术与艺术的发展，在现代设计艺术中的重要地位和作用越来越突出，在网页设计、版面设计、室内设计等设计中多有运用。网页设计是Web设计中最直接可见的部分，简洁、单纯、可用是当代Web标准网页设计的主流，迅速、有效地传达信息，少用装饰，强调虚实、留白的运用成为网页设计的时尚追求。在网页设计中有效运用留白的技法和观念，无疑是对Web标准网页设计技术与艺术思维的极大丰富和拓展，也必将促使我们对这一思维方法展开更高层次的研究和探索。
        1  关于网页设计的“虚实”和“留白”
        “留白”是中国传统绘画艺术千锤百炼的结晶，这种艺术思想源于传统的中国哲学思想，基于阴阳辩证、虚实相生的原理。虚与实作为我国古代美学的一对范畴，在古代哲学思想中有很深渊源。古代的虚实相生正是哲学上的朴素辩证法在艺术领域的应用。[1]网页设计通过网页上的文字、图形、音视频、动画等元素向用户传达信息，把各种网页元素做艺术而合理的处理，让用户在接受信息的同时享受到美感，获得良好的用户体验。虚实与留白是网页设计要遵循形式美的法则之一。网页设计留白的内涵包括三个方面：一是页面的空白部分。“白色是一切色彩中最完美的颜色，我们几乎找不到白色有消极意义的情境。”[2]如logo区的空白、标题区的空白、内容和图片周围的空白、网页背景空白等等。二是大面积的有色范围。如在页面设计中只放置极少的必要元素，背景则用大面积的单纯色彩渲染，利用单纯色彩的力量来突出和烘托网页上的主要元素。三是页面主要设计元素的背景是重复出现的、在视觉上呈现出整体性的规则图形的组合。这种为突出主体而留下的“白”，在网页设计中只要处理得当，依然会成为网页设计留白的典范。[3]在网页设计中，无论是页面的空白，还是大面积的有色范围，或是规则图形的组合背景，都是页面的“虚”，是为了强调主体，明晰层次，突出主要的、关键的元素这个“实”的。
        2  Web标准网页设计留白的功能
        留白是一种艺术形式，在Web标准网页设计中，留白可以发挥重要作用。利用留白来达到页面平衡，使整个页面布局松紧有度，形成虚实、浓淡、动静、轻重的效果，给人以跌宕起伏之感。[4]与其他艺术形式不同的是，网页设计是以传达页面信息为主要目的的，留白更多的是服务和服从于网页的可用性。无数的可用性研究证实了一个事实：在Web中，用户对网页信息是进行浏览，而不是阅读。简洁明快、富于美感的页面更具有可浏览性，可使用户获得更加良好的浏览体验。
        2.1 可用性体现  一是突出设计主题。人们在完整地接收平面元素信息时，视线会形成一个习惯性的流动顺序：视点先落入视觉焦点，后随个元素间的强弱变化而作有序流动，最后完成对全部分元素信息的吸收。[5]认知心理学的研究证明，留在空白之中的东西更容易被人注意和想起，留白对浏览起强调和停顿的作用，有助于视觉向主体元素集中凝聚，它所创造出的空间形成一种路径进而左右用户的浏览方向。如在主题文字的周围留出恰当的空白空间，会比更改变主题文字大小和色彩更显突出，同时也使的页面在统一性上更易处理。
        二是简洁页面元素。少就是多，简洁就是丰富，单纯就是饱满。在单纯中求丰富，在简练中求明快。 
[6]网页设计可用性的研究表明，简洁的、浏览性强的网页能使用户获得更加良好的体验。过多的装饰性元素或重复强调往往会导致读者的抛弃性反应，使刻意设置的形象失去震撼效应。因此，无论从整体设计，还是结构设计、颜色搭配等方面，网页设计都要求简单明了，每一个符号、每一个标题、每一个版块都要紧扣主题，坚决去掉不必要的、与主题无关的东西，尽量做到用最简洁的元素来传递最丰富的意蕴、最准确的信息。当然，简洁不等于简单，简洁的形式更需要网页设计者具有概括浓缩的审美能力，对留白的理解有更高的要求。
        三是节约网络带宽。在网页设计布局中，所有用户界面设计的一般原则是：浏览器所有的设计元件中，如果少了某个设计元件，该设计仍然能够工作，就把它删掉。简洁总是比复杂要好，特别是在Web设计中，每节省3字节就会减少千分之一秒的下载时间。[7]一个简单的例子就是如果选择粗线或者空白区来区分两段内容的话，使用空白区的效果会更好，网页的下载速度会更快。

       2.2 艺术性体现  网页设计中的艺术性是从属于可用性的，但这并不影响网页艺术性的存在和它带给用户的美感体验。恰恰相反，网页的艺术性是可用性延伸和扩展。当用户被网页上满满的文字、声音、图像等淹没时，适当合理的留白空恰似一个心灵歇息的驿站，让我们的神经得到了有效的缓和，从而使用户轻松浏览。当下网站建设中，功利色彩非常浓厚，网页上堆积的信息可以“多”、“挤”、“满”、“乱”形容，从视觉的角度解决办法之一就是运用网页留白，这种留白可以是空白，也可以是大面积的单纯色彩，或者是规则图形的组合，无一例个地，它使文字之间、图形之间形成页面节奏感、版块层次感、内容主次感，创造“透气”的感觉，以化解大量信息聚集起来造成的压迫感，寻求心理释放，给浏览者带来轻松、愉悦的享受和无限的想象空间，最大限度地激发他们的艺术想象力，从而更好地体会页面信息中所潜藏的深刻含意。这正是网页留白在更高层次上的艺术韵律之美。
        3  Web标准网页设计留白处理方法
        在版面设计中，处理好大与小、主与次、疏与密、虚与实，都是美的比例基础，可谓是一种既可浏览又可休闲的两全其美的艺术享受。[8]但对留白如果不加控制的任意使用，它不仅不能有效发挥作用，反而会造成版面混乱，影响整个页面设计。Web标准网页设计留白可从两个方面把握。
        3.1 网站整体设计留白  在网站设计的整体方案中，广泛利用留白的方法构建设计框架，创造统一的视觉传达意境，使整个设计理念能够准确而有效，形成网站独特的风格和广阔的系统扩展空间，使的页面中的各个元素更加具有活力和结构组织的多元性，激发出强大的视觉能量。这种留白的思维方式是把整个系统作为留白的载体，而不是单独的某一页、某一侦，这需要设计师从设计的全方位去考虑网站的架构，做到设计的全面统一，从整体气质上定义网站文化的含义，传达更容易被识别和认同的企业品质。因此，留白在这里的表现已经不在再单纯的技术手段，而是融入整个网站系统的构建的、不可或缺的一部分。这种系统的视觉说服力更为直接，可用性更强。
        3.2 网站页面设计留白  在网页设计中，也要注重细节的处理，寻求设计在不角度的精致表现，力求把设计延伸到每一个角落，无论从哪一个角度审视，都展现出完美的设计魅力，从而达到局部带动整体的设计目的。具体说来，包含以下几个方面：
        一是网页顶部（头部）留白。保留传递网站的类型、风格的logo和提供简单明了导航链接。
        二是页面背影留白。去除阻碍视线顺畅流动的底纹等装饰性元素，根据实际需要设计好页面边空。
        三是简化标题表现，去除题花等装饰性元素，特别是头条、置顶、图版等，不作围框、流动、色彩变换等特效重复强调。
        四是版块分离用空白而不是表格或线条。 
        4  结语
        留白作为一种经典的传统平面设计语言，已经延伸到当今设计的各个领域。它正在从设计的思维方法上给我们更多的思维空间。网页设计留白是网页艺术性的需要，更是网页可用性的要求。在网页设计中以无衬有，以有衬无，适应Web标准网页设计的要求，是无的可用，无的艺术。无论作为网页设计者，还是网页用户，都应当把看待“留白”提升到一个新的高度。在这样一个多元、开放的时代，它一定会拥有更大的应用空间。 
        参考文献： 
        [1]屈一锋.论现代水墨画中虚与实的运用[J].美术大观，2007（11）. 
        [2]爱娃·海勒[德].色彩的文化[M].吴彤译，北京：中央编译出版社，2004. 
        [3]韩兵.对设计中留白的再认识[J].艺术与设计（理论），2009（03）. 
        [4]陈学军，郝怡.艺术形式中的留白略论[J].书画，2007（07）. 
        [5]严荷菱.水墨画的虚实留白在黑白书刊版式中的运用[J].合肥学院学报（社会科学版），2009（01）. 
        [6]童铧彬.浅谈留白在平面设计中的应用[J].美术之友，2009（06）. 
        [7]Gakob Bielsen[美].Web可用性设计[M].潇湘工作室译.北京：人民邮电出版社，2000. 
        [8]曾纪纲.留白：现代报纸版面设计艺术之韵味[J].新闻战线，2004（10）.

【虚与实的和谐-论网页设计留白】相关文章：

由周瑜论《三国演义》的虚与实05-30

论概念设计05-28

网页设计开题报告11-11

网页设计的参考文献04-27

论服装专卖店的设计05-30

小学数学学习知识构建中“留白”的策略研究08-27

网页设计论文致谢（精选6篇）04-21

论通信设计质量的科学控制方法论文11-11

论悔恨05-07

实训形式的设计与探讨教育论文05-16