打开注册页面的脚本
favico
  • 首页
  • 网站案例
  • SEO优化
  • 技术文档
  • 行业动态
  • 关于我们

网站留白的巧妙使用

发布时间:2019-05-27 13:51:09     作者:

什么是留白?

留白最早是中国艺术创作中常用的一种手法,一些艺术大师比如画家等往往是留白的高手。在他们看来,留白有很高的审美价值,能够给观众留下想象的空间,做到“以无胜有”、“此时无声胜有声”。在网站中使用留白也能产生相似的作用。网站中的留白,又称负空间,是指合理安排各种设计元素的空白空间,达到页面布局干净、精致的效果。但是,很多人经常会走进一个误区,认为留白就是将网站的某块区域设置成白色,留白的“白”并不是指颜色的 “白”,而是指的是空白的“白”,代表的是一种无装饰、无额外元素的状态。它的表现形式多样,图片、图表、外边距、列甚至是文字之间的空间都是留白的一种。

处理得当的话,留白确实可以为网页设计带来大量的益处,不应减少网页设计中的留白。相反网站中如果没有留白,应该会增加网页中的负空间。一些知名的大众品牌已经在朝这个方向前进,更多的设计师也在追随他们的脚步。

更多的留白,等同于更奢华的品牌与网站

客户往往要求设计师尽可能用尽网页里的空间,因为网页中的空间是昂贵的,只有有限的屏幕来展示信息。无论如何,反其道而行之——增加留白——促使设计师在更严格约束的空间中,打造更加光鲜的品牌信息。

另外,大家会觉得,留白更多的网站,它的内容比屏幕空间更重要。所以,品牌也显得更尽奢华,因为它牺牲了更多屏幕空间,反而将焦点汇聚在内容信息上。



整个页面只有两个可以点击的元素:菜单栏图标和下拉箭头。信息已经被极简化处理放在了屏幕右侧。元素少之又少,因而用户注意力就放在了中间的那种极富感染力的图片上,同时视线也会导致至下拉箭头。

你怎样去平衡元素的重要性完全由自己决定。有些页面就只设置一个可点击的链接,这样确保了用户去到设计师想要他们去的地方。而有的页面给了多个下拉选项供用户选择。你可以考虑去掉标语,突出内容,简化导航,当然这全取决于你的品牌和产品。

可读性和易读性得到应有的大幅提升

用好留白,任何网站的可读性与易读性都会得到改善。如果一个页面上的文字过于拥挤,它就会妨碍舒适的阅读体验,从而阻碍整体用户体验。更多的留白使文字更易浏览,从而提升阅读体验,也更易理解。

 

使用留白和色彩丰富的图片来吸引用户是非常有效的方法,因为两者能够正好构成对比。

对于美食尤其是如此,色香味三者当中,色彩和视觉是最先传达给人的,诱人的图片是 Sweetgreen 这个网站吸引用户的最有力武器,所以留白尽量衬托出这些图片,让这些美食被用户注意到。

巧妙地使用留白能够让你的设计足够优雅,想要简明直接,同样需要运用好留白。消除不必要的干扰,专注于传递关键性的信息,这些都需要留白的参与。

 


img控制