交互组件「弹窗」设计规范（一）

今天给大家总结一下交互组件「弹窗」的设计规范，首先我们来看看弹窗的重要性以及一些设计要点。

一、说明

弹窗常用于中断用户当前操作对其作出补充，或中断用户当前操作对其作出反馈；其价值在于提示重点内容，完成业务流程的简单必要操作或给用户提供实时反馈。

弹窗的使用一定要克制，它带来视觉上的中断，打扰用户完成业务流程；再加上弹窗视觉面积较小，承载信息有限，应当尽量减少弹窗使用。

二、示例
三、设计要点

1. 注意通用原则

尽量减少使用：如要使用则一定要控制好频率、节点，控制好弹出的位置和大小；思考是否可以使用吸底、吸顶等形态的通知栏（snackbar）来替代，一定不要多层弹窗堆叠。

信息有效触达：信息类型上有文字、插图等，组织时从信息关联性、重要性、连续性等特性出发；通过背景分块、字体、字号、粗细的区别来实现，有时候甚至可以辅以局部微动效。

尊重用户使用习惯：比如：提供弹窗关闭按钮，作为安全措施；同时，提供体现便捷的交互手段，比如：点击蒙层区域隐藏弹窗、弹窗自动隐藏等。

重视氛围和体验：弹窗有很多中业务使用场景，针对有营销性质的弹窗，比如：应用欢迎弹窗、应用更新引导、重要活动通知、营销活动节点等；要通过插图、局部微动效等手段来打造体感。

设计要点除了注意通用原则，还要明确弹窗类型，下篇文章将详细给大家讲讲弹窗的一些类型。继续去看看吧！

以上就是“交互组件「弹窗」设计规范（一）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。