Loading...

Back to Details

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

准备工作

Load
```
impeccable
```
first.
If design context is missing, run
```
impeccable teach
```
.

Review

../impeccable/reference/responsive-design.md

.

先加载
```
impeccable
```
。
若缺少设计场景信息，运行
```
impeccable teach
```
。

查阅

../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.

适配体验，而非单纯缩小界面。
在所有场景中保留核心功能。
明确测试高风险断点与状态。
优先采用场景适配的模式，而非追求虚假的一致性。