界面结构关系

界面结构关系

在界面设计当中，界面结构会直接影响到用户对该页面的舒适度，良好的信息传达要有规律的组织布局。信息之间层级关系的罗列展示非常重要，恰当的布局，能直接通过视觉力来暗喻信息之间的层级关系。

模块分割：

模块分割我们最常用的有三种分别是：线性分割、面性分割、空间分割。线性分割：优势点线所占位置较小，不易干扰用户。线条不宜太抢眼，颜色不宜过重。面性分割：处理多层级、信息复杂的场景，在单个模块里已经用了线性分割的情况下。可能需要更强一点的分割方式来表明模块与模块间的关系。空间分割：就是以留白来区分模块之间的关系，这就是我们下面就要说的亲密性。

亲密性:

「同类相近，异类相远」，信息联系紧密的间距相近，不是同类信息间距要远。形式不变的基础上，元素之间的距离越近，越易被视为同一组合。距离相同时，横向排列的内容接近度相对更高。

栅格系统:

在设计的过程中，我们经常会使用一套规范的间距，来保持产品的一致性，间距的样式不要太多，另外间距尽量使用倍数，比如1X，2X，3X，4X。比如现需设计一个让用户感受到轻松愉悦的页面，可以使用较大的栅格间距比例，以12为基准，比如间距一律使用12,24,36,48。如果是信息较为紧密的，则可以使用8的倍数，如8,16,24,32等。不同的栅格比例传递的情感也是不同的。

主次分明：

清晰的层级结构，能让用户更快的获取重要内容，同一组合仅能有一个最核心的内容。可以通过位置、大小、颜色三个维度建立主次对比。冗余的信息展示会让界面变的凌乱琐碎，一定程度上干扰用户使用体验，一般情况下界面应控制在3层信息以内。信息传达主次明确，进而增加用户体验中的舒适度。

总结：

设计是一个日积月累的过程，剖析每一个设计作品都会收获很多。设计并不只是凭感觉，是要有理论所在。通过前人的经验，希望我们一起进步和探索。