黄金比は、名刺やロゴ、Webサイトのレイアウトなど、デザインのさまざまな場面で使われる比率です。
この記事では、黄金比とは何か、フィボナッチ数列や白銀比との違い、名刺・ロゴ・Webデザインへの具体的な取り入れ方を、数字と図を使って紹介します。
目次
黄金比とは
黄金比とは、およそ「1：1.618」の比率のことです。1本の線を長い部分と短い部分に分けたとき、「短い部分：長い部分」と「長い部分：全体」が同じ比率になる分け方で、正確には 1：(1＋√5)÷2 です。古代ギリシャの時代から知られていて、建築や美術、デザインで使われてきました。
フィボナッチ数列との関係
「1, 1, 2, 3, 5, 8, 13, 21 …」のように、前の2つの数を足して次の数を作る並びを「フィボナッチ数列」と言います。となり合う数の比は、13÷8＝1.625、21÷13≒1.615 のように、先に進むほど黄金比の1.618に近づきます。
この数を直径にした円を「フィボナッチサークル」、正方形を組み合わせて渦の形にしたものを「黄金螺旋（らせん）」と呼び、ロゴやレイアウトのガイドとして使われます。
白銀比（1：1.414）との違い
黄金比とよく比べられるのが「白銀比」です。白銀比は 1：√2（およそ1：1.414）で、A4やB5などの紙の縦と横の比率に使われています。半分に切っても同じ比率になるので、紙の大きさを決めるのに向いています。
黄金比は横長で動きのある印象、白銀比はそれより正方形に近く、落ち着いた印象になります。
「美しく見える比率」は絶対ではない
黄金比は「人が最も美しいと感じる比率」と言われることがあります。ただし、実験の結果はまちまちで、科学的にはっきり証明されているわけではありません。有名な絵画や建築にも黄金比が使われていると言われますが、あとから当てはめた説も多くあります。
デザインでは、黄金比を「正解」ではなく、大きさや位置に迷ったときの目安として使うのがおすすめです。
名刺のデザインと黄金比
名刺は、黄金比を取り入れやすい代表的なデザインです。紙の大きさそのものが黄金比に近く、レイアウトにも使えます。
名刺のサイズは黄金比に近い
日本で一般的な名刺のサイズは、55×91mmです。91÷55≒1.65で、黄金比の1.618に近い比率です。何もデザインしていない名刺でも、落ち着いて見えるのはこのためだと言われています。
なお、きっちり黄金比にするなら、55×89mmになります。
名刺のレイアウトに黄金比を使う方法
横型の名刺なら、横の91mmを約56mm：35mmに分けます（91÷1.618≒56）。広い56mmの側に名前・肩書き・連絡先を、狭い35mmの側にロゴを置くと、バランスがとりやすくなります。
縦型の名刺なら、縦の91mmを同じように上下56mm：35mmに分け、上に名前、下に連絡先をまとめる方法があります。ロゴを置く場所の考え方は「ロゴの配置ルール」で紹介しています。
名刺を作るときの基本
黄金比より先に押さえたいのが、次の基本です。
・載せる情報の優先順位を決める（社名・名前・肩書き・連絡先など）
・電話番号とメールアドレスのように、関係のある情報は近づけてまとめる
・文字の頭の位置をそろえる（左揃えにすると読みやすい）
・書体は2種類くらいまで、色は2〜3色までにしぼる
・文字は紙の端から3mm以上内側に置く（多くの印刷会社が、断裁で文字が切れないよう、このくらいの余白をすすめています）
ロゴデザインに黄金比を取り入れる方法
ロゴでは、フィボナッチサークルや黄金比の長方形をガイドにして、形や大きさを決める方法がよく使われます。主な使い方は次の3つです。
曲線の丸みをそろえる
文字やマークの曲線を、フィボナッチサークルの円に合わせて作ります。曲線の丸みが同じ比率でそろうので、まとまりのある形になります。
マークと文字の大きさの比をそろえる
シンボルマークと文字（ロゴタイプ）の大きさや、マークの中のパーツの大きさを、黄金比に近い比率で決めます。どちらを主役にするかがはっきりし、バランスよく見えます。
余白の大きさをそろえる
マークと文字の間や、パーツどうしの間の余白を、フィボナッチサークルの大きさを使って決めます。感覚で決めるより、余白のばらつきを防げます。
有名なロゴの「黄金比説」には注意
「あの有名なロゴも黄金比で作られている」と紹介されることがありますが、作った人や会社が公式に説明していないものも多くあります。黄金比を使えば良いロゴになるわけではないので、まずは「良いロゴの条件」を満たしているかを確かめましょう。
Webデザインやレイアウトに黄金比を使う方法
Webサイトやチラシのレイアウトでも、黄金比は大きさを決める目安になります。
2列のレイアウトの幅を決める
本文とサイドバーのような2列のレイアウトでは、全体の幅を黄金比で分けると、バランスよく見えます。たとえば横幅960pxなら約593px：367px、1200pxなら約742px：458pxです（全体の幅÷2.618で、狭い側の幅が出せます）。
文字の大きさの比を決める
本文と見出しの文字の大きさを、黄金比に近い比率にする方法もあります。本文が16pxなら、見出しは約26px（16×1.618）です。大きさの差がはっきりするので、見出しが見つけやすくなります。
黄金比にこだわりすぎない
スマートフォンでは画面の幅が変わるので、パソコンで決めた比率がそのまま保てないこともあります。また、写真のトリミングなどでは、画面を縦横3等分した線に主役を置く「三分割法」のほうが手軽に使えます。読みやすさや伝わりやすさを優先し、黄金比は迷ったときの目安にしましょう。
まとめ
黄金比は、およそ1：1.618の比率です。名刺の大きさ（55×91mm）は黄金比に近く、レイアウトでは横91mmを56mm：35mmに分けると、名前とロゴのバランスがとりやすくなります。ロゴではフィボナッチサークルで曲線や余白をそろえ、Webでは2列の幅や文字の大きさの比に使えます。ただし、黄金比は正解ではなく目安です。読みやすさや伝わりやすさを優先して使いましょう。
デザインの確認で「この余白をもう少し広く」「ロゴを少し小さく」と伝えるときは、画像の上に直接書き込むと、場所と大きさが正確に伝わります。修正指示ツール「mitekaku」なら、画像やWebページに直接コメントを書き込めます。
ポイント
■黄金比とは
・およそ1：1.618の比率
・フィボナッチ数列のとなり合う数の比が近づく
・白銀比（1：1.414）はA4などの紙の比率
■名刺に使う
・名刺（55×91mm）は黄金比に近い
・横91mmを56mm：35mmに分ける
・文字は端から3mm以上内側に
■ロゴに使う
・曲線・大きさの比・余白をそろえる
■Webに使う
・2列の幅：960pxなら593px：367px
・文字の大きさ：16pxなら見出し約26px
