迷思#28:留白是被浪费的空间
留白,又称“负空间”,指的是设计或页面布局中,元素附近或元素与元素之间的空白区域,经常被忽略。
Jan Tschichold 在 1930 年写道:尽管很多人可能认为这是浪费宝贵的屏幕空间,但留白是网页设计中必不可少的元素。它应该被视为一个可运用的元素,而不是一个背景。
留白不仅负责可读性和内容的优先级,还在视觉布局和品牌定位中发挥重要作用。
在网页设计中留白的重要性
**增强可读性,使浏览更容易。**Web Design Tut 关于有效利用留白的教程指出,留白的基本作用是 "减少访问者一次看到的文字数量,使阅读变得更加容易"。一个杂乱无章的页面是没有吸引力的,也不会让用户想要阅读内容,尤其是当文本没有视觉层次的时候。威奇塔州立大学进行的一项实验室研究(PDF)显示,留白实际上可以提高阅读理解能力,尽管它可能会降低阅读速度。
**区分界面的主次关系。**Luke Wroblewski 在《开发无形》中声称:"对于设计师来说,留白往往和内容本身一样重要。因为这种界面的不可见元素有助于传达什么是最重要的,什么是相关的,什么是需要注意的。"
在页面上引导用户。Carla Rose 认为,由于留白可以使内容的元素成为焦点,它可以 "将你的视线从一个点引导到另一个点"。Jason Santa Maria在 他关于留白设计的文章中讨论到,留白的一个很重要的作用是 "引导浏览者按设计师的意图浏览页面"。
**营造出精致优雅的感觉。**大方地使用留白有助于塑造理想的品牌定位。A List Apart 曾写过一篇关于留白的综合文章,称它可以 "为高档品牌营造一种精致优雅的感觉"。例如,在化妆品的营销材料中通常会使用大量的留白来告诉顾客这是高品质的产品。
平衡、和谐布局的必要元素。Jason Santa Maria 认为:"页面上的留白和图像所占的空间一样重要,因为留白也有一定的作用,他保证了布局的视觉完整性。"
留白的元素
图像或图像周围的空间
边宽、边界距离、栏宽
文字之间的行距、字距
列表之间的距离
一些大量使用留白的漂亮网站
…或者看看我们是怎么使用留白的 :)
如果没有留白的世界看起来是怎样的
看看留白消除器!
作者:Zoltán Kollin
原文地址:https://uxmyths.com/post/2059998441/myth-28-white-space-is-wasted-space
最后更新于