留白是指设计元素之间和周围的空白区域。它并非浪费空间,而是能让眼睛得到休息,分隔不同的元素组,并暗示它们之间的关系。拥挤的布局会让人感到焦虑,而宽敞的布局则让人感到平静和自信。留白涵盖了页边距、内边距、行距以及列或按钮之间的间距。
设计师区分宏观留白和微观留白。宏观留白是指主要元素周围的大片区域,例如页面的页边距。微观留白是指组件内部的细小空白,例如标签与其输入框之间的空间。两者都很重要。微观留白过少会使文本显得拥挤,难以阅读。宏观留白过少则会使页面显得杂乱,即使页面上的元素不多。
它最努力工作的地方
- 起到框定内容和引导视线的作用的边距。
- 提高可读性的行间距。
- 将相关项目归为一类,将不相关项目分开的间隙。
- 为按钮和卡片留出空间的衬垫。
苹果、无印良品以及许多奢侈品牌都利用留白来彰显身份。留白传递出自信,表明产品无需张扬。
Comments (3)
Leave a comment