网页设计中弹出窗口 第1篇
当你需要帮助用户完成一个清晰、具体的任务，或者在不丢失之前的上下文的情况下获得背景信息时，浮层是合适的。
浮层中的操作应该简单明了。值得注意的是，在一些应用中，浮层会用到复杂场景中，但这很少会有好的效果。
三、对话框
为了理解对话框的本质，我们来类比一下真实的对话。对话框就像是两个人之间的对话，在用户界面中，对话框是系统和用户之间的“对话”。
当对话框出现时，它会打断所有程序内的功能，并保持在屏幕上，直到其他必要的操作完成。然而，在许多应用中，这个元素经常被用来展示促销信息。
这个做法起源于网页设计，在那个场景下经常使用弹出窗口。
例如，在雅虎金融应用中，使用对话框来代替欢迎信息。虽然这种选择，对应用来说似乎也合理，但用别的形式可能对用户来说会更友好一些。在Instagram中，能看到一个经典意义上的对话框，很符合这个控件的使用标准。
dialog示例
网页设计中弹出窗口 第2篇
Dialog (alert, action sheet, pop-up)
根据不同的操作系统，这个元素会有不同的名称。在iOS系统中，弹窗（alert，）被用关键信息提醒，警告。浮层（Action sheets，）是当你提供2个或多个选择时会用到的控件。
在Android中，针对所有的情况简单统称为对话框（dialog，）。除此之外，你也还能看到各种各样自定义的对话框。
一些在 iOS 和Android 应用中对话框的例子
网页设计中弹出窗口 第3篇
SnackBar是 Android Support Library 里面新增提供的一个控件,我们可以简单的把它理解成一个加强版的Toast，或者是一个轻量级的Dialog。
它们都是一种轻量的弹窗形式，里面包含了简短的文本提示。这些信息会短暂显示，然后自动消失。
根据Material Design Guidelines，建议toasts出现在顶部，而snackbar出现在屏幕的底部。不过在实际设计中，也不总是遵循这一点，后面会进一步研究。
snackbar 在 iOS 和 Android 应用中的例子
二、深入细节
现在我们已经明确了它们的定义，接下来我们再来详细拆解它们的细节设计。