弹窗在设计中运用的非常广泛,设计师都会使用弹窗,但对于弹窗背后的分类及运用可能还不是特别了解,相信大家看完可以对弹窗的认识更明确,做设计规范的时候也能有自己的想法x.b.a.i.x.i.n.g.c.o.m。
现在的弹窗分为两种,一种是模态弹窗(重提示),一种是非模态弹窗(轻提示)。
模态弹窗;对话框是我们常用的弹窗,它通常出现在页面的中间,对话框/警示框的类别非常多,对用户的干扰比较大原文www.xbaixing.com。前面之所以说模态弹窗是一种重提示,是因为它需要用户主动触发选择才可以继续当前的操作。
① 信息-选择确定
特点:这类弹窗通常是一些系统功能的授权、版本更新、消息通知、重要提示等,通常只有1~3个主按钮,只需要用户进行简单的选择小百姓网www.xbaixing.com。
② 信息-输入勾选
特点:这类弹窗通常是输入一些比较少的信息或者勾选信息,常用于备注输入、规格选择、分组选择等,通常只有确定和取消两个按钮。
③ 信息-传达展示
特点:这类弹窗通常是一些广告、红包优惠、节日活动等一些运营类弹窗,主要是吸引用户点击及参加活动,这类运营弹窗通常会设计的比较吸引人,造型各异,会突出领取、查看等大按钮,弱化关闭按钮x_b_a_i_x_i_n_g_c_o_m。
非模态弹窗:它们都属于一种轻提示,给予用户及时反馈,让用户知道自己当前所处的状态。
① 状态提示
特点:状态提示的TOAST,它们一般都是反馈用户当前操作的状态,只出现1到2秒就会自动消失,场景一般是关注成功、密码错误、音量提示、静音、清除缓存等x~b~a~i~x~i~n~g~c~o~m。
② 按键提示
特点:按键TOAST提示与状态提示不同,它们一般自动出现或者点击触发才会出现,用于对功能点的补充说明,让用户对功能有更深的了解。
规范总结
目前的弹窗样式非常多,你能想到的,你想不到的基本都可以技术实现原文www.xbaixing.com。但这同时也带来一个问题,那就是“不规范”。以上提到的弹窗种类,你只需要选择符合你产品要求的几个类型,最好不要在一个产品中运用多个同种类型的弹窗,否则后期会很难规范及组件化,当然运营广告类弹窗可以另当别论www.xbaixing.com小百姓网。
欢迎访问,开始愉快的合作!


