今天完成的事情：

1.

2.

明天计划的事情：

任务九

遇到的问题：

暂时没有

今天的收获：

边距和间距‍‍

在移动端页面的设计中 页面中元素的边距和间距的设计规范是非常重要的 一个页面是否美观 简洁 是否通透和边距间距的设计规范紧密相连 所以说我们有必要对它们进行了解

‍‍1. 全局边距‍‍

全局边距是指页面内容到屏幕边缘的距离 整个应用的界面都应该以此来进行规范 以达到页面整体视觉效果的统一 全局边距的设置可以更好的引导用户竖向向下阅读

在实际应用中应该根据不同的产品气质采用不同的边距 让边距成为界面的一种设计语言 常用的全局边距

有32px 30px 24px 20px等等 当然除了这些还有更大或者更小的边距 但上面说到的这些是最常用的 而且

有一个特点就是数值全是偶数

‍‍2. 卡片间距‍‍

在移动端页面设计中卡片式布局是非常常见的布局方式 至于卡片和卡片之间的距离的设置需要根据界面的风格以及卡片承载信息的多少来界定 通常最小不低于16px 过小的间距会造成用户的紧张情绪 使用最多的间距是20px 24px 30px 40px 当然间距也不宜过大 过大的间距会使界面变得松散 间距的颜色设置可以与分割线一致 也可以更浅一些

‍‍3. 内容间距

一款 APP 除了各种栏（状态栏 导航栏 标签栏 工具栏）和控件 icon 就是内容了 内容的布局形式多种多样 这里不去探讨内容具体应该如何去布局 我们来说一说内容的间距设置问题

‍‍