所谓留白,是指在网页中除字体本身所占用的版面空间之外的空白处,我们通常也称为“负空间”。实际上,负空间的概念并不仅限于网页设计中,在家装、建筑设计、城市规划、服装设计等领域都有不凡的应用。
当然,留白,并不是指必须要留有白色,它可以是其他的色彩,甚至是大背景图,它主要为网页创造一种视觉空间感,从而打造一种高端的品味、精致优雅的氛围。
这是一个JQuery插件的网页设计,它保留了充足的大量黑色背景图的负空间,配合亮蓝的前景色和纯白的文字设计,提升了整个页面的清晰度,让这些元素更加易于辨认。
basicModal 对话应用系统,是当前比较流行的一个Web应用程序。它的网页设计中采用了更多的留白处理,既显得简约大气,又可以很好地引导用户产生视觉聚焦。
一个用于在网站设计中创建小图标的工具,它的设计采用纯白底色,少量的文字内容居中显示,两边留有大量的负空间,这样可以很好地适用不同尺寸的屏幕。
OUTLINE 是一款简洁的Web UI 框架。网页设计中除了大背景的留白外,就只有文字展示,采用这种设计风格也是为了更好地体现他们产品“轻量、简约”的特征。
Pintsize 同样是一款 Web 框架产品,其网页设计采用了大面积的橙色负空间,Logo和下载按钮的纯白色设计,能够让访客很容易记住它,并能轻松地找到自己想要的东西。
这是一款网页图像水印工具,同样是采用了负空间设计,有大量的紫色背景留白区域,并将其主要内容放在中间展示。
Radium 是一个用来管理内联样式的工具,它可以在CSS之外提供更为强大的功能。Radium 的网页设计中,上半部分保留了充足的红色负空间,而下半部分使用了白色负空间,使整个页面感觉错落有致,Logo清晰可见。