巧妙利用空白设计案例分享（多图）

来源：互联网发布：mac 电源爆编辑：程序博客网时间：2024/06/11 19:26

转自：http://www.csdn.net/article/2013-01-23/2813900-Effective-Use-Of-Whitespace

当创建新网站或进行印刷设计时，会用到大量的技术和样式。今天我们在这里专门讨论一下网页设计中的Whitespace（空白）效果，它对品牌推广和提升用户体验都会产生的积极效果。

WhiteSpace影响力

空白就是指一个网站或网页每个元素之间的距离或者是围绕在这些元素周围的空区域。合理使用WhiteSpace可以使页面内容变的更加清晰易读、增加内容的呼吸空间、改善内容流并且让图片更加优雅和精致，给予良好的用户体验。

如果你在设计时是使用网格结构，那么你应该尝试各种不同的列和装订尺寸，看看到底多大的空白空间可以提升每一个页面元素。

实例分享

下面是我收集到的一些合理有效利用空白的网页，有些利用空白来进行排版、有些是突出某个元素。这些例子都非常棒，大家在设计网页时可以学习下。

only2designers

Alessandro Giua

Joint London

We Are Grand

Otter

Mercer Tavern

Webknit

iconmonstr

Evolve Artistic,Inc

Lab Fifty Five

Theme Jug

Noe Araujo

Tapmates

Karma

Muriel Labro

来自：DESIGNWOOP