ガイド · 幾何学
ロゴデザインにおける黄金比:本当のところと、その使い方。
黄金比の円で覆われた Apple のロゴの有名な図があります。美しい図ですが、ロゴの後に作られたものであって、前ではありません。デザイナーが 1.618 で本当にしていること、そして有名な主張のうち定規に耐えるものはどれかをお話しします。
有名なロゴを検証する
Apple のロゴ:出回っている円と比率の図は、Rob Janoff が 1977 年にマークを作ってから何年も後に、別のデザイナーが描いたものです。Janoff 自身、黄金比は使わなかったとはっきり述べています。円が合うのは、デザイナーが合う円を選んだからで、ほとんどどんな丸みのある形にも同じことができます。2012 年の Twitter の鳥は、実際に重なり合う円から構築されました — デザインチームがその構成を公開しています — が、円同士は単純な整数比で関係しており、その図の黄金比版は、やはり後から重ねられたものです。
Pepsi の 2008 年のリデザインには、黄金比、モナ・リザ、地球の磁場、その他多くのものを持ち出した代理店の文書が流出しましたが、これはセールストークとして読むのが最善です。一方 National Geographic の枠は正真正銘の黄金長方形 — 1.61 対 1 — で、黄色い枠が導入されて以来ずっとそうです。Toyota の三つの楕円は図の中で黄金長方形に当てはめられていますが、Apple と同じ但し書きが付きます。正直な採点表:明確な事例が一つ、整数による構成が誤って説明されたものが一つ、そして事後に描かれた図がいくつか。
なぜこの神話はこれほど根強いのか
黄金長方形は見た目が良く、コンパスがあれば、ほとんど何でも計画されたもののように見せられます。完成したロゴに弧を重ねるのは、雲の中に顔を見つけるのと同じ意味で満足感があり、ポートフォリオ向けの印象的な画像にもなります。どれも不誠実というより循環的です:目で選ばれた形を説明するために比率が使われているのであり、そして目は、二千年にわたって同じ建物と絵画を見てきた後では、いずれにせよそれに近い比率に傾くのです。
有益な教訓は神話の逆です。比率は良いロゴに隠された秘密ではなく、描く前に手に取れる道具 — 互いに調和するサイズの組をつくるためのものです。デザインにおいて比率がその居場所を得るのはそこであり、螺旋とは何の関係もありません。

タイプスケール:本当に機能する場所
本文サイズを、たとえば 16 ピクセルに決め、1.618 を掛けて一段上のサイズを出します:26。さらに掛けて:42。さらに:68。下のサイズは割って:10。これがモジュラースケールで、黄金のスケールが定番の選択なのは、各段が別のレベルとして読めるほど大きく、それでいてレベル同士がなお一体に見えるほど小さいからです。このサイトのタイポグラフィのほとんどはそれに従っています:本文は 17 前後、小見出しは 27、見出しは画面に応じて 42 から 68。読者は計算を目にすることはありません。目にするのは、自らと矛盾しないページです。
同じスケールは余白にも機能します。段落の間隔を 1 単位とすれば、見出しの前の間隔は 1.618 単位、セクション間の間隔は 2.618 単位。目分量でこれを行うデザイナーもかなり近いところに到達しますが、数字で行えばサイト全体で一貫させることができ、目が実際に気づくのはその一貫性です。
レイアウト:黄金長方形と黄金分割
黄金長方形として組まれ、主要な要素を中央ではなく黄金分割に置いたページやポスターは、デザインにおける比率の最も古い使い方であり、今なお最も信頼できるものです。実際には:重要なものを一方の縁から 38 パーセント内側、上から 38 パーセント下に置き、それが座る場所としてより大きな面積を与え、副次的な要素には残りの 38 パーセントの帯を使わせます。62 パーセントと 38 パーセントの二段組は、対称でないのに釣り合って感じられます。50 と 50 は静的に、70 と 30 は偏って感じられます。
ロゴそのものについては、比率が最も役立つのはマークとワードマークの関係 — マークの高さと文字の高さを 1.618 に — と、その周囲の余白をマークの高さの黄金分割に設定することです。どちらも悪いマークを良くはしません。どちらも、良いマークがその各部分をばらばらの日に作ったかのように見えるのを防ぎます。
| 基本サイズ | スケール ×1.618 | スケール ×1.618² | スケール ×1.618³ | 下(÷1.618) |
|---|---|---|---|---|
| 14 px | 23 px | 37 px | 59 px | 9 px |
| 16 px | 26 px | 42 px | 68 px | 10 px |
| 18 px | 29 px | 47 px | 76 px | 11 px |
| 20 px | 32 px | 52 px | 85 px | 12 px |

作品での使い方
Blueprint Fibonacci コレクションと The Celestial Blueprint のような作品は、デザイナーがシステムを構築するように描かれています:基本単位、スケール、そしてスケールからサイズを決めたすべての要素、構成は見えるまま。クリムト由来の作品は静かにそれを行い — モザイクの帯は比率で段階的に大きくなり、人物は黄金分割に座る — デコの作品はそれを主題にします。いずれの場合も要点は、よく作られたページと同じです:絵の中のどの要素も、絵の他の部分が同意していないサイズではないということです。
質問
Apple のロゴは黄金比を使っていますか?
いいえ。デザイナーの Rob Janoff は使わなかったと述べています。ロゴの上に黄金比の円を重ねたよく知られた図は、後に別の人が描いたもので、円が合うように選ばれたから合うのです。
本当に黄金比を使っているロゴはどれですか?
National Geographic の黄色い枠は正真正銘の黄金長方形です。Apple、Toyota、Pepsi など他の主張のほとんどは、ロゴが完成した後に描かれた重ね図です。2012 年の Twitter の鳥は円から構築されていますが、整数比によるものです。
デザイナーは実際に 1.618 をどう使っていますか?
タイプスケール(各サイズが前の 1.618 倍)、余白、62/38 のレイアウト、そしてマークとワードマークの関係にです。互いに調和するサイズの組をつくるものであって、形をデザインするものではありません。
あなたが責任を持つ壁のために。
部屋と、そこにどんな雰囲気を求めているかを教えてください。ふさわしい作品を三点、それぞれを設置したイメージとともにお送りします。
メールを送る