实例分享｜在界面排版中，需要注意的七大原则（上）.docVIP

实例分享｜在界面排版中，需要注意的七大原则（上） 　　前面的视觉体系和大家简单提到过传统平面排版的四大原则：亲密性、对比、重复、对齐。那界面排版有什么原则呢？今天菜心就来用实例分享一下界面排版中需要注意哪些原则。 　　 　　大纲如下： 　　一、亲密原则 　　二、对比原则 　　三、平衡原则 　　四、相似原则 　　五、简洁原则 　　六、封闭原则 　　七、情感原则 　　由于篇幅原因，今天先来介绍前四个原则，剩下的我们下期再分享。 　　一、亲密原则 　　空间上接近的内容，我们更容易将之归类到一组，这就是我们所说的亲密原则。 　　如下图： 　　 　　我们很容易将唐僧、孙悟空、沙僧分成一组，而将猪八戒单独分离出来，因为前三者离的更近。 　　我们来看下面这张图： 　　 　　你能分清标题是属于上面还是下面吗？ 　　当你了解了亲密原则后，就知道为什么分不清，这也就是我们学习理论知识的原因，当我们看到错误的设计时，可以说出哪里不对，而不是凭感觉。 　　那这个原则如何运用到我们界面设计上呢？ 　　看下图： 　　 　　上图是简书文章列表中的一条，我们在平时工作中也经常会遇到这种信息排版。首先我们需要清楚，上图的内容有三个：上分割线、内容区和下分割线。此时我们可以判断，内容区内的所有间距一定小于内容区与分割线的间距，因为根据亲密性原则，有关联的内容会离的更近，内容区的内容相对分割线来说，就是关联性比较强的，