声波可视化
12 根律动声柱实时映射音量包络，60px 波形高度由 CSS 变量控制，无需画布也能传达「正在收音」。
Style No.63 · Voice-First Multimodal
开口即达，界面退后
以语音为第一交互通道：声波可视化替代按钮堆叠，聆听脉冲、处理转圈、播报动画三种状态一目了然，冷静中性色让注意力回到对话本身。
聆听中 · 请讲
- 类别通用风格
- 年代2025+ 语音时代
- 复杂度中等
- 最适合语音助手 · 免提工具 · 车载与智能家居
风格特性
视觉只做一件事：把「听、想、说」三个不可见的过程翻译成可见的状态反馈。
状态即反馈
聆听时向外扩散 1.5s 脉冲环，处理时收敛为转圈指示，播报时波形转为绿色高振幅，全程无需文字说明。
多模态协同
语音、触控与视觉同频工作：极简外壳保留大号触控目标与文字转写区，嘈杂环境下随时切换输入方式。
按钮与控件
控件遵循冷静中性的低饱和体系，仅在状态反馈处使用语义色。
表单示例
当语音不便时，表单是可靠的回退通道；焦点环使用深蓝确保键盘导航清晰。
配色板
柔白底色与雾蓝、淡紫构成冷静基调，绿色仅用于「正在播报」的语义反馈。
#FAFAFA柔白底色#6B8FAF聆听雾蓝#9B8FBB语音淡紫#22C55E播报绿#26313D正文墨色
字体级阶
听见，然后回应
状态反馈优先于装饰
正文使用 Inter，16px、1.65 倍行高；转写文本逐句浮现，长段落依旧保持舒适的阅读节奏。
Listening / Processing / Speaking