一、缘起编辑导语:究竟该采取留白分割、线性分割还是卡片分割,这需要依据具体的业务场景进行设定。那么这几种分割方式有什么区别?选择哪种分割方式才可以更清晰地传达信息呢?本篇文章里,作者就这几种分割方式做了解读,不妨来看一下。
近两年,vivo浏览器一直选择的是留白分割的设计方式,但核心竞品已经逐渐都采用了线性分割,甚至卡片分割的设计,是要坚守留白还是追随“趋势”,面对内外部声音的追问,我们开始了关于分割方式的详细研究与探索。
图1 资讯新闻的分割方式
研究不局限于资讯新闻信息流列表,而是回归到分割方式的本源,希望能一次性给大家一个明确的分割方式设计指南。
通过一系列的桌面研究、实践对比和趋势总结,我们可以将结论简要概括如下:
- 优先使用留白分割。
- 当留白分割不能起到明显的分割作用时,建议采用线性分隔。
- 当线性分隔不能起到明显的分割作用时,建议采用卡片分隔。
图2 三种分割方式示意
也就是说从选择的优先级而言:留白分割≥线性分隔≥卡片分割。详细设计理念、目标和决策因素请参考下文(小结图见文末),希望可以帮助你扫清所有关于分割方式的困惑。
二、留白分割1. 定义
所谓留白分割,指的是只通过增加间距的方式,利用人的视知觉原理(接近法则:人的大脑会倾向于把彼此靠近的元素视为一组),自然的将信息进行分组。