优秀的留白设计能够在简约的风格和功能的可用性之间达到平衡，而要做到这一点，需要相当的实践和积累。今天主要给大家分享网页设计留白技巧，希望对你们有帮助!

一、在什么地方用留白

必须承认，并不是每个设计都需要大量的留白。留白的使用必须有一定的范围，且留白会对设计中的以下因素产生影响:

排版布局、影像图片、功能控件、文本内容、边距间隙。

Mark Boulton将留白划分为两种大小，小留白是在较小的元素之间小间隙，比如链接、列表、图标、按钮、文本段落元素周围的留白就是小留白。

相反，在处理相对较大的元素的时候，周围的负空间是大留白。

适当的使用留白可以给整个设计带来平衡感。对于文本内容，你将发现易读性的高低与其中的小留白的控制密切相关，这对内容的呈现有着重要的影响。

使用留白还有很多好处:

1.留白能够增加内容的可理解性。

2.留白能够凸显特定的 UI 元素，CTA 元素大都如此。

3.可以让设计更加整洁、友好。

二、留白网站

1、Progressive Punctuation

如何使用标点符号来表达复杂的情感?Progressive Punctuation 这个网站将这些“全新”的标点符号都展示出来。

与其它页面的不同之处在于，页面需要承载许多不同的非标准标点符号，为了准确传达信息，设计师巧妙地利用留白来控制符号之间的间距，确保整体的优雅性，又保证信息的传达。

2、Apple

关于留白的设计，很难绕过苹果这么经典的案例。虽然他们不是先驱，但苹果将这一技巧的运用在自家的产品设计和网站设计上，体现的淋漓尽致。

在他们的网站上，你会看到一个清晰的视觉脉络，页面的每一部分都有清晰的视觉焦点，主次分明，用户永远不会在这里迷失和分心。

3、The Pisacco Chronicle

The Pisacco Chronicle是一个致力于美食、电影和艺术的线上杂志，大多数人都非常喜欢。

有趣的是，该网站使用宝丽来风格的轮播图来吸引用户，页面中的标题和导航都非常吸引人，这很大程度上是因为页面上能让人注意到的元素确实不多。如果有更多的文本内容，就很难保证各个元素都那么清晰直观了。

没有晃眼的色彩和跳出式的配色，这样让页面中的图片内容没有不吸引人的理由。