在网页设计中使用留白的作用与技巧

   关于网站设计使用留白是一个技术活儿。所谓留白，有时也称作负空间，也许有的人会将留白认为是白色，其实不是这样的，留白只是指网页布局中环绕各元素的留白空间。留白的空间的体现形式有很多种，比如图片、图表、缝隙、外边距、列以及文字之间的行间距空间等等。也许在大家看来它并不起眼，而它里面确实没有任何其他设计元素占据。所以，我们还是要重视这部分，如果将留白处理的好，将会给网站带来很大的好处。关于网站设计时使用留白的介绍，笔者也零零散散在网上也看过很多，总感觉比较零散。今天青岛做网站就根据自己的理解，重新把留白的作用和一些技巧系统的归纳整理了一下，希望对大家有所帮助。

我们为何要重视留白？

   如果你在浏览网站，当布局太糟糕时，你会很费力的才能确定信息内容；太紧密的字间距、段间距，没有明显的区分隔断（或者说没有足够的留白空间），那么这个网站的用户体验肯定是很差的。

1、留白提升了可读性和易读性  

   用好留白，任何网站的可读性与易读性都会得到改善。如果一个页面上的文字过于拥挤，它就会妨碍舒适的阅读体验，从而阻碍整体用户体验。更多的留白使文字更易浏览，从而提升阅读体验，也更易理解。

2、留白能提升搜索流畅度  

   在使用谷歌以及雅虎搜索引擎时，大家应该能够很好的理解留白，其留白空间很多很好的诠释了留白简洁有效。大家在使用搜索某个话题的时候，都希望能专心，不想被嘈杂的背景以及广告分散注意力。而整个谷歌搜索引擎页面就是被留白支配着，实际的搜索框只占据了很少的一部分空间。雅虎搜索引擎同样也是这样设计的，有很多留白空间。这种设计让用户专注于搜索，不会被嘈杂的背景以及广告分散注意力。

3、留白能页面生动起来

   利用留白的体量感来使页面布局平衡，在一种不平衡中营造平衡，这样就会使页面生动起来。我们应该在网页中通过留白的作用，使整个内容排布得松紧有度，给人以跌宕起伏之感。

4、更多的留白，等同于更奢华的品牌与网站

   客户往往要求设计师尽可能用尽网页里的空间，因为网页中的空间是昂贵的，只有有限的屏幕来展示信息。无论如何，反其道而行之——增加留白——促使设计师在更严格约束的空间中，打造更加光鲜的品牌信息。

   另外，大家会觉得，留白更多的网站，它的内容比屏幕空间更重要。所以，品牌也显得更尽奢华，因为它牺牲了更多屏幕空间，反而将焦点汇聚在内容信息上。

网页设计中留白的运用方式和技巧？

1、保持导航和内容的清晰流畅

   留白不代表一定要用白色，而是预留出一些范围来组织页面空间中的元素，组织页面中的细节： 导航、页眉页脚、图像、文字、列表、LOGO、图片等 。

2、建立平衡和谐的布局

   网格布局是贯穿整个网页设计的，网格设计在美国视觉设计中是一门深入的学科，保持各种网格的轻重，平衡设计模块。

3、设计做的简洁一点

   设计做的简洁一点，不但设计师轻松，开发者也轻松，当然，用户浏览起来也轻松。去除不必要、不重要的元素，只保留必要元素。而且不要为了留白而一味留白，要注意设计元素之间的联系性。如果留白用的好，既能保持联系性、一致性，又能让设计通俗易懂，从而提高了网页的适用性。

4、增强文字和图片的可读性

   研究用户，设计师即使是创建一些简单简洁的设计，其过程也是非常复杂的。

5、能够给元素的艺术表现提供可持续的空间

   倘若你孤单一人，站在一个2平米的石板上和站在一个10平米的石板上，在10平米的范围内你的周围可以放置音响，你可以跳舞(哈哈，抱歉，我就是热于跳舞的才打这个比方)，在2平米的石板上你可以拿个麦克风喊麦，可以玩倒立。留白也可以说能够预留储存空间，便于扩展和利用。 

6、减少视觉疲劳

   充分利用色彩、光、影来适配人的视觉系统，减少疲劳，调配感官色。 

   总之，我们要明白留白并不是浪费空间，反而是让网页更有价值的做法。留白能更好的突出品牌内容，提升可读性以及易读性，还能突显极简色彩，使得信息的吸收更加专注。