APP弹窗设计类型有哪些？

更新时间：2023-11-06 21:07:30

APP 弹窗设计是我们在整个 APP 设计中的一个必不可少的设计元素。他可以传递给用户一些信息，指引用户顺畅的进行下一步的操作，提示用户当前操作会产生的结果，给予用户操作反馈等等，他可以透过屏幕实现用户与产品的对话，也是产品与用户之间的沟通桥梁。APP 弹窗设计有很多个类型，有的会强制用户进行下一步操作，有的则不会，只是起到一个提示作用，根据是否需要强制用户操作，APP 弹窗设计分为了模态弹窗和非模态弹窗 2 个大类。不同的 APP 弹窗设计类型会有不同的设计原则，今天我们就带大家认识一下 APP 弹窗设计及 APP 弹窗设计的类型有哪些，干货多多，一起来看！

点击图片即可获取更多APP弹窗设计资源👆

1、模态弹窗

模态弹窗是需要强制用户进行下一步操作，是强交互的一种 APP 弹窗设计形式。模态弹窗设计会打断用户当前的操作行为，传递给用户一些信息，包括警告框、动作菜单、气泡、引导框等。用户必须要对其进行操作回应，才能继续进行后续的产品使用流程。

1、警告框或对话框（Dialog/Alerts）

警告框和对话框是比较明显的模态弹窗形式，也是 APP 弹窗设计中经常会出现的一种类型，我们在使用 APP 时也经常会用到这种 APP 弹窗，他给到用户的一般都是重要的信息，可能会影响用户整个产品使用过程的走向，因此他对于用户的强制性是非常明显的，一定是需要用户进行操作才能进入到下一个流程的。

由于他是要传递给用户非常重要的信息的，所以他的位置一定要在用户能够一眼看到的、整个 APP 界面中最显眼的位置上，就是中间的 C 位。也因为他特殊的 APP 弹窗设计的性质，所以警告框或对话框在整个 APP 弹窗设计中的数量一定不要太多，不然会很容易引起用户反感。整个 APP 弹窗设计的文字也不宜过多过密，要尽量简洁直达重点。

2、动作菜单及视图菜单（Action Sheet/Action View）

动作菜单或视图菜单这一类就是我们使用 APP 时比较常见的那种 “选择题”，是在我们进行到每一个特定的步骤后触发的 APP 弹窗设计，一般会提供 2-3 个选项供我们选择。

这种 APP 弹窗设计的强制操作性不是很强，但也会有，我们点开了这个动作菜单就可能需要进行选择，但是也会有撤回操作功能。他一般是在屏幕中心弹出，或者是屏幕页面底部弹出，不太固定。

3、气泡及引导框（Popover/Tips）

气泡或引导框这一类 APP 弹窗设计差不多属于是整个设计的浮层区，他不会对页面产生什么大的不可逆的影响，很少会强制用户进行操作。一般是用于快捷功能的展开及收起，去往下一个步骤的引导性操作等。

2、非模态弹窗

非模态弹窗是不需要强制用户进行下一步操作的，他是一种弱交互形式的 APP 弹窗设计类型。一般是给用户一些操作提示，用户可以选择忽略不看或者进行按需一部分操作，主要包括提示框、底部弹窗、顶部弹窗等。非模态弹窗是不会打断用户当前的操作行为，用户掌握着产品使用的主动权。

1、提示框（Toast）

提示框就是在用户使用过程中产生的一些提示性的信息的 APP 弹窗设计，用户看完是可以直接手动叉掉的，也有的会直接给这种提示框的出现时间进行设定，到时间后会自己自动关闭。常见的这种 APP 弹窗设计有正在刷新中、已完成、添加成功等等，最近双 11 购物节大家都加购物车，把商品加入到购物车后，就会有添加购物车成功的提示信息，他不需要我们关闭它，几秒钟之后就会自己消失。

由于他出现的时间一般只有几秒钟，所以内容不宜过多，要简单、通俗易懂最好。提示框在整个 APP 弹窗设计的具体位置的话就不太固定了，在中间比较常见，最容易让用户看见，也有的会设置在顶部、底部、侧边等多个位置。

2、底部弹窗及顶部弹窗（Snackbar）

底部弹窗和提示框也差不多，他一般出现在页面偏下面或上面的位置，不是什么特别重要的内容，最多也就是告知用户一些信息，或者不太重要的功能引导，用户依然是可以操作的，不会受到什么大的影响。

以上就是关于 APP 弹窗设计类型有哪些的详细内容介绍啦，今天按照是否会强制用户进行操作给大家介绍了 2 大类的 APP 弹窗设计，分别是模态弹窗和非模态弹窗，还对他们之间的设计原则、布局等进行了一定的介绍。相信你看完这篇文章一定已经对 APP 弹窗设计的知识有了更多更深刻的了解，可以试着做一些 APP 弹窗设计的作品，检验一下自己的学习成果。如果当前的你不知道哪个弹窗设计工具好用，可以试试即时设计，他是一个非常专业的 UI/UX 设计工具，可以帮助我们制作多种多样的高质量 APP 弹窗设计作品，还有很多风格类型的 APP 弹窗设计资源等我们发现。希望今天的内容能对你在 APP 弹窗设计的知识上有所帮助。

点击图片即刻进入即时设计👇