设计技巧|留白分割、线性分割、卡片分割,一张图扫清你的选择困惑!
三分设
共 4952字,需浏览 10分钟
·
2022-02-11 08:59
Background
▲图1 资讯新闻的分割方式
▲图2 三种分割方式示意
Part 1
▲图3 亲密性原则体现的留白分割
▲图4 相片和文字之间的留白分割
▲图5 iOS和Android系统的分割方式差异
▲图6 留白分割的分类
Part 2
▲图7 Android系统中分割线的使用原则
▲图8 三种分割线示意
▲图9 用大留白替换分割线示意
▲图10 追求纵向信息屏效时线性分割效果更好
Part 3
▲图11 卡片可以包含的元素示意
3.2 使用原则
3.3 分类及适用情境
▲图13 卡片样式分类
▲图14 使用卡片的三个参考条件
Part 4
▲图15 设计师设计的三种分割效果
▲图16 筛选的用户典型反馈
The End
参考文献
评论