消息列表通常占据多个矩形区域，而且结构相似，留白分割比较适合；模态框面积较小，留白可以减少干扰元素；卡片的应用场景非常多，便于分割不同内容
看完上一篇文章的介绍，我们可以得知根据视觉强弱的比较，可以得出：分割块=卡片>通栏分割线>非通栏分割线>留白。因此，在遇到下面问题时，我们可以采用适当的划分方式，对界面进行布局划分。
消息列表的布局
图1443-1：消息列表的布局
消息列表通常都是占据整屏的多个矩形块，而且这些矩形块的内容互不干扰，但是结构相似，能体现出整体性，因此为了减少干扰视觉的元素，可选择视觉干扰强度较小的留白(A)来处理。
如果选择通栏分割线(B)处理，虽然每块都充满独立的味道，但整屏分裂感很强，容易干扰界面的易读性，因此可改为非通栏分割线，能确保信息之间的某种关联性。
模态框的布局
图1443-2：模态框的布局
这里存在相关、同类和包含关系的元素，通过留白(A)的方式来控制，能让将界面变得整洁，同时减少干扰内容的元素，大大提升用户阅读流畅性。
如果选择通栏分割线(B)处理，这里会出现背景面积和分裂感这两大问题。模态框面积小，如果整个页面都是分割线，会影响阅读流畅性及界面的美观性。这里可以改为“保留标题下的通栏分割线，将按钮上的分割线改为非通栏风格线，其他省略。”这样界面就会变得更加整洁干净。
卡片的应用
图1443-3：卡片的应用
卡片的应用场景非常多，很多APP界面都会时常它的身影。到底，卡片有什么好处呢?
- 能清楚划分模块内容，归属不同维度的内容，让用户一目了然;
- 横向的延展性，为了在一屏里放置更多类型的模块，我们时常会将同类模块横向摆放，节省空间还能凸出界面的整体性。
不同分割方式都有其优点和缺点，以及适用范围，因此在实际设计工作中，为了能更好地呈现内容及功能，千万不能盲目追求设计趋势，选择合适的才是最好的。
转载请注明：网创网 www.netcyw.cn/b1443.html
