留白的重要性

  • 良好的留白可以让页面更干净,更线代
  • 留白可以交流布局之间的关联
  • 创建布局元素之间的无形关系,给用户精确的导航

设计原则

  • 使用大量的留白,不用苛刻
  • 用留白来填充两组元素之间的空隙,依然多留点,但少于文章整块之间的留白
  • 在小元素之间同样使用少量留白
  • 在选项之间使用留白分割,而不是用分割线
  • 关系更紧密的元素之间的留白应该少于关系不那么紧密的,比如标题和文字解释段的留白应少点,而和文段图标的留白可以多一些。还比如表单的文字说明,应该更贴近要写的部分,而不是模棱两可。
  • 在设计空白时,可以先将空白调的足够大,然后再根据感觉逐渐减少
  • 类似于用字体系统来减少选择字体数量,也可以设定一个固定规则,比如只使用16px的倍数来定义边距和填充数值