怎么将一张图片单独拆分成几张,一张照片拆分多张

首页 > 经验 > 作者:YD1662022-11-06 16:34:41

编辑导语:究竟该采取留白分割、线性分割还是卡片分割,这需要依据具体的业务场景进行设定。那么这几种分割方式有什么区别?选择哪种分割方式才可以更清晰地传达信息呢?本篇文章里,作者就这几种分割方式做了解读,不妨来看一下。

怎么将一张图片单独拆分成几张,一张照片拆分多张(1)

一、缘起

近两年,vivo浏览器一直选择的是留白分割的设计方式,但核心竞品已经逐渐都采用了线性分割,甚至卡片分割的设计,是要坚守留白还是追随“趋势”,面对内外部声音的追问,我们开始了关于分割方式的详细研究与探索。

怎么将一张图片单独拆分成几张,一张照片拆分多张(2)

图1 资讯新闻的分割方式

研究不局限于资讯新闻信息流列表,而是回归到分割方式的本源,希望能一次性给大家一个明确的分割方式设计指南。

通过一系列的桌面研究、实践对比和趋势总结,我们可以将结论简要概括如下:

  1. 优先使用留白分割。
  2. 当留白分割不能起到明显的分割作用时,建议采用线性分隔。
  3. 当线性分隔不能起到明显的分割作用时,建议采用卡片分隔。

怎么将一张图片单独拆分成几张,一张照片拆分多张(3)

图2 三种分割方式示意

也就是说从选择的优先级而言:留白分割≥线性分隔≥卡片分割。详细设计理念、目标和决策因素请参考下文(小结图见文末),希望可以帮助你扫清所有关于分割方式的困惑。

二、留白分割

1. 定义

所谓留白分割,指的是只通过增加间距的方式,利用人的视知觉原理(接近法则:人的大脑会倾向于把彼此靠近的元素视为一组),自然的将信息进行分组。

怎么将一张图片单独拆分成几张,一张照片拆分多张(4)

首页 12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.