常见的B端弹窗样式设计总结

B 端产品的业务场景通常比 C 端更为复杂，因此在进行产品设计时对信息的处理方式也需要根据不同的业务场景进行设计。今天主要聊一下 B 端产品设计中弹窗设计。

弹窗的定义

弹窗是展现在用户操作界面之上的容器，在 X 轴和 Y 轴的平行空间之上扩展了页面的高度。是系统与用户之间建立联系非常重要的组成部分。它通常在用户进行特定操作或访问特定页面功能时弹出，目的是向用户展示某些信息、提供选择或执行某些操作。

弹窗使用场景

总体概括为简单和复杂两个场景。

一、场景简单

场景简单包括：全局提示、气泡确认框、警告提示、通知提醒框，通常是操作确认和系统内部自动触发性提示时使用。

1. 全局提示

以 toast 提示居多，通常在页面中间偏上的位置。

2. 气泡提示

用于解释难理解的功能名词或者由于版面限制文字展示不完，利用气泡来展示。

3. 警告提示

用于重点内容的警告提醒，降低用户犯错概率，提升用户的使用体验。

4. 提示性通知弹窗：

位置相对固定，通常出现在需要介绍说明的功能旁边或者居页面中间展示。

例如，当系统发生重要更新维护或者重点功能引导时，可以显示一个提示性通知弹窗，告知用户当前状态。

类型主要包括以下三种：

举例：

有赞后台页面

二、场景复杂

1. 场景复杂｜全屏弹窗

新开页签（浏览器

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。

作者：西城门设计
链接：https://www.zcool.com.cn/article/ZMTYyMDI5Ng==.html
来源：站酷
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

分享本文至：

蓝蓝设计的小编 http://www.lanlanwork.com