提示与状态 · 16 个词条
从页面中间弹出来的窗口,背后压一层暗色遮罩,不处理它就别想干别的。
从屏幕边缘滑出来的一大块面板,像拉开抽屉,常用来放详情或筛选。
操作成功后飘出来的小纸条,两三秒自己消失,不用你动手关。
比轻提示更正式的消息卡片,常停在角落等你处理,有的还能点进去看详情。
页面里一条常驻的彩色提示条,黄底警告、红底报错,不消失直到问题解决。
鼠标悬停在图标上时冒出的一小条黑底白字,解释这玩意儿是干嘛的。
点某个元素后贴着它弹出的小卡片,能放表单和列表,点别处就关掉。
一条从左往右慢慢填满的横条,配上百分比,告诉你这事干到哪了。
一个不停打转的小圆圈,表示正在加载请稍等,但说不清还要多久。
内容没加载完时先摆出灰色轮廓块,样子像最终页面,减少干等的焦虑。
设计者 @jane
鼠标悬停在名字或头像上一小会儿,浮出一张带详细信息的小卡片,移开就收。
一个圆环慢慢描满,表示进度走到百分之几,常在中间配个数字。
弹窗出现时垫在后面的半透明黑层,把背景压暗,让你只看眼前的弹窗。
选择分享方式
从屏幕边缘贴着滑出来的一块面板,常见的是从底部升起,比居中弹窗更轻一些。
需求文档
点击右侧删除
比弹窗更轻的一层确认提示,贴着按钮或操作点出现,适合删除、移除这类小范围确认。
支付成功
订单已创建,可以继续查看详情。
在操作完成后给出清晰结果状态的页面或模块,通常用于成功、失败、空结果、无权限这类场景。