布局指南
布局指南
布局定义在一个或多个页面间使用的共享页面框架。
如果组件是页面内可见的区块,布局就是包围它们的结构系统。它们帮助团队在不每次重建页面框架的情况下保持页面系列一致性。
何时使用布局
当多个页面应共享相同的结构体验时,请使用布局,例如:
- 标准站点布局
- 着陆页框架
- 活动页面系列
- 文档或知识布局
- 具有共享侧边区域、导航或支持区的页面类型
如果结构应在若干页面之间保持一致,通常应放在布局中。
何时不应使用布局
不应将布局用于:
- 一次性页面信息
- 属于页面内容内部的单个区块
- 不值得更换页面框架的细微视觉差异
这些通常应放在 组件 或直接放在页面构成工作流程中。
推荐工作流程
- 定义页面系列
- 决定哪些内容应保持共享
- 构建或选择布局
- 将其分配给正确的页面
- 在更改已上线的布局之前审查影响
优秀布局的要素
优秀的布局通常:
- 保持结构性而非针对具体信息
- 支持可重复的页面系列
- 将共享框架集中放置
- 避免承载一次性活动或页面文案
布局越清晰,页面保持一致性就越容易。
常见用例
- 公司主站布局
- 着陆页布局
- 文档布局
- 资源布局
常见错误
- 创建过多差异极小的布局
- 将一次性活动内容放入共享布局
- 使用布局来解决区块级问题
- 在未检查所有受影响页面的情况下编辑共享布局
团队指南
- 有意维持活动布局的数量
- 围绕页面系列设计布局,而不是单个页面
- 在结构性更改前审查下游影响
- 对于内容区块使用组件,而不是将布局过载用于内容