UI 组件类型 · 页面模式与模板　/　Responsive Shell

Responsive Shell

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

关键字段

Identity · 身份

子类型: 模板
父级类目: 布局与表面

What · 是什么

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

Why · 为什么

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

Where · 在哪里

适用场景: Web 界面设计

How · 怎么做

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

Evidence · 证据

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

Lifecycle · 生命周期

状态: 启用