编辑导读：“模态（Modal）”原先是物理计算机领域的词汇，引申到软件设计领域可以简化理解为“模式” “状态”。本文作者围绕模态进行了分析，希望对你有帮助。
最近在工作中发现关于“模态”这个词的释义和其对应组件的使用场景有所混淆，对于其详细解释在网上的搜索结果也相当少。本着求实寻真的的原则，查阅相关文档，结合案例分析，汇总这篇文档。
此外，在不同学术领域中“模态”的概念和应用都有所区别，本篇中主要以用户界面设计为中心展开叙述。
一、定义1. 模态(Modal)
“模态（Modal）”是一个舶来词汇，词根为“模式（Mode）”。其相关组词“模态逻辑“、”真势模态”…也多指的是物理计算机领域，引申到我们的软件设计领域可以简化理解为“模式” “状态”，即“特定模式下的某种状态”。
“杰夫·拉斯金在《Humane interface》对计算机科学的“模态”定义为：人机界面对于跟定的动作(gesture)是模态的(modal) 。”有许多地方解释模态引用了这句话，但是这一句解释的确实太抽象，相对来说iOS人机指南中解释更好理解一些：“模态是一种设计技术，它以一种临时的模式呈现内容，需要一个明确的动作来退出。以模式呈现内容可以帮助人们专注于一个独立的任务或一组密切相关的选项确保人们收到关键的信息，并在必要时对其采取行动。”
以上对于模态的解释中有的抽象,有的具体,综合提炼关键的信息可以解释为:模态是人机交互过程中的一种状态,表现为用户相同的操作在模态下可以产生不同的结果。例如在使用电脑时，直接点击和按住Ctrl再点击就会有触发不同的结果。
2. 模态窗口(Modal window)
Bootstrap 5将模态解释为当前页面上部的对话框/弹出窗口，Ant Design也直接称作模态对话框。这其实就是在用户界面设计中模态的具体应用。
