布局指南

布局指南

布局定义在一个或多个页面间使用的共享页面框架。

如果组件是页面内可见的区块,布局就是包围它们的结构系统。它们帮助团队在不每次重建页面框架的情况下保持页面系列一致性。

何时使用布局

当多个页面应共享相同的结构体验时,请使用布局,例如:

  • 标准站点布局
  • 着陆页框架
  • 活动页面系列
  • 文档或知识布局
  • 具有共享侧边区域、导航或支持区的页面类型

如果结构应在若干页面之间保持一致,通常应放在布局中。

何时不应使用布局

不应将布局用于:

  • 一次性页面信息
  • 属于页面内容内部的单个区块
  • 不值得更换页面框架的细微视觉差异

这些通常应放在 组件 或直接放在页面构成工作流程中。

推荐工作流程

  1. 定义页面系列
  2. 决定哪些内容应保持共享
  3. 构建或选择布局
  4. 将其分配给正确的页面
  5. 在更改已上线的布局之前审查影响

优秀布局的要素

优秀的布局通常:

  • 保持结构性而非针对具体信息
  • 支持可重复的页面系列
  • 将共享框架集中放置
  • 避免承载一次性活动或页面文案

布局越清晰,页面保持一致性就越容易。

常见用例

  • 公司主站布局
  • 着陆页布局
  • 文档布局
  • 资源布局

常见错误

  • 创建过多差异极小的布局
  • 将一次性活动内容放入共享布局
  • 使用布局来解决区块级问题
  • 在未检查所有受影响页面的情况下编辑共享布局

团队指南

  • 有意维持活动布局的数量
  • 围绕页面系列设计布局,而不是单个页面
  • 在结构性更改前审查下游影响
  • 对于内容区块使用组件,而不是将布局过载用于内容

相关