是时候来点留白了

大多数的开发者并不在意添加空白的像页边距，填充，行高，或者其他任何增加空白的CSS属性。识别出开发者设计的界面是很容易的：文本都是紧紧地挨着边缘的，没有任何留白，而且屏幕元素之间是通过直线来实现分割的，而不是空白。

可以看到，在上面的盒子中，文本紧紧地挤向了盒子的边缘，每一行之间也没有空白。相比之下，第二个就要易读多了，而且能够看得出是经过精心规划的。

在艺术领域，元素之间的这个区域就被称之为负空间，尽管在设计的其他领域，通常被称作“留白”。负空间能够使得浏览者迅速地识别设计的不同部分。同时也让文字更易读。

下面是几点小建议：

确保文本有足够的“呼吸”空间。在区域的四边上都应该有合适的填充。文本不应该碰到元素的边缘。

注意“盒模型”，当页面的元素之间是使用边框而不是页边距时，你得到的就是矩形的嵌套。下一次给元素添加边框的时候，试着添加边距来进行替代。

额外建议：给元素的下边缘添加一点点额外的空白。通常这样可以制造一些视觉上的抬升，使得这些元素在页面上看起来更轻。当艺术家在制作衬边时，他们通常会采用这一招来进行衬边以使底边看起来比其他边更大。

仅仅合理地使用留白这一个方法，就已经能够让你比其他尝试做视觉设计的开发者做得好出100%了。