界面设计中的分割方式( 三 )

3）使用场景及分类
留白分割的实际设计执行，需要定义留白间距大小的设计规范，信息共有多少种层级，每种信息层级之间有多少种间距，每种间距适用于什么情境。
在设计任务中，UI视觉设计师在设计页面或者模块时经常会将页面网格化，然后以最小网格为基准，设计不同倍数的间距大小，以此来增强页面的秩序感。

文章插图
理论上讲，只要分隔的间距够大，都可以根据接近性原则形成信息分组。但信息层次越多，需要的间距种类就越多，间距种类一多，信息层次就越不清晰（只能单纯根据间距大小判断信息层次，就好像只用邻近色进行色彩区分一样，不对比就不容易发现差异，不够直白）。
而且每增加一个视觉层次，要求其间距至少要是上一层次间距的2倍，接近法则才能生效产生明显的分组效果。所以当条目信息层次较少（≤2）时，留白分割是比较合适的，当信息层次较多（≥3）时，留白分割既会浪费空间，也难以达到一目了然的分割效果，造成信息层级区分不清信息混杂。
三、总结根据分割方式自身的特点（视觉干扰性、分割强弱感、滑动沉浸感）、上下文条目内容之间的关系，单个条目的内容复杂度，屏幕空间的利用率，我们可以对分隔方式做一个简单的小结，如下：

文章插图
简而言之：
1、当信息条目复杂度较低时，优先采用留白分隔，视觉清爽无干扰。
2、当信息条目复杂度增加，只利用留白分割效果不明显时，建议引入线性分割，让信息层次更清晰且屏效高。
3、当信息条目复杂度进一步提升，（比如已经有了线性分割，或者有更多操作），需要进一步强化信息条目本身的边界感，建议引入卡片，以强化条目信息的视觉层次和可操作性。
最后再强调一下，信息分割本身不是目的而是一种手段，分割方式的选择是为了让版面产生清晰的条理性和信息呈现，用悦目的信息秩序来更好地突出表达内容，达成最佳的信息视觉传达效果。
所以决策时，除了上述细节考虑因素，还要考虑整体版面效果和信息传达效率。
本文由 @晨屹原创发布于人人都是产品经理。未经许可，禁止转载
题图来自Unsplash，基于CC0协议