adapt

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Adapt

适配

Use this flow when a design needs to survive a new context: mobile, tablet, desktop, print, or another platform-specific surface.
当设计需要适配新场景(如移动端、平板端、桌面端、打印或其他特定平台界面)时,可遵循此流程。

Preparation

准备工作

  1. Load
    impeccable
    first.
  2. If design context is missing, run
    impeccable teach
    .
  3. Review
    ../impeccable/reference/responsive-design.md
    .
  1. 先加载
    impeccable
  2. 若缺少设计场景信息,运行
    impeccable teach
  3. 查阅
    ../impeccable/reference/responsive-design.md

What to improve

优化方向

  • layout changes across device classes,
  • touch targets and thumb reach,
  • navigation adaptation,
  • density and information ordering,
  • interruption recovery,
  • and context-specific affordances.
  • 跨设备类别的布局调整,
  • 触控目标与拇指可达范围,
  • 导航适配,
  • 信息密度与排序,
  • 中断恢复机制,
  • 以及场景专属的交互控件。

Rules

规则

  • Adapt the experience; do not just shrink it.
  • Preserve critical functionality across contexts.
  • Test the high-risk breakpoints and states explicitly.
  • Prefer context-appropriate patterns over false parity.
  • 适配体验,而非单纯缩小界面。
  • 在所有场景中保留核心功能。
  • 明确测试高风险断点与状态。
  • 优先采用场景适配的模式,而非追求虚假的一致性。