1、邻近性

邻近性是指页面中有关联的元素比其他元素的距离更近。页面中的内容火元素按照邻近性分组，比按照形状或者颜色更直观

2、相似性

同一页面中表达相同功能的元素，通过相同的形状表示。相似性是视觉上相似元素的组合，通常通过大小、形状和颜色来区分，相似的元素会表现出相似的行为

3、连续性

现在很多移动端产品都采用feed流的形式，可以无限加载内容，用户怎么滑都滑不到底。这样的场景下就要考虑feed流内容的连贯性，通过将内容进行合理地对齐，保证阅读上的连续性，对齐的作用除了可以让页面的内容看起来更加整齐，还能够下意识地影响用户的浏览视线和阅读顺序。比如F型和Z型视觉动线，通过不同的对齐排版方式来引导用户的视线

4、闭合性

是通过排版布局元素自身的边距以及元素间的间距，来减少用户的认知负荷。现在流行的卡片布局就用到了这个原则，通过将元素正和岛一个卡片中，合理安排元素的间距来达到整齐的效果。

5、共同行为

具有相同概念的元素需要设计具有相同的行为。当元素沿同一方向移动式，他们被识别为同一级别的元素。

6、前景和背景

设计使前景和背景清晰区分。当我们的视线感知大欧安苏重叠时，会跟姐焦点分别识别前景和背景。为了减少混乱，可以使用深色蒙版或者弹窗阴影来分离前景和背景。