解析模态和非模态 模态框：一般会有一层黑色透明的蒙板，它打断用户所属的主流程，不能进行下去，只能到 完成模态框的操作，才能返回到主流程中去，这个操作很明确，不会被误解； 非模态框：一般没有那一层蒙板，不会影响所 属的主流程，也不用担心原有进度会停止，仍然可以持续操作。即打开非模态也能看见底层的主流程。
概述 模态or 非模态，统称为弹窗。样式上可以理解为类似卡片，能够帮助用户快速定位获取关键 信息和进行操作，它的内容是灵活的，一般情况下包含文字、图标、按钮。弹窗的设计是给用户传递与当前场景需要的操作相关的内容。p
场景使用 会根据业务的需要、场景要求，衍生出其他类多种形态。大多情况下先对弹窗分类，再对应到场景中使用。而实际上产品设计会从实际业务出发，从使用方式考虑，倒推来使用什么样的弹窗符合要求。 基本设计原则 层次要分明，突出重点 遵循基本的界面设计原则，在多种场景下通过信息分层、字体的粗细、大小等方式展现出明显的视觉层次，结合业务场景需要再按照阅读顺序惯例来布局，标题使用对象的名宇。目的是帮助用户聚焦每个关键信息上。
制打断用户当前流程的 部分功能需要用户打断去确认操作或是可能会造成比较危险的，不常用的，那么就需要改变用户操作焦点，将用户的注意力从原来流程中 拎出来，那么这个时候需要一个方式隔离原有流程和需要当前操作的内容，模态框就是比较适用的。 叠加在系统窗口的弹出式窗口，弹框以对话的方式让用户参与进来，以对话的方式与用户产生交互操作。 操作反馈提示类 1.成功和失败 对于某个模块的层级过深的功能操作反馈，需要在提交之后的结果反馈中提供辅助导航返回到初始功能页面。
2.确认型弹窗 在简单的业务场景中，只需要用户进行确认的“确认”或^取消”等案例。一般情況下应用在对内容的提交、修改，在内容详情页里的删除 操作，表格的批量删除等 样式：标题（以所厲对象作为标题）十文案（对对象的解释说明） +操作按钮。
3.操作型弹窗 在复杂的业务场景中，需要用户进行数据输入一系列操作。一般会有新建内容（新建内容很多的就需要用新页面，弹窗有限空间满足不了大容量的数据输入）、查看详情 (内容多需要新页面展示）、详情编辑。 有部分场景下，新建内容和编辑内容是重合的。 一般样式：标题＋数据输入组件＋操作按钮。
复杂样式：标题＋数据输入和数据展示组合控件+操作按钮
4•组合型弹窗（堆叠弹窗） 特殊复杂业务中，单层模态框不能满足实际业务的需要，考虑弹窗的 容量大小以及主次用户类别使用的情况下，会使用堆叠弹窗，在有限的条件下，能做的就是尽量将弹窗分层次。
弹窗出现不打断用户原有流程的 在实际操作的过程中，常见的错误提示、部分晦涩难懂或专业的术语、对功能组件的描述解释、小模块里的操作反馈、全文本展示，只会在用户不明白用途的情况下，告知用户，但不能妨碍用户阅读或是操作。
