Untacit.

先判断关系,再选择布局

页面结构不是风格偏好。不同布局回答不同问题。

顺序、层级、对比、循环和汇聚等多种页面结构的手绘示例
布局图谱 · 01从左到右:顺序;上到下:层级;左右两列:对比;环形:循环;多条路径汇入一点:汇聚。让关系决定版式。

八种常用结构

结构选择器

  • 如果问题是“先发生什么?” → 时间线或线性
  • 如果问题是“有什么不同?” → 对比
  • 如果问题是“属于谁?” → 层级或容器
  • 如果问题是“围绕什么展开?” → 放射
  • 如果问题是“如何到达?” → 路径
  • 如果问题是“如何反复运转?” → 循环

选同一个主题,分别用对比、时间线和路径画三个缩略图。圈出最容易解释的一版。