UI 组件 L3 · 部件与子结构 / Message
Message
提供可理解上下文的消息正文
Identity · 身份
- 子类型
- 部件
- 父级类目
- Alert、Confirmation Popover、Live Region、Toggletip、Alert Dialog、Callout、Comment Thread、Contextual Help、Disclosure Group、Discussion Thread、Inline Alert、List View、Progress Tracker、Result Panel、Upload Queue、File Drop Area、Account / Profile、Changelog Page、Checkout Flow、Community Page、Confirmation Page、Contact / Lead Page、Conversation Page、CRUD Management、Documentation Shell、Email Verification、Error Page、Event Registration Flow、Feed / Stream Page、File Browser、Inbox、Job Listing Page、Master–Detail Workspace、Media Gallery Page、MFA / Verification、Notification Center Page、Password Reset、Pricing & Plan Selection、Product Detail Page、Resource Directory、Search Results Page、Settings Page、Shopping Cart
What · 是什么
- 定义
- 提供可理解上下文的消息正文
- 组成与状态
- 语义容器、可见内容、交互入口、辅助说明和状态反馈(按组件取舍)。
Why · 为什么
- 作用
- 提供可理解上下文的消息正文
Where · 在哪里
- 适用场景
- Web 界面设计
How · 怎么做
- 检查清单
- 命名清晰;与父组件语义关联;覆盖键盘和读屏;处理空、错误、加载和禁用状态;验证响应式行为。
Lifecycle · 生命周期
- 状态
- 启用
所属单一组件、复合组件或页面模式
关系来自本地关系表,并包含反向关联。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- AlertAlert属于
在当前上下文中提示重要信息、风险或结果的结构
- Alert DialogAlert Dialog属于
要求用户确认、处理或理解高影响信息的模态警示对话框。
- CalloutCallout属于
用显著的视觉容器强调补充信息、解释或行动建议。
- Comment ThreadComment Thread属于
以层级、作者、时间和回复动作组织评论讨论。
- Confirmation PopoverConfirmation Popover属于
在原地确认危险或不可逆操作,避免完整模态打断。
- Contextual HelpContextual Help属于
在不打断主要流程的情况下提供字段或任务上下文帮助。
- Disclosure GroupDisclosure Group属于
把多个可展开的说明、细节或相关内容组织成组。
- Discussion ThreadDiscussion Thread属于
在对象上下文中组织多轮讨论、状态和参与者。
- File Drop AreaFile Drop Area属于
提供拖拽、选择、预览和移除文件的上传入口。
- Inline AlertInline Alert属于
在当前内容上下文中报告重要提醒、错误或状态变化。
- List ViewList View属于
以可排序、选择、分页或虚拟化方式展示一组对象。
- Live RegionLive Region属于
为异步变化、通知和状态更新提供辅助技术可感知的消息区域。
- Progress TrackerProgress Tracker属于
用步骤、状态和完成度表达长任务或流程进展。
- Result PanelResult Panel属于
在操作或查询完成后集中呈现结果、解释和后续动作。
- ToggletipToggletip属于
通过点击或聚焦触发、可被关闭的短提示浮层。
- Upload QueueUpload Queue属于
管理多文件上传的队列、进度、错误、重试和取消。
- Account / ProfileAccount / Profile属于
查看和管理个人资料、偏好、凭证与账户动作的页面。
- Changelog PageChangelog Page属于
按版本、日期和主题呈现产品更新及影响的页面。
- Checkout FlowCheckout Flow属于
从购物车、地址、支付到确认的交易完成流程。
- Community PageCommunity Page属于
围绕成员、讨论、活动和参与动作构建的社区页面。
- Confirmation PageConfirmation Page属于
在任务、交易或提交完成后总结结果并提供后续动作的页面。
- Contact / Lead PageContact / Lead Page属于
收集联系信息、需求和来源并完成转化的页面。
- Conversation PageConversation Page属于
围绕对话消息、参与者、输入和上下文组织的交流页面。
- CRUD ManagementCRUD Management属于
围绕创建、读取、编辑、删除和批量管理对象的后台页面模式。
- Documentation ShellDocumentation Shell属于
以侧边导航、正文、目录、版本和搜索组成的文档阅读模板。
- Email VerificationEmail Verification属于
确认邮箱地址并处理过期、重发和成功状态的流程。
- Error PageError Page属于
在路由、权限、服务器或内容不可用时提供解释和恢复入口的页面。
- Event Registration FlowEvent Registration Flow属于
从活动信息、报名、支付/确认到提醒的事件参与流程。
- Feed / Stream PageFeed / Stream Page属于
按时间、相关性或状态连续呈现内容、活动或更新的页面。
- File BrowserFile Browser属于
浏览、搜索、排序、选择和管理文件与文件夹的工作区页面。
- InboxInbox属于
以列表、详情、筛选、已读状态和批量操作处理消息或任务的工作区。
- Job Listing PageJob Listing Page属于
按筛选和详情浏览职位并启动申请的招聘页面。
- Master–Detail WorkspaceMaster–Detail Workspace属于
左侧集合/列表与右侧详情/编辑区联动的工作台布局。
- Media Gallery PageMedia Gallery Page属于
以网格、筛选、预览和详情查看媒体资产的页面。
- MFA / VerificationMFA / Verification属于
通过一次性密码、设备或其他因子完成身份确认的流程。
- Notification Center PageNotification Center Page属于
聚合通知、筛选、已读和跳转动作的页面级模式。
- Password ResetPassword Reset属于
帮助用户安全找回或重设凭证的页面流程。
- Pricing & Plan SelectionPricing & Plan Selection属于
比较方案、解释权益并引导选择或开始订阅的页面流程。
- Product Detail PageProduct Detail Page属于
围绕一个产品或对象组织媒体、属性、证明、价格和操作的页面。
- Resource DirectoryResource Directory属于
用筛选、分类和卡片/列表组织资源、案例或下载内容的目录页面。
- Search Results PageSearch Results Page属于
搜索、筛选、排序、分页和结果反馈组成的发现型页面。
- Settings PageSettings Page属于
按领域组织偏好、权限、账户和系统设置的管理页面。
- Shopping CartShopping Cart属于
管理待购买商品、数量、价格、优惠和下一步结算动作的页面。