principle　/　Scale & Proportion

Scale & Proportion

利用元素相对尺寸和整体比例表达重要性、关系、节奏与使用条件。

Key fields

What

Definition: 利用元素相对尺寸和整体比例表达重要性、关系、节奏与使用条件。

Why

Core Question: 元素的相对尺寸是否同时表达重要性、关系、阅读节奏和实际使用条件？
Mechanism: 相对尺寸会影响视觉重量、注意优先级和内容关系，也会直接影响可读性、触控和操作精度。尺度失衡会让次要内容抢占注意或让关键操作难以使用。

How

Primary Use: 强化层级、建立和谐关系，并保证控件适合阅读与操作。
Design Guidance: 依据内容重要性和人体尺度设置尺寸；采用稳定的排版和间距比例；在不同屏幕上验证。

Evidence

Limitations: 更大不总是更重要，数学比例也不能替代内容判断。不能为了追求比例系统牺牲可读性、触控目标和响应式适配。
Last Verified At: 2026-08-21
Common Mistakes: 更大不总是更重要；比例系统不能替代内容判断；不要牺牲可读性追求数学完美。

Lifecycle

Status: 待复核