语音状态指示器

语音输入指示器将用户的音频输入转化为可见的反馈。

Glimmer 语音状态指示器

设计原则

反馈清晰:立即让用户知道麦克风正在接收输入。

风格一致:所有指示器应共享一致的核心视觉语言,让用户立即认出。

使用与布局

语音输入指示器显示应用是否正在使用麦克风。它只负责呈现状态,不负责控制麦克风。

带底板和不带底板的两种指示器都可以独立使用,无需依附于卡片等其他界面底板。

在卡片或按钮上使用不带底板的指示器。
建议:在卡片或按钮上使用不带底板的指示器。
在有色底板上叠加自带底板的指示器。
避免:在有色底板上叠加自带底板的指示器。

放在卡片中时

一至两行内容的卡片中,指示器垂直居中

卡片只有 1 或 2 行内容时,应将语音输入指示器垂直居中对齐。

两行或更多内容的卡片中,指示器位于右上角

卡片有 2 行或更多内容时,应将语音输入指示器固定在卡片右上角。

让指示器颜色与应用的品牌主色一致。
建议:让指示器颜色与应用的品牌主色一致。
红色语音指示器的使用提醒
注意:将红色用于语音输入指示器;红色保留给系统级警告,除非品牌色为红色。

组件构成

带底板和不带底板的语音状态指示器
语音状态指示器提供带底板和不带底板两种形式。

自定义

可以根据放置位置与品牌风格,自定义语音指示器是否显示底板以及所用颜色。

属性可自定义默认值
显示底板是False(不显示)
颜色是Primary