APP弹窗分类总结

需求来的时候，东加一点西加一点，最后导致系统里有各种各样的样式，所以在前期设计的时候就需要逐步完善设计规范，后期迭代使用相应的组件，减少开发成本。同样，弹窗也分多种。像Toast，tips，还有各类弹窗等是我们常常挂在嘴边的，使用场景也是模模糊糊的大概。

在这阶段项目的尾声做个弹窗类的总结，完善下自己的知识体系。在搜集了些资料后，按照自己的理解从是否打断用户操作角度做分类。

模态弹窗：让用户必须对其进行操作，否则弹窗不会消失，同时其他无关操作不可进行。

非模态弹窗：告知用户信息，不需要强制操作，在设定好的时间后自动消失。

弹窗分类

1.Dialog/Alerts对话框

① 系统对话弹窗：常见于应用内，影响较大且需要用户做出选择时弹出。与平台相关的重大事件等，以及应用版本升级等。如：公司上市；C轮融资；版本升级告知等。

② 活动广告类：渠道/市场主推的各类活动，需要让用户知晓的，可自行关闭与跳转至相应的活动页面。

③ 形式自定义类：通常系统的弹窗，对用户的友好程度较弱，大多数app会自定义自己的通用样式，更具平台特色或者美观度较好。

Dialog/Alerts对话框

2.Actionbar功能框

Actionbar比Dialog展示的功能操作按钮更多，底部有一个默认的“取消”按钮。点击“取消”或者弹窗以外的区域，可关闭弹窗。

Actionbar功能框

3.Toast/Hub

用来做操作反馈或者信息提醒。由一句简短的文案提示，如“操作成功！”或者图文配合的形式，通常位于界面的中间，顶部或者底部。一定时间无操作后自动消失。

toast

4.Tips提示条

置于页面顶部，提示重要信息且不影响浏览。多伴有出场/入场等效果，加强提示性效果。

5.Snackbar

由信息内容与一个功能按钮组成(/仅信息内容无操作按钮)，拥有toast的属性，一定时间无操作后自动消失，位于界面底部/顶部。但所占面积较大，会使界面拥挤，应用内使用频率较低。

snackbar

这次总结就到这里啦，欢迎指正～