每一年设计都会有新的设计方向,今年用最多是留白分割。设计的时候不能光看别的产品上使用,需要的是找到对自己产品最适合的设计方向
一、分割的作用
APP中分割布局中,能起到分隔、组织、细化的作用,帮助用户了解页面层次,赋予内容组织性。

二、常见分割方式
1、分割线分割
分割线是UI设计中最常见的一种分隔方式,能帮助用户理解页面层次,有分隔、组织的作用,一般是为了将内容分割开,形成独立的内容和信息。
分割的强弱:一般
对内容的干扰:弱,分割线因为存在感不太强,适合划分有关联性的内容,并且能够有效的提升浏览效率
上下滑动的视觉感受:贯穿线的存在感由线的颜色深浅决定,目前大部分页面的分割线存在感都不是很强,也因此浏览时信息比较流畅。
2、卡片投影
卡片投影一直是以小巧整齐的内容容器的形式而存在,每一个卡片的都承载不同的信息,是用户了解更多细节信息的入口
分割的强弱:强
对内容的干扰:强
上下滑动的视觉感受:阴影在卡片上的叠加,使卡片上的内容层级在视觉上提高了不少,能更好的拓展视觉深度以及可操作性,但使用这种分割对空间的要求有点高,也因此会显得整体页面视觉比较空。
3、背景栏分割
背景栏分割有点像一个容器上放了不同维度的内容,能够在内容区分的同时,还能保持界面的统一性
分割的强弱:强
对内容的干扰:强,这种布局会分散用户的注意力,阻碍用户快速扫览
上下滑动的视觉感受:每个被分割的卡片都是相对独立的维度,但是放在一个界面后,视觉上又会比较规整且统一,但由于分割感比较强,因此视觉阻断较强,阅读成本较高。
4、留白分割
利用间距来设计界面,对应的就是现在流行的无框设计,不适用分割线,纯粹依靠间距来实现界面的排版,目前来说这是一个大趋势,很多主流的APP都是通过留白来做的页面分割。
分割的强弱:弱
对内容的干扰:弱,由于本身是依靠间距来分割的不同模块,因此不存在对内容的干扰。
上下滑动的视觉感受:页面大多是以图片为主,本身的边缘就具备分割作用,内容少并且极有规律,整体界面风格简洁大方易识别。