• Hello!欢迎来到网页设计学!
当前位置: 首页 > 设计理论 > 网页设计理论 > 网页设计中的留白

网页设计中的留白

.................................................................................................................................................................

网页设计中的留白所指的区域不一定是白色的,而是在网页布局中元素周围的空白。就像有时候留白被应用于负空间,概念是一样的。空间可以通过许多不同的形式来表现,例如在图像和图表之间、页边距、每行每列文字之间的空间等等。

留白在网页设计中的巧妙应用能够带来一定的好处,现在一些知名品牌都有使用留白这种趋势。

更多的留白意味着更加高端的品牌和网站。
客户通常希望设计人员能够在网站上使用尽可能多的空间,因为他们希望可以在有限的的空间展示更多的信息,事实上适当的留白更能体现重点信息。很多奢侈品牌都比较注重这种现象,并定期使用更多的空白区域以实现精确的效果。Pottery Barn是比较高档的家居用品品牌,其网站的页面两侧使用大量的空白区域,目的是使客户把注意力集中在网页中间的优惠及促销页面,甚至是网页顶部的品牌logo在每个字母之间也有一定的空间。

whitespace on web1

 

留白促进流畅的搜索体验

我们可以通过搜索引擎谷歌看出留白的使用效果。谷歌的目的是使用户寻找特定搜索主题,而不希望突出的背景和广告使用户分心,因此,白色的空间占据了整个页面,实际的搜索框只占用页面的中间的一段细长的空间。

可读性和易读性得以提升

巧妙的使用留白能够使网站更加具有可读性和易读性,如果页面上的文字密密麻麻压在一起,阅读起来并不方便,这阻碍了网站的整体用户体验。information highwayman网站中文本和菜单栏字符之间的适当间距,有利于保证内容的可读性和易读性。

whitespace on web2

留白还可以将不同内容区分开来,这样不仅能够提高阅读体验,而且更加容易吸收信息。

whitespace on web3

它使色彩更加鲜艳

使网站色彩突出的最直接的方法就是使用留白,这对于吸引访客的眼球使很有帮助的。i am dan网站集中体现了这个概念,他使用稀疏的红色突出链接和重点,吸引访客浏览更多的重要信息。

whitespace on web4Zurb是一家网页设计公司,其网页顶部使用纯色,中间图标采用了四种不同颜色,除了这一点点色彩运用,网页的整体设计特点还是留白。

whitespace on web5

留白不浪费空间

从更广泛的意义上来说,网页设计中的留白并不是浪费空间,而是合理利用空间,最近简约的网页设计越来越受欢迎,而且这一趋势一定会继续流行下去。

本文链接:网页设计中的留白

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:网页设计学,不可只有文字没有链接,请尊重他人的劳动成果!否则我们将追究其责任。

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!


...........................................................................................................................................................

相关文章

2 Responses to 网页设计中的留白

  1. […] 延伸阅读《网页设计中的留白》 […]

发表评论

友情链接:

  • 网页设计

专业网页设计师交流平台 设计交流QQ群: 网页设计交流