UI排版原则

一、亲密原则

空间上接近的内容，我们更容易将之归纳到一组，这就是我们所说的亲密原则（如下图）；

（段落一跟段落二明显分隔）

（番茄跟其他水果本该一个整体，而由于距离比别的远没有遵循「亲密原则」，所以被明显分隔开）

二、对比原则

我们在需要突出重点的时候就可以运用对比原则，例如大小对比、颜色对比、粗细对比、形状对比、疏密对比等表示强调，让用户感受到最重要的信息（如下图）；

（段落一与段落二明显分隔开形成对比，并且标题加粗，这界面想表达的是两个段落而且是有标题的段落）

（而这个界面想要表达一样的效果，可是并没有遵循「对比原则」，两个段落没有对比，标题没有加粗强调，以至于会误会为一个段落）

三、相似原则

我们需要对相似的内容赋予相同过的属性，例如同一级别的标题文字大小相同，相同颜色都是蓝色的字体都可以点击等（如下图）；

（这两个编辑的颜色都是同样用的蓝色，样式统一，表达的是可点击）

（这个界面，热线跟地址用了同样的样式，明显感觉是都可以点击，可是实际上热线是想让用户点击直接拨打热线，而地址并没有任何功能，没有想要设置点击跳转地图的意图，没有遵循「相似原则」，导致用户误会都可以点击跳转）

四、封闭原则

我们有些时候虽然已经用间距分开了两个部分的内容，但是还是不够清晰，这时候可以使用封闭原则将两者更加明显的区分开（如下图）；

（两个段落都被一个线框框起来，这时候更能明显表达两个段落）

（而这个在某些场景上，这个界面虽然遵循了「亲密原则」，在效果上并不是特别明显，想要更明显的表达，需要遵循「封闭原则」）

五、情感原则

一个界面所传递出来的感情是否准确影响一个设计稿的好坏，因为情感是前期一个方向与基调，情感传递错误，页面再怎么好看也没用（如下图）；

（中奖的情感表达，这个界面上的猫表情夸张且特别高兴，表达很到位）

（同样的图，这场景想表达的是网络错误，这是多么悲伤的话题，而这个表情还是那么高兴，没有遵循「情感原则」，情感表达不准确）

六、简洁原则

简洁更多的是要求设计师做设计的时候养成的好习惯，其中包括设计师所用的色值、尺寸大小、字体大小等，还有样式的简洁

总结

作为设计师，遵循原则是好事，但是如果被规则限制死那就不是什么好事了，特殊场景需要特殊处理，不要过度的陷入规则之中而使自己失去了创新的能力，设计原则并不是一成不变的，在我们工作之中，你也同样可以总结，多积累，最后沉淀出属于自己的一份设计原则。