黄金比計算

黄金比ガイド

黄金比（φ ≈ 1.618033）は、オウムガイの殻からヒマワリの螺旋まで自然界に見られる比率で、何千年もの間アートとデザインに使われてきました。1:1.618の比率で作られた形は自然にバランスが取れて見えるため、パルテノン神殿、モナリザ、現代のロゴグリッドにまで現れています。

任意の値を入力して黄金のペアを見つけます：φで割ると小さな伴侶値、φを掛けると大きな値になります。レイアウト幅、タイポグラフィスケール（1.618比率のタイポグラフィスケールツールと組み合わせて）、画像トリミング、ロゴ比率にご利用ください。プレビューは古典的な黄金長方形と螺旋分割を描画します。

Pro Tips

• Webレイアウトでは、コンテンツとサイドバーの幅に黄金比を使いましょう：メイン列 × φ : サイドバー、例：960pxのコンテンツに593pxのサイドバー。
• 黄金比と1.618のタイポグラフィスケールを組み合わせると、完全に調和したデザインシステムができます。見出しサイズ、行の高さ、余白がすべて同じ定数から導かれます。

黄金比とは

黄金比は無理数φ（ファイ）で、およそ1.6180339887。二つの量の和を大きい方で割った値が、大きい方を小さい方で割った値に等しいとき——(a+b)/a = a/b——その二つは黄金比の関係にあります。パルテノン神殿やダ・ヴィンチの素描からオウムガイの殻、ヒマワリの種の螺旋まで、芸術と自然のいたるところに見られ、デザイナーはバランスの取れた自然な構図のための出来合いの公式として使います。

デザインでの黄金比の使い方

デザイナーは1.618を使って空間を主役部分と補助部分に分けます。よくあるパターンはコンテンツとサイドバーの分割——960pxのメインカラムに593pxのサイドバー（960 ÷ 1.618 ≈ 593）。同じ分割はヒーローセクションの高さ、カード内の画像とテキストの比率、ロゴのジオメトリにも使えます。この比率はあらゆるスケールで自己反復するため——大きい部分と全体の関係は、小さい部分と大きい部分の関係と同じ——それに基づくレイアウトは落ち着いて意図的に見えます。

黄金長方形と黄金螺旋

黄金長方形の辺の比は1:1.618。そこから可能な限り大きな正方形を切り取ると、残りもまた黄金長方形——この性質は無限に続きます。各正方形を通る四分円を連ねると黄金螺旋ができ、四分の一回転ごとにφ倍ずつ広がります。デザイナーはこの螺旋を視線誘導に使い、ポスターやカバー、ヒーロー画像の焦点を螺旋が巻き込む位置に置くことで、視線を自然な経路に沿って導きます。

フィボナッチ数列との関係

フィボナッチ数列（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は5つの調和する段差です。この計算機で任意の入力値の黄金ペアを求め、幅・高さ・マージン・文字サイズに適用すれば、構成内のすべての要素が同じ根底の比率を共有します。