编辑导语：弹出窗口是产品向用户传递信息的形式之一。那么，你知道什么时候应该使用模态弹出窗口吗？这就需要设计师对模式这个概念有清晰的认识和体验。在这篇文章中，作者解读了模态的定义和模态弹出的应用，我们来看看。

最近在项目评审的时候，无意中发现很多设计师喜欢用弹窗的形式向用户传达一些重要的信息，自己也说不清设计依据是什么，完全依靠自己的设计直觉来运用模态技术。但是这种半生不熟的设计直觉到底对不对，模态设计形式的存在是为了屏蔽用户的任务还是其他目的，今天就来说一下。

1."弹出& quot是一个狂野的概念。不知道设计师在日常工作中会不会用它来和其他岗位的同事交流。其实本质上「弹窗」是对产品当中弹出信息的笼统叫法，是一种形而上学的概念。在主要的设计语言中找不到这个概念的定义。一些组件样式，如& quot弹出泡泡卡& quot，& quot警报-报警对话框& quot和& quot动作表-动作菜单& quot会被大家在日常工作中调用。

二，互动的概念& quot模式& quot1.& quot的定义模式& quot来自iOS是一种设计手法。它以临时形式显示内容，需要清除操作才能退出。其主要目的有两个：

帮助用户专注于一个独立任务或一组相关选项。确保用户接收到重要信息，并在必要时确保操作正确。2。& quot的定义模式& quotfrom Fluent是一个临时弹出窗口，它将用户的焦点从当前任务上移开，迫使用户与弹出窗口中的信息进行交互。

3.合理定义「模态」是强制用户完成某种任务的交互设计技巧，。它的承载形式可以是一些组件，如& quot泡泡卡& quot，& quot警报对话框& quot和& quot动作表动作菜单& quot。

需要注意是「模态」的目的是让你用户聚焦当前信息，而不是阻断或者中断当前任务。

三，互动的概念& quot模式窗口系统通过创建子窗口来禁用主窗口，这样用户可以专注于子窗口的信息，同时必须与子窗口进行交互才能返回到父应用程序的一种交互模式。

特别注意：

在用户界面设计中，模态窗口是从属于应用程序主窗口的。和是否有灯箱效果，是否出现在屏幕中心等一切条件都是外在形式，与其是不是「模态窗口」并无直接关系。四世。模态窗口根据上文「模态窗口」具有从属关系的原因，直接造成它也有起作用的范围。的作用范围因为手机app都是单线程应用，所以现在很多初级设计师潜意识里认为模态窗口是全局工作的。如果他们做过桌面产品，他们会清楚地明白，模态窗口只对其父应用的主窗口起作用，只有系统级模态窗口才会全局起作用。

动词（verb的缩写）注意模态窗口的设计在这一点上，学生应该对什么时候使用模态窗口有一个大致的了解。剩下的问题是& quot应该怎么设计？"

1.尽量减少使用模式，哈哈哈！「模态窗口」使用注意点第一条就是尽量减少使用模态。，因为人们通常更喜欢以非线性的方式与产品互动。只有当你需要吸引一些重要的场景，比如& quot特别注意& quot，& quot必须完成& quot和& quot放弃任务& quot。

2.显示关闭按钮总是在窗口的顶部显示关闭按钮(或者取消/放弃/最小化/…)。当用户迷路时，他可以很容易地关闭模态窗口，返回到父应用程序的主窗口，继续当前的任务。

3.留下报警说明和解决方案。当「模态窗口」属于报警类型时，需要在窗口信息中留下“为什么会造成报警的原因”以及“如何解除报警的方法”，提供的信息应该让用户容易理解，以免一次又一次地惹恼用户。

4.保持模态任务简单，简短，集中在1）尽量让「模态窗口」的任务简捷。.

2）用户可能会在操作模态信息时忽略他们暂停的任务，所以在视觉设计上，要将「模态窗口」与「主窗口」做出层次结构，例如用灯箱效果。

3）如果任务太复杂，全屏模态体验可以最大限度地让用户减少干扰，尽可能快速完成模态任务。