39. 🤖 AI界面设计模式 AI-powered UI Patterns ★★★★☆

🌏 Web 网页规范

  • 文本 Markdown 格式流式打字渲染与自适应滚动
  • Prompt 引导词快捷芯片与参数控制滑条
  • 大模型回答不确定性 (Confidence) 置信区间提示

📱 App 移动端规范

  • AI 语音悬浮波动气泡与多模态相机识别入口
  • APP 底部随文本输入高度变化的自适应输入框
  • 单句回复行内快捷反馈与引用标注

Web 流式生成与交互控制面板

Web Markdown Stream, Prompt Suggestions & Confidence

Web 端擅长展示长文本及结构化数据,AI 回答采用 SSE (Server-Sent Events) 进行流式打字渲染,需配合自动滚动锁定;提供侧边控制板微调温度 (Temperature) 等大模型参数。

App 悬浮多模态交互与输入法协调

App Floater Speech Bubbles & Dynamic Keyboard Adjustment

App 端侧重语音、图片输入等多模态交互。底部文本输入框需随输入内容自适应增高并平滑推挤上方历史消息;语音交互使用高帧率正弦波形动画表达大模型“倾听与思考”状态。

LIVE PLAYGROUND: Markdown 流式打字生成器与建议引导词 在底部输入提问词并点发送,观察流式字符输出渲染及自动下滚定位
https://web.meta-ui.edu/ai-ui
09:41
📶 🔋
你好!我是 UI 助手,今天想了解什么设计规范?
📋 大模型统一 Prompt (LLM Prompt)