ui component page pattern type　/　Responsive Shell

Responsive Shell

根据屏幕和任务上下文调整导航、内容和辅助栏的应用壳

Key fields

Identity

Subtype: 模板
Parent Taxonomy: Layout & Surfaces

What

Definition: 根据屏幕和任务上下文调整导航、内容和辅助栏的应用壳
Core Question: 如何让用户在Responsive Shell中理解当前上下文、完成任务并获得明确反馈？
Composition: 触发或标题、主体内容、辅助信息、主要操作、状态反馈、关闭或返回入口（按场景取舍）

Why

Behavior Mechanism: 通过语义结构、可预测交互、状态转换、键盘操作和响应式布局降低任务成本。
Use Case: 根据屏幕和任务上下文调整导航、内容和辅助栏的应用壳

Where

Applicable Context: Web Interface Design

How

Checklist: 定义用途；明确结构与状态；覆盖键盘/触摸/读屏；处理加载、错误和空状态；验证响应式与焦点顺序。

Evidence

Common Mistakes: 内容层级不清、默认状态缺失、操作优先级混乱、键盘和移动端行为未定义。

Lifecycle

Status: 启用