设计原则 / Scale & Proportion

Scale & Proportion

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

关键字段

What · 是什么

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

Why · 为什么

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

How · 怎么做

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

Evidence · 证据

局限与边界
更大不总是更重要,数学比例也不能替代内容判断。不能为了追求比例系统牺牲可读性、触控目标和响应式适配。
最后验证时间
2026-08-21
常见错误
更大不总是更重要;比例系统不能替代内容判断;不要牺牲可读性追求数学完美。

Lifecycle · 生命周期

状态
待复核