亲密性
亲密性的根本目的是实现“组织性”，多个项之间距离更近，则这几项将成为一个“视觉单元”。
如果一个页面孤立的项过多的时候，应考虑利用亲密性原则将若干孤立的元素组织到一起，成为一个视觉单元。
标题与内容
页面由若干视觉单元组成，在视觉单元内外存在一些亲密性关系，例如外部不同视觉单元的间距、内部标题与其内容区的间距等。
正确示例
标题与内容的距离(黄色)小于视觉单元之间的距离(绿色)
错误示例
标题与内容的距离(黄色)等于视觉单元之间的距离(绿色)这将无法确定标题所属的视觉单元
正确示例
标题与日期的距离(黄色)小于日期与正文的距离(绿色)这是由于日期作为标题的附属元素存在，因此日期与标题属于同一个视觉单元
错误示例
标题与日期的距离(黄色)大于日期与正文的距离(绿色)这将使得日期与正文构成一个视觉单元
操作按钮与内容
操作按钮应与内容保持一定的间距，使可点击的元素更容易与常规元素区别开，同时操作按钮拥有了更大的点击范围。
正确示例
可操作区域应该与内容之间留出一些空白
错误示例
可操作区域与内容紧密相连，辨识度不足图片与留白
正文中的图片要合理安排留白，以保证阅读的连贯性。
正确示例
图片应进行裁剪，增强标题与正文的亲密性关系
错误示例
图片两侧留有大量空白(绿色部分)，减弱了标题和正文的亲密性关系，影响阅读的连贯性