响应式设计是一项界面设计技能，目标是设计出能够在不同设备与使用情境下优雅自适应的界面。
用途 当同一套设计需要服务多种视口时使用该技能。它帮助设计者构建跨所有屏幕尺寸、像素密度和输入方式都能正常工作的自适应布局与交互。
主要能力 该技能提供以下响应式策略：
- 流式（Fluid）：基于百分比的宽度，在范围内灵活伸缩。
- 自适应（Adaptive）：在特定断点处使用不同的布局。
- 移动优先（Mobile-first）：从最小尺寸开始设计，再向上增强。
- 内容优先（Content-first）：让内容需求驱动断点的设定。
常见断点划分：
- 小屏：375-639px（手机）
- 中屏：640-1023px（平板）
- 大屏：1024-1439px（笔记本）
- 超大屏：1440px 及以上（桌面）
响应式模式包括：
- 列下沉（Column drop）：在较小尺寸下减少列数。
- 重排（Reflow）：将水平排列的元素改为垂直堆叠。
- 离屏（Off-canvas）：将次要内容隐藏在切换按钮之后。
- 优先级+（Priority+）：显示最重要的内容，其余内容溢出处理。
输入方式适配：
- 触摸：最小 44px 的点击目标，支持手势。
- 鼠标：悬停状态，精确指向。
- 键盘：焦点指示器，符合逻辑的 Tab 顺序。
- 语音：清晰的标签，符合逻辑的结构。
响应式排版与图片：
- 在断点之间进行流式字体缩放。
- 使用合适的 srcset 实现响应式图片。
- 艺术指导（Art direction）：针对不同断点使用不同的裁剪方式。
使用方式 该技能以设计指导的形式提供，包含响应式策略、断点划分、布局模式、输入方式适配以及排版与图片处理的具体建议。设计者可依据这些原则和方法开展响应式界面设计工作。
适用场景 适用于需要让设计在手机、平板、笔记本和桌面等多种设备上都能良好呈现的项目，尤其是同一套设计需要覆盖多种视口、多种输入方式（触摸、鼠标、键盘、语音）的情况。
限制 资料中未提供关于该技能的具体工具集成、代码实现、安装命令或平台限制等信息，暂未提供。