什么是弹窗 

弹窗的含义

弹框就是我们常见的对话框，是让用户中断用户当前操作，并对其进行引导的一种交互形式。

弹框使用有利有弊，首先它可以立即引起用户的注意，但是它也打扰了用户当下的操作，会让用户产生一种挫顿感。所以在日常设计中我们要谨慎使用弹框，那么了解弹框就更加重要，我们只有充分了解它的特性和种类，才能在不同场景下使用最好的弹框形式，更用户更好地使用体验。

弹窗的种类

弹框主要分为模态弹窗和非模态弹窗。

模态弹窗：用户必须作出回应，否则无法进行下一步操作

其中模态弹窗包括：对话框（Dialog）浮层（Popover/Popup）和功能框（Actionbar）

非模态弹窗：用户无需作出回应，它会停留片刻后消失，是一种轻量级的反馈机制。

非模态弹窗包括：提示框Toast，提示条和Snackbar。

模态弹窗场景

模态弹窗在使用中可以很好的聚集用户的焦点，但同时会打断用户当前的操作流程，用户必须对其进行操作才可以继续下一步。

一.Dialog—对话框

 Dialog 可以用于让用户了解问题，以便于他们做出一个进行确认的动作，或者是警示用户，解释 接下来的动作的重要性及后果。

四种样式应用于不同的场景

第一种纯文本：用于对功能性的传递，一般都是直接做成组建供开发使用，无需单次设计。

第二种带操作行为：用于快速引导用户录入信息，减少页面跳转，降低行为强度

第三种带图片：用于引导用户操作，用图片来弱化行为引导的强制性，减低用户的反感度。

第四种纯图片：用于运营活动的推广，给活动宣传，带用户量。

A.第一种纯文本

纯文本一般用于用于对功能性的传递，比如产品规则，确认，授权等场景，一般都是直接做成组建供开发使用，无需单次设计。 B.第二种文字带输入

文字带输入一般用于输入少量信息，不必要进行页面跳转的情况。C.第三种带图片

用于引导用户操作，加入情感化元素，用图片来弱化行为引导的强制性，减低用户的反感度。通常在评分反馈，运营活动，等场景下使用

D.第四种纯图片

纯图片形式主要用于运营活动的宣传二.Actionbar

Actionbar是对话弹窗的一个加强版，比Dialog具有更多的选择功能，常出现得位置为屏幕的下方，而且会有一个默认的“取消”按钮。  

Popover通常是由用户点击控件后或者界面某区域浮出的半透明的临时视图。具有很强的指向型。建议常使用在多功能且单一的选项。

非模态弹窗

1.Toast

是安卓系统的一个控件名词，现在也应用于iOS系统中。Toast属于一种轻量级的反馈，区域小，时间短，可以快速告诉用户信息，又不会太打扰用户，不需要用户操作，但是也不适合承载太过复杂的信息。

2.Tips-提示条

提示条通常出现在屏幕顶部，常用语提示一些新的消息，类似通知。它和页面为同一个层级。

3.Snackbar

这种Snackbar一般在安卓中出现，主要是由文字和功能按钮组成的，和Toast的区别就是用户可以点击按钮进行交互。

后记

以上是所有对弹框的分类整理，只有更好的了解弹框本身的意义和目的，才能更好地在设计中作出更符合场景和目的的设计，知其然更要知其所以然，用理性的思维和感性的审美才能做出优秀的设计作品。

Powered by Froala Editor