Notice 提示

系统主动推送给用户的消息。

  • 设计
  • 文档
  • Design Token

简介

提示 Notice 是用作信息通知的控件。它包含有关对象或状态的信息,可以嵌入到对象或页面的详细信息区域中,给出用户下一步的行动点。

基本构成

forms 01

图标(A)通知文案(B)操作按钮(C)容器(D)关闭按钮(E)
可选可选可选

A.图标(可选)

主要用来表示提示的重要程度,其色值与背景颜色配套使用,U-Design预设部分图标,用户也可以根据自己的需求自定义。

B.通知文案

有关对象或状态的描述信息。使用时可根据场景需求,在文案内添加超链接。

C.操作按钮(可选)

如果需要引导用户执行下一步操作的时候,如:查看下一条通知,则可以根据需求自定义操作按钮。

D.容器

E.关闭按钮(可选)

根据提示的属性,可选择是否可以关闭。

基本状态

U-Design预设了五种语义类型:默认、成功、警告、报错、不可用。

states 01

设计说明

信息类组件的触发场景存在于用户之间以及系统和用户之间。通知组件的设计选择需要根据具体的场景来定,一些重要性极低的信息,可以采取 徽标数 Badge的形式进行弱提示,对用户当前的操作,几乎无干扰;但是一些重要性极高的信息,需要用户立即关注并采取措施的信息,可以采取 弹窗 Modal进行页面级独占式的通知。

descriptions 01

相关文档

  1. Badge 徽标数
  2. PopConfirm 气泡确认框
  3. Modal 弹窗
Copyright © 2021-2022 UCloud 优刻得科技股份有限公司