留白在网站设计中的妙用。

有一个东西，网站设计师们很看重它，而老板和甲方却想把它填满……你知道我说的是什么吗？是的，留白！

留白在网站设计里是非常重要的元素，没有它，很难设计出一个平衡的版式布局。但如何告诉你的领导或者甲方，使用留白的重要性呢？

为什么留白如此重要？

留白指的是设计里的背景空白空间，图片、文字、标题和Logo等构成设计里的前景部分。

作者：Firman-Suci-Ananda

留白让你的设计有了呼吸的空间，处理好了留白问题，前景主体部分将会凸显，用户就能看到你想表达的信息。

几乎所有的用户都喜欢整洁、有条理、容易看懂的网站。想想谁愿意花大半天时间去浏览一个网站，看了一大堆信息却找不到自己想要的？

来源：adidas中国官网

如果一个网站干净、简单，它就能留住用户。所有的设计师都希望自己的网站转换率高，而留白在这方面起了很大作用。

来源：Apple中国官网

留白有哪些好处？

1、留白增加易读性

如果文字间距安排的合理，段落文字之间的空白区域使得信息层级关系清晰明了，页面也更加有条理和逻辑性。那么就能增加易读性，用户体验也会更好。

2、留白增加互动性

如果网页里填充了大量的文字信息，有时会让用户感到害怕。而适当的留白给了用户互动参与的时间和呼吸的空间，标题和小标题周围的留白也能吸引用户的注意。

来源：法拉利中文官网

3、留白让CTA按钮更加明显

CTA（Call to action）按钮对于优化网站转化率有很大帮助，可以吸引用户注册会员、下载软件、购买产品等。因此设计师们需要考虑如何让CTA按钮更加明显。

来源：Nike中国官网

来源：锤子科技官网

可以设置清楚的图标或者增大按钮的尺寸，另外按钮旁边增加大量的留白通常都是非常有效的。

4、留白让页面更整洁

留白应用的恰当，网页也会显得有条理，更加干净整洁，用户体验也会更好。

来源：小米企业官网

5、留白增加了平衡感

如果不使用留白，网站会看起来杂乱无章，用户浏览网站时也会不知所措。但是，过多的留白也会让网站看起来太空，没有内容。因此，恰当的留白可以营造平衡感，视觉上也更具现代感。

6、留白造成了元素分割

留白可以分割内容里的不同元素，让用户浏览不同的部分。网站用户一般会选择他们最感兴趣的去阅读，使用留白分割不同的元素，则给用户提供了选择的自由。

作者：Stugbear

尽管留白有如此多的好处，但所谓萝卜白菜各有所爱，有人喜欢干净整洁的页面，而有人偏好内容繁多、颜色丰富的网站。就像一些人习惯用Google搜索，而另外的人喜欢“拥挤”的雅虎页面。

因此留白问题一直是个争论的热点问题，一些设计师认为留白能带来更好的用户体验，而其他人则认为留白没有任何好处。

是否使用留白，还是要看设计师自己对网站用户的分析和理解。留白不仅仅是指“空白”，留白设计的巧妙，可以增加设计感，吸引用户的注意，提高易读性。

来源：Worktile官网

总结

设计师的工作是为用户服务，平衡性和易读性是用户体验的重要因素。使用留白时要考虑网站呈现的内容和用户对象，合理的排版布局、巧妙的留白可以有助于提高网站的用户满意度，提升网站的转化率。