1.0UX TIMEShttps://uxdaystokyo.com/articles高橋 祐哉https://uxdaystokyo.com/articles/author/yuya-takahashi/rich600338<blockquote class="wp-embedded-content" data-secret="J3kB6KnYH1"><a href="https://uxdaystokyo.com/articles/glossary/golden-ratio/">黄金比</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://uxdaystokyo.com/articles/glossary/golden-ratio/embed/#?secret=J3kB6KnYH1" width="600" height="338" title="“黄金比” — UX TIMES" data-secret="J3kB6KnYH1" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script> /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); //# sourceURL=https://uxdaystokyo.com/articles/wp-includes/js/wp-embed.min.js </script> https://uxdaystokyo.com/articles/wp-content/uploads/2026/08/1786436218701.png10241024黄金比（Golden Ratio）とは、ひとつの長さを2つに分けたとき、「全体と長い部分の比」が「長い部分と短い部分の比」に等しくなる、約1.618の比率のことである。 ギリシャ文字のφ（ファイ）で表し、数式では φ =（1＋√5）÷ 2 で求まる。1, 1, 2, 3, 5, 8, 13 と、前の2つの数を足して並べるフィボナッチ数列で隣り合う数の比を取っていくと、この1.618へ近づいていく。 たとえば黄金比でできた長方形は、短い辺を一辺とする正方形を切り取っても、残った長方形が元とまったく同じ縦横比になる。切り取りを繰り返すと同じ形が入れ子のように現れ、渦を巻く曲線（黄金螺旋）の下敷きにもなる。 自然界の巻き貝や花の並びにこの比が見られるとされ、古くから「調和のとれた比」として語られてきた。 分けても同じ形が現れる比 黄金比の特徴は、分けても分けても同じ比が現れる自己相似の性質にある。全体を長短に分けると、その長い部分と全体との関係が、短い部分と長い部分との関係にそのまま繰り返される。この入れ子の構造が、渦巻きや連続した図形として目に見える形をとる。 数としても素直で、φは φ²＝φ＋1 という関係を満たす。円周率πのように無限に複雑な数ではなく、簡単な方程式の答えとして表せる。この扱いやすさと、繰り返し現れる規則正しさが、黄金比を数学者やデザイナーの関心を長く引きつけてきた理由である。 語源・提唱者 この比を最初に厳密に記述したのは、紀元前300年ごろの数学者Euclidユークリッドである。著書『原論』で、線分を「外中比（extreme and mean ratio）」として定義した。ただしユークリッドは幾何学上の分割として扱っただけで、美しさとは結びつけていない。 美的な意味づけが強まったのは、はるか後のことである。イタリアの数学者Lucaルカ Pacioliパチョーリが1509年に『De divina proportione（神聖比例論）』を著し、この比を「神聖な比例」と讃えた。挿絵は友人のLeonardoレオナルド daダ Vinciヴィンチが描いている。「黄金分割」という呼び名が広まったのはさらに後の19世紀で、ドイツの数学者Martinマルティン Ohmオームが教科書（1835年）で用いたのがきっかけとされる。記号φは、20世紀初めにアメリカの数学者Markマーク Barrバーが、彫刻家フェイディアスの頭文字にちなんで当てたと伝わる。呼び名が定着するまでに二千年以上かかった比である。 レイアウトの比率をそろえる目安になる デザインで黄金比が使われるのは、要素の大きさや余白の比率をそろえる目安としてである。代表的な使い方が、文字サイズを等比で並べるモジュラースケールと呼ばれる考え方だ。本文の大きさを起点に1.618を掛けていくと、見出しの段階がなだらかな等比で並ぶ。たとえば本文を16ピクセルとすると、約26、約42、約68と大きくなり、それぞれの見出しの大きさに一貫した関係が生まれる。 同じ発想は、段組みの幅や余白、画像とテキストの面積配分にも応用できる。横幅1000ピクセルの領域を、およそ618対382に分けて主要素と補助要素を置く、といった具合である。ひとつの比を全体に通すことで、行き当たりばったりに見えないまとまりを作りやすくなる。黄金比でなくても等比のスケールは組めるが、1.618という決まった数を出発点に置くと、迷いが減って判断が速くなる。 万能の美の公式ではない 黄金比を「これに合わせれば美しくなる」万能の公式のように扱うのは行き過ぎである。パルテノン神殿やモナリザ、名だたる企業のロゴに黄金比が隠れている、といった主張の多くは、作品ができた後から線を重ねて「見つけた」ものだ。測る場所や基準を少し変えれば別の比も当てはまるため、都合よく選び取った例になりやすい。 数学者のGeorgeジョージ Markowskyマルコウスキーは論文「Misconceptions about the Golden Ratio（黄金比についての誤解）」（1992年）で、パルテノン神殿の黄金比説を検証し、測り方しだいで数値が変わることを示した。彼の計測では幅と高さの比はおよそ1.7で、1.618ではなかった。スタンフォード大学の数学者Keithキース Devlinデヴリンも、こうした主張を裏づける確かな証拠はないと述べている。「人は黄金比の長方形を最も好む」という19世紀のGustavグスタフ Fechnerフェヒナーの実験も、後の追試では1対1.5から1対1.75あたりが同じように好まれ、黄金比だけが際立つ結果は出ていない。黄金比は数学としては確かな性質を持つが、美しさを保証する数値ではない。比率をそろえる出発点や目安として使い、絶対の正解として持ち込まないのが賢明である。 ロゴの円の大小に比を使う デザインで黄金比が実際に使われた例として、2012年に刷新されたTwitter（現在のX）の鳥のロゴがある。デザイナーのDougダグ Bowmanボウマンは、大小いくつもの円を重ねて鳥の形を作り、円の直径の比に黄金比を用いた。本人は「これらの比は偶然ではない」と語る一方で、自然に見える形を探る出発点として比を使った、という趣旨も述べている。 この例が示すのは、黄金比が「使ってはいけない迷信」でも「使えば美しくなる魔法」でもない、ということである。あらかじめ決まった比を出発点に置くと、要素の大きさをそろえる判断が速くなり、全体に統一感を出しやすい。最後に目で見て整えるのはデザイナーの仕事で、黄金比はその作業を助ける道具のひとつにとどまる。だからこそ、盲信も全否定もせず、便利な目安として引き出しに入れておくのがよい。 関連用語 フィボナッチ数列（Fibonacci Sequence） 自己相似性（Self-similarity） 1/3の法則（Rule of Thirds）