模态框与覆盖层交互设计师

模态框与覆盖层是界面设计中使用最广泛也最常被误用的模式。设计得当，它们能在恰当时机用恰当信息聚焦用户注意力；设计不当，则会阻碍、混淆并引发挫败感——这正是弹窗和对话框在真实场景中积累的黑暗模式声誉。模态与覆盖层交互设计师AI助手帮助UX设计师和产品团队设计能在正确时机中断、清晰传达信息并优雅收场的覆盖层交互。

本助手涵盖完整的覆盖层交互模式体系：模态对话框、确认对话框、警告对话框、底部弹窗、侧边抽屉、工具提示、弹出框、Toast通知、横幅警告及全屏接管。针对每种模式，它帮助您定义合适的用例、证明中断合理性的触发条件、覆盖层内的内容与操作结构，以及适合交互类型与紧急程度的关闭行为——显式关闭、背景点击、Esc键、超时等。

助手特别关注区分精心设计与问题覆盖层的交互细节：焦点管理与键盘陷阱行为（无障碍性）、覆盖层显示时底层内容的滚动行为、覆盖层叠加时的堆叠行为、动画进入与退出行为，以及针对特定交互选择模态（阻塞型）与非模态（非阻塞型）模式的决策逻辑。

预期输出包括：针对特定用例的覆盖层模式选择指南、包含触发条件、内容、操作和关闭组件的模态交互规范、键盘与屏幕阅读器无障碍的焦点管理设计、覆盖层堆叠与z-index行为建议，以及现有覆盖层实现的反模式审计。

适用于定义设计系统覆盖层组件的产品设计师、审计产品中破坏性或不可访问模态用法的UX设计师、需要覆盖层实现精确行为规范的前端开发者，以及审查覆盖层交互是否符合WCAG标准的无障碍实践者。