留白设计是一种高端艺术，网页设计中要懂得应用

所谓留白，是指在网页中除字体本身所占用的版面空间之外的空白处，我们通常也称为“负空间”。实际上，负空间的概念并不仅限于网页设计中，在家装、建筑设计、城市规划、服装设计等领域都有不凡的应用。

当然，留白，并不是指必须要留有白色，它可以是其他的色彩，甚至是大背景图，它主要为网页创造一种视觉空间感，从而打造一种高端的品味、精致优雅的氛围。

这是一个JQuery插件的网页设计，它保留了充足的大量黑色背景图的负空间，配合亮蓝的前景色和纯白的文字设计，提升了整个页面的清晰度，让这些元素更加易于辨认。

basicModal 对话应用系统，是当前比较流行的一个Web应用程序。它的网页设计中采用了更多的留白处理，既显得简约大气，又可以很好地引导用户产生视觉聚焦。

一个用于在网站设计中创建小图标的工具，它的设计采用纯白底色，少量的文字内容居中显示，两边留有大量的负空间，这样可以很好地适用不同尺寸的屏幕。

OUTLINE 是一款简洁的Web UI 框架。网页设计中除了大背景的留白外，就只有文字展示，采用这种设计风格也是为了更好地体现他们产品“轻量、简约”的特征。

Pintsize 同样是一款 Web 框架产品，其网页设计采用了大面积的橙色负空间，Logo和下载按钮的纯白色设计，能够让访客很容易记住它，并能轻松地找到自己想要的东西。

这是一款网页图像水印工具，同样是采用了负空间设计，有大量的紫色背景留白区域，并将其主要内容放在中间展示。

Radium 是一个用来管理内联样式的工具，它可以在CSS之外提供更为强大的功能。Radium 的网页设计中，上半部分保留了充足的红色负空间，而下半部分使用了白色负空间，使整个页面感觉错落有致，Logo清晰可见。

【声明：本文为图片资源来源与网络，如有侵权，请联系小编及时处理】

微信：xuedesigning

微博：JunOuss

一起学设计与前端知识

关注订阅；有免费全面前端视频资源