UI设计中的弹窗设计素材,技巧快get起来

弹窗

弹窗是指打开网页、软件、手机APP等的时候自动弹出的窗口。(百度百科)

弹窗作用

(1)中断用户当前操作,对其作出补充

(2)中断用户当前操作,对其作出反馈

弹窗类型

(1)模态弹窗

(2)非模态弹窗

UI界面中最常见的模态弹窗。

在iOS与Material Design中分别称作Alert(警告框)与Dialog(对话框)

常用于提示告知及操作的二次确认。

位于界面中间

UI设计中的弹窗设计素材,技巧快get起来

真棒弹出卡

UI设计中的弹窗设计素材,技巧快get起来

弹出

UI设计中的弹窗设计素材,技巧快get起来

弹出/复盖页

二、浮出层(Popover)

 

模态弹窗。

用户点击某个功能或区域出现的临时视图,通常包含一个指向它出现位置的箭头,且浮出层一般位于入口下方。

一般位于界面顶部。通常会伴随阴影衬底或者半透明的遮罩。

 

UI设计中的弹窗设计素材,技巧快get起来

浮动过滤按钮

UI设计中的弹窗设计素材,技巧快get起来

浮动通知键

三、 操作栏(Actionbar)

 

操作栏(Actionbar)

——操作列表(Aciton Sheet)、活动视图(Acitivity View)

 

模态弹窗。也称底部动作条。

用户点击某个功能后出现。

UI设计中的弹窗设计素材,技巧快get起来

照片应用[免费赠品

UI设计中的弹窗设计素材,技巧快get起来

照片应用 - 扩展[免费赠品]

更多UI优秀素材到搜UI(SOOUI) 根据需求搜索关键词!