浅谈网页设计留白的虚实之美

摘 要：网页留白内涵的包含三个方面，页面的空白部分、大面积的有色范围和重复出现的、在视觉上呈现出整体性的规则图形的组合。从网页的可用性和艺术性两个方面阐述了网页留白的功能，从网站整体设计和页面设计两个方面阐述了网页留白的处理方法。

关键词：虚实;留白;网页设计

“留白”作为中国画特有的绘画语言之一，随着现代数字媒体技术与艺术的发展，在现代设计艺术中的重要地位和作用越来越突出，在网页设计、版面设计、室内设计等设计中多有运用。网页设计是Web设计中最直接可见的部分，简洁、单纯、可用是当代Web标准网页设计的主流，迅速、有效地传达信息，少用装饰，强调虚实、留白的运用成为网页设计的时尚追求。在网页设计中有效运用留白的技法和观念，无疑是对Web标准网页设计技术与艺术思维的极大丰富和拓展，也必将促使我们对这一思维方法展开更高层次的研究和探索。

1 关于网页设计的“虚实”和“留白”

“留白”是中国传统绘画艺术千锤百炼的结晶，这种艺术思想源于传统的中国哲学思想，基于阴阳辩证、虚实相生的原理。虚与实作为我国古代美学的一对范畴，在古代哲学思想中有很深渊源。古代的虚实相生正是哲学上的朴素辩证法在艺术领域的应用。 网页设计通过网页上的文字、图形、音视频、动画等元素向用户传达信息，把各种网页元素做艺术而合理的处理，让用户在接收信息的同时享受到美感，获得良好的用户体验。虚实与留白是网页设计要遵循形式美的法则之一。网页设计留白的内涵包括三个方面：一是页面的空白部分。“白色是一切色彩中最完美的颜色，我们几乎找不到白色有消极意义的情境。”如logo区的空白、标题区的空白、内容和图片周围的空白、网页背景空白等等。二是大面积的有色范围。如在页面设计中只放置极少的必要元素，背景则用大面积的单纯色彩渲染，利用单纯色彩的力量来突出和烘托网页上的主要元素。在网页设计中，无论是页面的空白，还是大面积的有色范围，或是规则图形的组合背景，都是页面的“虚”，是为了强调主体，明晰层次，突出主要的、关键的元素这个“实”的。

2 Web标准网页设计留白的功能

留白是一种艺术形式，在Web标准网页设计中，留白可以发挥重要作用。利用留白来达到页面平衡，使整个页面布局松紧有度，形成虚实、浓淡、动静、轻重的效果，给人以跌宕起伏之感。与其他艺术形式不同的是，网页设计是以传达页面信息为主要目的的，留白更多的是服务和服从于网页的可用性。

可用性体现在以下几个方面。一是突出设计主题。人们在完整地接收平面元素信息时，视线会形成一个习惯性的流动顺序：视点先落入视觉焦点，后随个元素间的强弱变化而作有序流动，最后完成对全部分元素信息的吸收。认知心理学的研究证明，留在空白之中的东西更容易被人注意和想起，留白对浏览起强调和停顿的作用，有助于视觉向主体元素集中凝聚，它所创造出的空间形成一种路径进而左右用户的浏览方向。如在主题文字的周围留出恰当的空白空间，会比更改变主题文字大小和色彩更显突出，同时也使页面在统一性上更易处理。二是简洁页面元素。少就是多，简洁就是丰富，单纯就是饱满。在单纯中求丰富，在简练中求明快。

网页设计可用性的研究表明，简洁的、浏览性强的网页能使用户获得更加良好的体验。过多的装饰性元素或重复强调往往会导致读者的抛弃性反应，使刻意设置的形象失去震撼效应。因此，无论从整体设计，还是结构设计、颜色搭配等方面，网页设计都要求简单明了，每一个符号、每一个标题、每一个版块都要紧扣主题，坚决去掉不必要的、与主题无关的东西，尽量做到用最简洁的元素来传递最丰富的意蕴、最准确的信息。

艺术性体现网页设计中的艺术性是从属于可用性的，但这并不影响网页艺术性的存在和它带给用户的美感体验。恰恰相反，网页的艺术性是可用性延伸和擴展。当用户被网页上满满的文字、声音、图像等淹没时，适当合理的留白空恰似一个心灵歇息的驿站，让我们的神经得到了有效的缓和，从而使用户轻松浏览。

3 Web标准网页设计留白处理方法

在版面设计中，处理好大与小、主与次、疏与密、虚与实，都是美的比例基础，可谓是一种既可浏览又可休闲的两全其美的艺术享受。 但对留白如果不加控制的任意使用，它不仅不能有效发挥作用，反而会造成版面混乱，影响整个页面设计。Web标准网页设计留白可从两个方面把握。

网站整体设计留白：在网站设计的整体方案中，广泛利用留白的方法构建设计框架，创造统一的视觉传达意境，使整个设计理念能够准确而有效，形成网站独特的风格和广阔的系统扩展空间，使的页面中的各个元素更加具有活力和结构组织的多元性，激发出强大的视觉能量。

网站页面设计留白：在网页设计中，也要注重细节的处理，寻求设计在不角度的精致表现，力求把设计延伸到每一个角落，无论从哪一个角度审视，都展现出完美的设计魅力，从而达到局部带动整体的设计目的。具体说来，包含以下几个方面。

一是网页顶部（头部）留白。保留传递网站的类型、风格的logo和提供简单明了导航链接。二是页面背影留白。去除阻碍视线顺畅流动的底纹等装饰性元素，根据实际需要设计好页面边空。三是简化标题表现，去除题花等装饰性元素，特别是头条、置顶、图版等，不作围框、流动、色彩变换等特效重复强调。

参考文献：

[1] 屈一锋.论现代水墨画中虚与实的运用[J].美术大观，2007（11）.

[2] 爱娃·海勒（德）.色彩的文化[M].吴彤，译.北京：中央编译出版社，2004.

作者简介：孟媚（1981—），女，辽宁人，鲁迅美术学院（设计艺术学）硕士，鲁迅美术学院视觉传达设计学院讲师。