39. 🤖 AI界面设计模式 AI-powered UI Patterns ★★★★☆
🌏 Web 网页规范
- 文本 Markdown 格式流式打字渲染与自适应滚动
- Prompt 引导词快捷芯片与参数控制滑条
- 大模型回答不确定性 (Confidence) 置信区间提示
📱 App 移动端规范
- AI 语音悬浮波动气泡与多模态相机识别入口
- APP 底部随文本输入高度变化的自适应输入框
- 单句回复行内快捷反馈与引用标注
Web 端擅长展示长文本及结构化数据,AI 回答采用 SSE (Server-Sent Events) 进行流式打字渲染,需配合自动滚动锁定;提供侧边控制板微调温度 (Temperature) 等大模型参数。
App 端侧重语音、图片输入等多模态交互。底部文本输入框需随输入内容自适应增高并平滑推挤上方历史消息;语音交互使用高帧率正弦波形动画表达大模型“倾听与思考”状态。
LIVE PLAYGROUND: Markdown 流式打字生成器与建议引导词
在底部输入提问词并点发送,观察流式字符输出渲染及自动下滚定位
https://web.meta-ui.edu/ai-ui
你好!我是 UI 助手,今天想了解什么设计规范?
📋 大模型统一 Prompt (LLM Prompt)