留白是指在页面元素之间或是包围页面元素的空白空间。虽然这种手法可能会被认为是浪费空间，但是留白在网页设计上是一个必须的元素。如果你在浏览网站，当布局太糟糕时，你会很费力的才能确定信息内容；太紧密的字间距、段间距，没有明显的区分隔断（或者说没有足够的留白空间），那么这个网站的用户体验肯定是很差的。而留白布局能给内容和元素足够的呼吸空间，这样信息的层次感将更加明确，用户指引效果也更好。今天，优网科技小优就来给大家讲讲网页设计中的“留白”。

留白设计的原则：

1、突出品牌重点。留白的设计，因为牺牲了更多屏幕空间，反而将焦点汇聚在内容信息上。比如下面这个产品网面，留白支配了主页，页面旁边大片的留白，更好地将访问者的注意力集中在页面中间的产品信息上。甚至页面顶部的品牌名称本身，也在字符之间慷慨地运用了留白。

2、保持简单易懂。留白的设计，一个很重要的理念，就是希望带给访问者一种心灵上的轻松与快乐，因此简单易懂(“KEEP IT SIMPLE”)是留白设计的一个重要原则。比如，Google搜索页，只有一个简单的数据入口+logo。

3、合理平衡空间。任何网站的可读性与易读性都是用户体验重要的一部分。微企点认为如果一个页面上的文字过于拥挤会阻碍整体用户体验，那么合理的留白将使文字更易浏览，从而提升阅读体验，也更易理解。

留白设计的禁忌：

1、元素之间留白不能太大。合理的留白会带来好的用户体验，但留白过多，却会让网页变得零碎，影响网页的设计效果。

2、文本中间的元素不能间隔太大。如果文字之间或者行与行之间空白太多，整个页面的视觉效果将会非常不舒服和难看。

尽管有很多人通常都小视留白区域的作用。但实际上它减轻了用户的浏览负担。从视觉上清晰的分离了种种设计元素。能够让整个界面看起来整齐、清爽。留白用的好，既能保持联系性、一致性，又能让设计通俗易懂，从而提高了网页的适用性。

責(zé)任編輯：優(yōu)網(wǎng)科技

版權(quán)所有：http://www.jcoyc.com (優(yōu)網(wǎng)科技) 轉(zhuǎn)載請注明出處