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

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

图7 Android系统中分割线的使用原则

3. 分类及适用场景

分割线可以分为三种类型:

  1. 通栏分割线(Full-bleed dividers):用于分隔彼此完全独立的内容。
  2. 内嵌分割线(Inset dividers):用于分隔有锚点(头像或图标)的相关内容。
  3. 中间分割线(Middle dividers):用于分隔无锚点(头像或图标)的相关内容。

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

图8 三种分割线示意

多数时候(信息层级≤2),采用分隔线进行分割的信息,采用留白也是可以分割的,只不过需要留白间距足够大,比如我们把上述分割线的方式换成留白,因为间距够大,视觉效果也很清晰(没有多余线性元素的干扰)。

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

图9 用大留白替换分割线示意

但是如果为了提高屏效,希望在一屏内尽可能多的展示信息,那么同样的信息布局,分割线带来的分割效果会更清晰,如下图所示:

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

图10 追求纵向信息屏效时线性分割效果更好

当信息层级≥3之后,使用线性分割就要谨慎一些,可以具体看一下是否满足下方卡分割的使用条件。

四、卡片分隔

1. 定义

卡片是一个由内容和操作组合而成的独立主题的面性容器①,它可以包缩略图②、标题③、副标题④、富媒体⑤、文本⑥、文字按钮⑦和图标按钮⑧,除了卡片容器本身,其他元素都是可选的,所有元素都以易于扫描和操作的形式放置在卡片之上。

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

上一页12345下一页

栏目热文

文档排行

本站推荐

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