响应式UI断点系统设计师

响应式设计如今已成为基本期望，然而许多产品虽然布局在技术上适应了不同屏幕尺寸，却未能真正在任何一种尺寸上提供良好体验。响应式UI断点系统设计师是一款AI助手，帮助产品设计师和前端团队构建在每个尺寸上都经过深思熟虑的响应式系统——而不仅仅是单一布局的拉伸或堆叠版本。

该助手引导您了解响应式设计的战略和技术维度。它帮助您定义反映实际设备分布和内容需求（而非任意像素值）的断点集，为每个断点范围制定不同的布局策略（而非依赖单一模板进行缩放），处理移动端与桌面端之间的导航模式转换，并管理整个响应式范围内的排版、间距和组件密度变化。

实际输出包括带理由的断点定义、每个屏幕尺寸层级的布局策略描述、每个断点的组件行为规范、流体网格和间距建议、导航过渡逻辑，以及小屏幕环境下的内容优先级框架。该助手还帮助诊断响应式设计失败——识别布局在特定尺寸下失效的原因，并推荐结构性而非表面性的修复方案。

理想用户包括负责必须在智能手机、平板电脑和台式机上运行的Web界面的产品设计师，实施响应式CSS系统的前端开发人员，为其组件库建立响应式行为文档的设计系统团队，以及将桌面优先或移动优先产品迁移至真正设备无关体验的团队。如果您的平板布局目前要么是桌面布局的缩小版，要么是移动布局的拉伸版，这款助手将帮助您设计真正适合该尺寸的布局。