黄金比例计算器

黄金比例指南

黄金比例（φ ≈ 1.618033）是自然界中普遍存在的比例——从鹦鹉螺壳到向日葵螺旋——数千年来的艺术与设计都在使用它。基于 1:1.618 比例的形状天然平衡，这就是它出现在帕特农神庙、蒙娜丽莎和现代标志网格中的原因。

输入任意值找到它的黄金配对：除以 φ 得到较小的伴侣值，乘以 φ 得到较大的值。可用于布局宽度、排版比例（配合本站排版比例工具使用 1.618 比例）、图片裁切和标志比例。预览绘制经典黄金矩形及其螺旋细分。

专业提示

• 网页布局中，内容与侧栏宽度用黄金比例：主栏 × φ : 侧栏，例如 960px 内容配 593px 侧栏。
• 把黄金比例与 1.618 排版比例结合，打造完全和谐的设计系统——标题字号、行高和间距都源自同一常数。

什么是黄金比例

黄金比例是无理数 φ（phi），约等于 1.6180339887。当两个量的和与较大者之比等于较大者与较小者之比，即 (a+b)/a = a/b 时，它们就成黄金比例。这个比例在艺术与自然中无处不在——从帕特农神庙、达芬奇的画作到鹦鹉螺壳和向日葵种子的螺旋——设计师把它当作现成的公式，用来做出平衡而自然的构图。

黄金比例在设计中的应用

设计师用 1.618 把空间分成主导部分和辅助部分。最常见的模式是内容与侧栏的划分：960px 主栏配 593px 侧栏（960 ÷ 1.618 ≈ 593）。同样的划分适用于 hero 区块高度、卡片中图与文字的比例、以及 logo 的几何结构。由于这个比例在每个尺度上自我重复——大段与整体的关系和小段与大段的关系相同——基于它的布局会显得沉稳而经过思考。

黄金矩形与黄金螺旋

黄金矩形的长宽比为 1:1.618。从它身上切下尽可能大的正方形后，剩下的矩形依然是黄金矩形——这一性质无限重复。依次穿过各正方形画四分之一圆弧，就得到黄金螺旋：每转四分之一圈就放大 φ 倍。设计师用螺旋做视线引导：把海报、封面或 hero 图的视觉焦点放在螺旋收紧处，视线就会沿自然的路径流动。

与斐波那契数列的联系

斐波那契数列（1, 1, 2, 3, 5, 8, 13, 21, 34...）收敛于黄金比例：任意一项除以前一项，结果越来越接近 1.618（21/13 ≈ 1.615，34/21 ≈ 1.619）。正因如此，两者在设计中被视为孪生：斐波那契网格、间距台阶甚至字号，都是黄金比例的实用近似，而数列给了你好用的整数。

把 1.618 用进你的布局

从一个具体尺寸出发——容器宽度、标题字号或列数——乘以或除以 1.618 得到配套数值。间距系统可以堆数列：8、13、21、34、55px 就是五个和谐台阶。用本计算器求任意输入值的黄金对，再把数值应用到宽度、高度、边距和字号上，让构图中每个元素共享同一个底层比例。