文章插图
（每行按钮在下方留出足够大的间距 ， 帮助人们区分按钮与上下内容的关联）
该如何做：我们可以在栅格系统中设置更大的区间值 ， 使相邻的间距值之间具有明显的视觉差异 。
六、行高比例非固定
行高不一定是随着文本变大而增加的 。如果整个页面统一保持同一个行高比例 ， 那么每行大文本之间会有太多的空白 。
文章插图
（文字行距太大了）
文章插图
（当标题使用较小的行距时 ， 两行才会被看作一个整体内容）
该如何做：一般大标题的行高比例需要小于正文的行高比例 。
七、密集≠杂乱
请记住 ， 一个信息密集的界面不一定要让人感到杂乱或不知所措 。
文章插图
（通过调整间距、字号并添加分割线来打造视觉秩序）
除了利用间距 ， 还可以通过这些方法传达元素间的关系 ， 例如：
- 将相关的元素放进一个模块里
- 使用分割线或字符区分元素间的边界
- 调整文本大小、字重或颜色来区分元素层级
文章插图
每一个让人“感觉不错”的界面背后 ， 需要我们花费大量的时间和精力不断打磨 。
有个有效的练习方法就是：找一个你喜欢的app或网站页面 ， 根据里面的功能按你自己的想法进行重新设计 ， 并将以上关于留白的8个方法加以实践 。
你将会发现 ， 这个过程中有许多设计决策和细节需要你仔细考量 。
总结：
- 间距需遵循接近法则
- 利用留白让用户将注意力集中在特定内容上
- 确保设计和开发使用相同的测量方法
- 使用栅格系统限制与规范设计
- 避免使用过于相近的间距值
- 行高不一定是随着文本变大而增加的
- 页面信息密集不等于要让人感到杂乱
推荐阅读
- 晚安心语和配图_晚安心语正能量
- 晚安心语经典_晚安心语正能量
- 电脑配置怎么看，怎么样看电脑配置
- 电脑乘号咋打，电脑上乘号怎么打
- 王者荣耀要怎么样建立亲密关系，王者荣耀亲密关系怎么建立不了
- 支付宝蚂蚁森林怎么浇水，蚂蚁森林怎么看浇水记录
- 笔记本怎么换桌面背景，惠普笔记本如何更改桌面
- 晚安的各种新意说法_晚安心语正能量
- cdr怎么把文字做成立体效果，cdr要居中对齐要怎么进行操作