Adaptive Interfaces 是一项设计技能，核心理念是界面不应强迫所有人经历相同体验，而应适应用户偏好、系统设置与个体需求，并将其视为基本设计要求而非附加功能。
适用场景：设计主题（深色模式、高对比度、自定义配色）；实现动效或动画；构建灵活的排版或布局系统；面向不同信息密度需求的设计；任何可从适应用户中获益的界面。
流程分为七步。第一步识别可适应属性，并映射用户偏好与 CSS/系统信号：配色方案对应 prefers-color-scheme，对比度对应 prefers-contrast，动效对应 prefers-reduced-motion，文字大小对应 rem/em 单位与视口缩放，信息密度对应用户设置或断点，透明度对应 prefers-reduced-transparency。
第二步处理动效敏感度：所有动画与过渡都应包裹在动效偏好检查中，prefers-reduced-motion: reduce 应禁用非必要动画，必要动效（如进度条填充）使用简化替代方案；视频、轮播或动画内容不得自动播放，若自动播放是业务需求，须提供即时暂停/停止控件并尊重 prefers-reduced-motion。
第三步配色方案适配：深色模式不是简单反色，而是独立设计；背景用深灰而非纯黑以减轻眼疲劳，文字用偏白而非纯白，深色模式下用更亮的色调表示更高层级，语义色（错误红、成功绿）可能需不同色阶以维持对比度，图片与插画可能需要深色变体或降低亮度。
第四步排版灵活性：使用 rem 或 em 而非固定 px，在 200% 浏览器缩放下测试，支持系统级大字体设置，行距、字距、词距应可调（WCAG 1.4.12），尺寸变化时不得裁剪或溢出文字。
第五步信息密度：提供宽敞、舒适、紧凑等密度，若提供密度控制应跨会话持久化用户选择，并确保各密度均满足无障碍要求。
第六步尊重并持久化偏好：系统级偏好应自动尊重、无需选择加入；应用级偏好应易于查找、更改并持久化；不得在无明确用户操作时覆盖系统偏好，也不得要求用户解释其偏好。
第七步记录适应行为：记录适应内容与原因、默认行为、各偏好下的适应行为、偏好检测与尊重方式，以及检测不可用时的回退行为。
集成方面：由 ui-composition、interaction-design 调用；与 cognitive-accessibility、inclusive-personas 搭配；由 designpowers-critique 评审。