Press⌘+Kto search
IP: 获取中...
为效率而生, Just tools.goodssoft.com
黄金比例计算器 - 设计比例工具
一款专业的在线黄金比例计算工具。计算黄金分割点、生成和谐的字体系列和间距系统。可视化预览、一键复制CSS代码，适用于版式设计和字体层级规划，纯本地计算，数据安全隐私。
计算结果
较大段
247px
61.8%
较小段
153px
38.3%
黄金比例 (φ)
φ ≈ 1.6180339887...
公式: 较大段 / 较小段 = φ
黄金比例被广泛用于艺术、建筑和设计中，被认为是最美感的比例关系。
247px
153px
黄金螺旋
黄金比例字体系统
基于黄金比例生成和谐的字体尺寸层级
Body
16px
× φ^0
Lead
26px
× φ^1
H3
42px
× φ^2
H2
68px
× φ^3
H1
110px
× φ^4
Display
177px
× φ^5
黄金比例间距系统
基于黄金比例生成统一的间距系统
8px
xs
13px
sm
21px
md
34px
lg
55px
xl
89px
2xl
144px
3xl
232px
4xl
# 什么是黄金比例？
黄金比例（Golden Ratio），用希腊字母φ表示，约等于1.618。 它是一个无理数，定义为将一条线段分为两部分，使较长部分与整体的比值等于较短部分与较长部分的比值。 这个比例在自然界、艺术、建筑和设计中广泛存在，被认为是最美感的比例关系。
# 黄金比例在设计中的应用
- 字体排版: 使用黄金比例确定不同级别标题的字号关系
- 布局设计: 将页面内容按黄金比例分割，创造和谐的视觉平衡
- 间距系统: 基于黄金比例生成统一的间距规范
- Logo设计: 许多经典Logo都运用了黄金比例原理
# 常见问题 (FAQ)
黄金比例的具体数值是多少？
黄金比例的精确值是(1+√5)/2，约等于1.6180339887... 在实际应用中，通常使用1.618作为近似值就足够了。 这个比例在自然界中随处可见，如贝壳的螺旋、向日葵的种子排列等。
如何使用黄金比例设计字体系统？
选择一个基础字号（如16px），然后用黄金比例乘以或除以这个值来生成其他字号。 例如：16px × 1.618 ≈ 26px（作为标题字号），16px ÷ 1.618 ≈ 10px（作为小字）。 这样可以创造出和谐统一的字体层级。
黄金比例适合所有设计场景吗？
虽然黄金比例具有很强的美感，但不是所有场景都必须严格遵循它。 它可以作为一个很好的起点和参考，但也要考虑具体的使用场景、可读性要求和其他设计因素。 有时稍作调整可能会有更好的效果。