{
  "_description": "本文件由 data/ 生成：请改动来源文件，不要改这里。各字段的证据边界见接入指南。",
  "schemaVersion": "1.0.0",
  "kind": "list",
  "locale": "zh-CN",
  "id": "L-C",
  "name": {
    "zh": "布局与信息架构 · 经典基础",
    "en": "Layout & information architecture · Classic foundation"
  },
  "headline": {
    "zh": "网页布局 Top 10：10 大经典页面与信息架构",
    "en": "Top 10 Classic Web Layout and Information Architecture Patterns"
  },
  "page": "https://designvocabulary.com/zh/lists/L-C/",
  "self": "https://designvocabulary.com/zh/lists/L-C.json",
  "alternates": {
    "zh-CN": "https://designvocabulary.com/zh/lists/L-C.json",
    "en": "https://designvocabulary.com/en/lists/L-C.json"
  },
  "site": {
    "catalogSchemaVersion": "0.1.0",
    "entries": 158,
    "index": "https://designvocabulary.com/zh/lists/index.json",
    "query": "https://designvocabulary.com/api/query?lang=zh",
    "guide": "https://designvocabulary.com/zh/agents/",
    "llms": "https://designvocabulary.com/llms.txt"
  },
  "provenance": {
    "selection": "editorial",
    "ordered": false,
    "disclaimer": "席位号是编辑位置，不是评分、排名或人气统计；清单未收满时保持原样，不补足。",
    "titleNote": "标题中的“Top”与“N 大”是检索用语：本版是编辑选择，不是排名、评分或人气统计。",
    "seatOrigins": {
      "issue-1-ledger": "席位来自计划 issue #1 的清单账本。",
      "editorial-reconstruction": "席位由本仓库编辑判断补上。"
    },
    "evidence": "入选理由说明这条结构在这一类里补上了哪一块，不构成推荐顺序。结构之间常可组合，选择取决于任务，而不是清单位置。",
    "nominalSize": 10,
    "seatCount": 10,
    "filled": true,
    "sibling": {
      "id": "L-Y",
      "page": "https://designvocabulary.com/zh/lists/L-Y/",
      "json": "https://designvocabulary.com/zh/lists/L-Y.json"
    }
  },
  "seats": [
    {
      "seat": 1,
      "entry": "master-detail",
      "origin": "editorial-reconstruction",
      "reason": "给这一类立一个基准：由列表选择决定详情显示什么。",
      "name": "主从布局",
      "type": "layout",
      "page": "https://designvocabulary.com/zh/entries/master-detail/",
      "json": "https://designvocabulary.com/zh/entries/master-detail.json"
    },
    {
      "seat": 2,
      "entry": "bento",
      "origin": "editorial-reconstruction",
      "reason": "补上“同时概览多块信息”的结构，与逐项查阅形成对照。",
      "name": "Bento 网格",
      "type": "layout",
      "page": "https://designvocabulary.com/zh/entries/bento/",
      "json": "https://designvocabulary.com/zh/entries/bento.json"
    },
    {
      "seat": 3,
      "entry": "modular-grid",
      "origin": "issue-1-ledger",
      "reason": "说明网格本身可以是一种结构约定，而不只是对齐工具。",
      "name": "模块化网格",
      "type": "layout",
      "page": "https://designvocabulary.com/zh/entries/modular-grid/",
      "json": "https://designvocabulary.com/zh/entries/modular-grid.json"
    },
    {
      "seat": 4,
      "entry": "single-column",
      "origin": "issue-1-ledger",
      "reason": "补上最简单的结构，并提示它在窄屏上是多种布局的收敛结果。",
      "name": "单列布局",
      "type": "layout",
      "page": "https://designvocabulary.com/zh/entries/single-column/",
      "json": "https://designvocabulary.com/zh/entries/single-column.json"
    },
    {
      "seat": 5,
      "entry": "sidebar-layout",
      "origin": "issue-1-ledger",
      "reason": "把“持久侧区”与主从布局分开：侧栏不一定是对象列表。",
      "name": "侧栏布局",
      "type": "layout",
      "page": "https://designvocabulary.com/zh/entries/sidebar-layout/",
      "json": "https://designvocabulary.com/zh/entries/sidebar-layout.json"
    },
    {
      "seat": 6,
      "entry": "card-grid",
      "origin": "issue-1-ledger",
      "reason": "补上同构单元的重复排列，区别于尺寸各异的信息块。",
      "name": "卡片网格",
      "type": "layout",
      "page": "https://designvocabulary.com/zh/entries/card-grid/",
      "json": "https://designvocabulary.com/zh/entries/card-grid.json"
    },
    {
      "seat": 7,
      "entry": "holy-grail-layout",
      "origin": "issue-1-ledger",
      "reason": "保留一个有具体历史名称的三栏构图，说明它不是列表详情关系。",
      "name": "圣杯布局",
      "type": "layout",
      "page": "https://designvocabulary.com/zh/entries/holy-grail-layout/",
      "json": "https://designvocabulary.com/zh/entries/holy-grail-layout.json"
    },
    {
      "seat": 8,
      "entry": "hierarchical-navigation",
      "origin": "issue-1-ledger",
      "reason": "把跨页面的树状组织收进这一类，说明布局不止于单页排布。",
      "name": "层级导航结构",
      "type": "layout",
      "page": "https://designvocabulary.com/zh/entries/hierarchical-navigation/",
      "json": "https://designvocabulary.com/zh/entries/hierarchical-navigation.json"
    },
    {
      "seat": 9,
      "entry": "hub-and-spoke",
      "origin": "issue-1-ledger",
      "reason": "补上以单一枢纽连接互相隔离任务的结构，与逐级下钻不同。",
      "name": "中心辐射结构",
      "type": "layout",
      "page": "https://designvocabulary.com/zh/entries/hub-and-spoke/",
      "json": "https://designvocabulary.com/zh/entries/hub-and-spoke.json"
    },
    {
      "seat": 10,
      "entry": "linear-flow",
      "origin": "issue-1-ledger",
      "reason": "补上不设分支的固定顺序，明确它与按需展开不是一回事。",
      "name": "线性流程结构",
      "type": "layout",
      "page": "https://designvocabulary.com/zh/entries/linear-flow/",
      "json": "https://designvocabulary.com/zh/entries/linear-flow.json"
    }
  ],
  "list": {
    "id": "L-C",
    "category": "layout",
    "edition": "classic",
    "name": {
      "zh": "布局与信息架构 · 经典基础",
      "en": "Layout & information architecture · Classic foundation"
    },
    "headline": {
      "zh": "网页布局 Top 10：10 大经典页面与信息架构",
      "en": "Top 10 Classic Web Layout and Information Architecture Patterns"
    },
    "note": "布局与信息架构的经典基础：按结构差异挑选，不按使用频次排序。",
    "keywords": [
      "网页布局",
      "页面布局",
      "信息架构",
      "主从布局",
      "卡片网格",
      "单列布局",
      "侧栏布局",
      "导航结构"
    ],
    "lead": "这一版收录的是布局与信息架构里的基本骨架：在画一个界面之前，你先要决定内容按什么结构摆放。这些结构彼此不是替代关系，而是回答不同的问题。",
    "criteria": [
      "描述的是内容之间的结构关系，而不是某个组件的外观。",
      "能和同类里相邻的结构区分开：区别落在“谁决定显示什么”，而不是“看起来像不像”。",
      "既适用于页面排布，也适用于跨页面的导航组织，两者在这一类里都算布局问题。"
    ],
    "pairing": "与《布局与信息架构 · 2026 关注》相比，这一版更少依赖某一年的产品形态；重合的条目说明这套结构既是基础，也正被重新使用。",
    "evidence": "入选理由说明这条结构在这一类里补上了哪一块，不构成推荐顺序。结构之间常可组合，选择取决于任务，而不是清单位置。",
    "seats": [
      {
        "seat": 1,
        "entry": "master-detail",
        "origin": "editorial-reconstruction",
        "reason": "给这一类立一个基准：由列表选择决定详情显示什么。"
      },
      {
        "seat": 2,
        "entry": "bento",
        "origin": "editorial-reconstruction",
        "reason": "补上“同时概览多块信息”的结构，与逐项查阅形成对照。"
      },
      {
        "seat": 3,
        "entry": "modular-grid",
        "origin": "issue-1-ledger",
        "reason": "说明网格本身可以是一种结构约定，而不只是对齐工具。"
      },
      {
        "seat": 4,
        "entry": "single-column",
        "origin": "issue-1-ledger",
        "reason": "补上最简单的结构，并提示它在窄屏上是多种布局的收敛结果。"
      },
      {
        "seat": 5,
        "entry": "sidebar-layout",
        "origin": "issue-1-ledger",
        "reason": "把“持久侧区”与主从布局分开：侧栏不一定是对象列表。"
      },
      {
        "seat": 6,
        "entry": "card-grid",
        "origin": "issue-1-ledger",
        "reason": "补上同构单元的重复排列，区别于尺寸各异的信息块。"
      },
      {
        "seat": 7,
        "entry": "holy-grail-layout",
        "origin": "issue-1-ledger",
        "reason": "保留一个有具体历史名称的三栏构图，说明它不是列表详情关系。"
      },
      {
        "seat": 8,
        "entry": "hierarchical-navigation",
        "origin": "issue-1-ledger",
        "reason": "把跨页面的树状组织收进这一类，说明布局不止于单页排布。"
      },
      {
        "seat": 9,
        "entry": "hub-and-spoke",
        "origin": "issue-1-ledger",
        "reason": "补上以单一枢纽连接互相隔离任务的结构，与逐级下钻不同。"
      },
      {
        "seat": 10,
        "entry": "linear-flow",
        "origin": "issue-1-ledger",
        "reason": "补上不设分支的固定顺序，明确它与按需展开不是一回事。"
      }
    ]
  }
}