{
  "_description": "本文件由 data/ 生成：请改动来源文件，不要改这里。各字段的证据边界见接入指南。",
  "schemaVersion": "1.0.0",
  "kind": "list",
  "locale": "zh-CN",
  "id": "I-C",
  "name": {
    "zh": "交互模式 · 经典基础",
    "en": "Interaction patterns · Classic foundation"
  },
  "headline": {
    "zh": "交互模式 Top 10：10 大经典 UI 交互设计模式",
    "en": "Top 10 Classic UI Interaction Design Patterns"
  },
  "page": "https://designvocabulary.com/zh/lists/I-C/",
  "self": "https://designvocabulary.com/zh/lists/I-C.json",
  "alternates": {
    "zh-CN": "https://designvocabulary.com/zh/lists/I-C.json",
    "en": "https://designvocabulary.com/en/lists/I-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": "I-Y",
      "page": "https://designvocabulary.com/zh/lists/I-Y/",
      "json": "https://designvocabulary.com/zh/lists/I-Y.json"
    }
  },
  "seats": [
    {
      "seat": 1,
      "entry": "progressive-disclosure",
      "origin": "editorial-reconstruction",
      "reason": "给这一类立一个基准：控制次要内容在什么时候出现。",
      "name": "渐进披露",
      "type": "interaction",
      "page": "https://designvocabulary.com/zh/entries/progressive-disclosure/",
      "json": "https://designvocabulary.com/zh/entries/progressive-disclosure.json"
    },
    {
      "seat": 2,
      "entry": "inline-edit",
      "origin": "editorial-reconstruction",
      "reason": "补上“在阅读位置直接修改”的任务形态，不改变上下文。",
      "name": "行内编辑",
      "type": "interaction",
      "page": "https://designvocabulary.com/zh/entries/inline-edit/",
      "json": "https://designvocabulary.com/zh/entries/inline-edit.json"
    },
    {
      "seat": 3,
      "entry": "direct-manipulation",
      "origin": "issue-1-ledger",
      "reason": "说明用户可以直接作用于持续可见的对象，而不是通过命令语法。",
      "name": "直接操纵",
      "type": "interaction",
      "page": "https://designvocabulary.com/zh/entries/direct-manipulation/",
      "json": "https://designvocabulary.com/zh/entries/direct-manipulation.json"
    },
    {
      "seat": 4,
      "entry": "search-and-filter",
      "origin": "issue-1-ledger",
      "reason": "补上从大集合里缩小范围的任务，并要求当前条件可见。",
      "name": "搜索与筛选",
      "type": "interaction",
      "page": "https://designvocabulary.com/zh/entries/search-and-filter/",
      "json": "https://designvocabulary.com/zh/entries/search-and-filter.json"
    },
    {
      "seat": 5,
      "entry": "wizard",
      "origin": "issue-1-ledger",
      "reason": "把固定阶段的分步推进与按需展开分开。",
      "name": "分步向导",
      "type": "interaction",
      "page": "https://designvocabulary.com/zh/entries/wizard/",
      "json": "https://designvocabulary.com/zh/entries/wizard.json"
    },
    {
      "seat": 6,
      "entry": "modal-dialog",
      "origin": "issue-1-ledger",
      "reason": "补上会阻断主内容的那一类展开，说明并非所有展开都阻断。",
      "name": "模态对话框",
      "type": "interaction",
      "page": "https://designvocabulary.com/zh/entries/modal-dialog/",
      "json": "https://designvocabulary.com/zh/entries/modal-dialog.json"
    },
    {
      "seat": 7,
      "entry": "undo-redo",
      "origin": "issue-1-ledger",
      "reason": "补上“已生效的改动可以收回”，这是让人敢于操作的前提。",
      "name": "撤销与重做",
      "type": "interaction",
      "page": "https://designvocabulary.com/zh/entries/undo-redo/",
      "json": "https://designvocabulary.com/zh/entries/undo-redo.json"
    },
    {
      "seat": 8,
      "entry": "command-palette",
      "origin": "issue-1-ledger",
      "reason": "补上以键盘与文字直达命令和对象的入口，叠加在可见界面之上。",
      "name": "命令面板",
      "type": "interaction",
      "page": "https://designvocabulary.com/zh/entries/command-palette/",
      "json": "https://designvocabulary.com/zh/entries/command-palette.json"
    },
    {
      "seat": 9,
      "entry": "batch-actions",
      "origin": "issue-1-ledger",
      "reason": "补上“先选多个再统一处理”的粒度，与逐项修改不同。",
      "name": "批量操作",
      "type": "interaction",
      "page": "https://designvocabulary.com/zh/entries/batch-actions/",
      "json": "https://designvocabulary.com/zh/entries/batch-actions.json"
    },
    {
      "seat": 10,
      "entry": "contextual-actions",
      "origin": "issue-1-ledger",
      "reason": "补上只作用于单个对象、随选中或悬停出现的操作入口。",
      "name": "上下文操作",
      "type": "interaction",
      "page": "https://designvocabulary.com/zh/entries/contextual-actions/",
      "json": "https://designvocabulary.com/zh/entries/contextual-actions.json"
    }
  ],
  "list": {
    "id": "I-C",
    "category": "interaction",
    "edition": "classic",
    "name": {
      "zh": "交互模式 · 经典基础",
      "en": "Interaction patterns · Classic foundation"
    },
    "headline": {
      "zh": "交互模式 Top 10：10 大经典 UI 交互设计模式",
      "en": "Top 10 Classic UI Interaction Design Patterns"
    },
    "note": "交互模式的经典基础：覆盖常见任务形态，不构成推荐优先级。",
    "keywords": [
      "交互模式",
      "交互设计模式",
      "UI 设计模式",
      "渐进披露",
      "模态对话框",
      "撤销重做",
      "命令面板",
      "搜索与筛选"
    ],
    "lead": "这一版收录的是交互模式里反复出现的任务形态：选择、修改、确认、撤回。认得出它们，就能在讨论中把“做个弹窗”换成更准确的说法。",
    "criteria": [
      "描述用户与系统之间一段可辨认的往返，而不是单次视觉反馈。",
      "与同类相邻模式的区别可以说清楚：区别在任务形态，不在控件外观。",
      "跨平台成立，不依赖某一个操作系统的具体控件。"
    ],
    "pairing": "与《交互模式 · 2026 关注》相比，这一版不预设系统会自动执行动作；重合的条目说明这个模式在自动化场景里又有了新的分量。",
    "evidence": "入选理由是编辑判断，说明它补上了哪一种任务形态，不表示推荐优先级。多数模式可以配合使用。",
    "seats": [
      {
        "seat": 1,
        "entry": "progressive-disclosure",
        "origin": "editorial-reconstruction",
        "reason": "给这一类立一个基准：控制次要内容在什么时候出现。"
      },
      {
        "seat": 2,
        "entry": "inline-edit",
        "origin": "editorial-reconstruction",
        "reason": "补上“在阅读位置直接修改”的任务形态，不改变上下文。"
      },
      {
        "seat": 3,
        "entry": "direct-manipulation",
        "origin": "issue-1-ledger",
        "reason": "说明用户可以直接作用于持续可见的对象，而不是通过命令语法。"
      },
      {
        "seat": 4,
        "entry": "search-and-filter",
        "origin": "issue-1-ledger",
        "reason": "补上从大集合里缩小范围的任务，并要求当前条件可见。"
      },
      {
        "seat": 5,
        "entry": "wizard",
        "origin": "issue-1-ledger",
        "reason": "把固定阶段的分步推进与按需展开分开。"
      },
      {
        "seat": 6,
        "entry": "modal-dialog",
        "origin": "issue-1-ledger",
        "reason": "补上会阻断主内容的那一类展开，说明并非所有展开都阻断。"
      },
      {
        "seat": 7,
        "entry": "undo-redo",
        "origin": "issue-1-ledger",
        "reason": "补上“已生效的改动可以收回”，这是让人敢于操作的前提。"
      },
      {
        "seat": 8,
        "entry": "command-palette",
        "origin": "issue-1-ledger",
        "reason": "补上以键盘与文字直达命令和对象的入口，叠加在可见界面之上。"
      },
      {
        "seat": 9,
        "entry": "batch-actions",
        "origin": "issue-1-ledger",
        "reason": "补上“先选多个再统一处理”的粒度，与逐项修改不同。"
      },
      {
        "seat": 10,
        "entry": "contextual-actions",
        "origin": "issue-1-ledger",
        "reason": "补上只作用于单个对象、随选中或悬停出现的操作入口。"
      }
    ]
  }
}
