「差不多就行」的哲学
一个反直觉的观察
我做了 10 年 UI,最早追求像素级对齐。
后来发现,「差不多」反而更舒服。
为什么?
/* 机械的 */
.title { font-size: 32px; line-height: 1.0; margin-top: 24px; }
/* 有机的 */
.title { font-size: clamp(1.75rem, 4vw, 2.25rem); line-height: 1.2; }第一段精确,第二段有呼吸。
三类「差不多」
1. 字号节奏
不每个都精确,但比例稳定:
- 大标题:2rem
- 副标题:1.5rem
- 正文:1rem
- 注脚:0.875rem
2. 间距梯度
xs: 4px
sm: 8px
md: 16px
lg: 24px
xl: 48px不每个都精调,但梯度统一。
3. 错落排版
Hero 5 行不完全对齐——2/3 行刻意右挪 1-2 字。
这是**「与」字单独居中**那种克制。
黄金法则
一致性 > 精确性。 完美的精确,不如一致的不完美。 :::