2015/03/20
ロゴをより美しく!グリッドがロゴデザインに統一感と判断基準をもたらす
ロゴを美しくデザインするためのテクニックで興味深い記事を見つけました。
私を含め参考になると思いましので、かいつまんでご紹介します。
そのテクニックとは、グリッドを使ったロゴ作成方法です。
具体的には、ロゴをグリッドや円を使って作成する手法になります。
アップルのロゴを説明するときに、よく正円と黄金比が使われるのですが、あの手法ですね。
グリッドを使用したロゴ制作は、幾何学的なデザインテクニックであり、すべてのデザインに必要なテクニックというわけではありません。
しかしながら、グリッドを使ったロゴ制作は、ロゴデザインを正確に制作できながら、ロゴ自体が時代を超えた素晴らしいブランディング力をもつようになる手法であるとも、その記事は指摘しています。
確かに、グリッドや円を使用すれば、論理的なデザインを行うことができるため、しっかりとした根拠のあるデザインを作成できるメリットもあります。
根拠があれば、クライアントや周囲を納得させることもできますよね。
ロゴデザインのご参考になれば幸いです。
グリッドと幾何学的形状がもたらす効果
グリッドを使ったロゴ制作の好例となる動画があるので、まずはそれを見てください。
このロゴマークは、SagmeisterとWalshによるThe Jewish Museum(ニューヨーク)のロゴマークです。
SagmeisterとWalshは、六芒星のガイドと正円をベースにし、統一された印象的なビジュアルアイデンティを実現しています。
六芒星のもつグリッドと正円を、新しいロゴに活かしたことによって、過去を喚起させつつも、新鮮でモダンなロゴを誕生させました。

グリッドの使用が、ロゴデザインに明確な根拠をもたらしているのですね。
逆に、グリッドを使用しなければ、このようなデザインは簡単にはできないのかもしれません。
グリッドを使ったロゴデザインがどんなものか、もたらされる効果がどんなものかを、なんとなくわかっていただけたと思います。
時代を超えたロゴにもグリッドが利用されている
Raymond Loewyは1971年に、有名すぎるシェル石油のロゴデザインをリニューアルしました。
彼は象徴的なデザインをつくるために、いくつかのガイドを利用しています。

ロゴのすべての直線がガイドに正確にマッチしているわけではありませんが、ガイドがデザインの必須ポイントとなっており、力強く認識しやすいロゴになっています。
強力なブランディングを備えたロゴといえるシェル石油のロゴ。
そのロゴにもグリッドが使用されています。
グリッドと幾何学的形状を利用すれば、シンメトリー化、デザインのブラッシュアップにつながる

この上品なロゴはガイドを利用することによって、素晴らしい効果をもたらしています。

このロゴを作成したKaelgrafiは、直線と曲線を利用してシンメトリーと一貫性のある空間的関係を維持させることに成功し、99designのロゴコンテストでグランプリを獲得しました。
各コーナーには正円が用いられています。
いきなりIllustratorなどのソフトを利用して作成しているのではなく、スケッチの段階で綿密に計算してから制作を進めているといえるでしょう。
このロゴはグリッドと基本的な幾何学的形状を利用することによって、説得力のあるプロのデザインを実現した成功事例です。
逆に言えば、スケッチの段階でグリッドや幾何学的形状を利用して設計していけば、ゴールはグッと近くなるというわけですね。
グリッドを使ったからといって、すべての人の心を捉えることはできない
ここまで、ロゴデザインにグリッドを利用するメリットをいくつか見てきましたが、すべてのロゴがうまくいくわけでもないようです。
2013年、Yahoo!はロゴマークを刷新しました。

社内デザインチームは、ロゴのガイドに、数学的な設計図を使用して作成しました。
Yahoo!はそのデザインプロセスを動画で公開しています。
グリッドによる制作手法がどのようなものかが大変よくわかる動画になっています。
しかし、あまりにも数学的であり、出来上がったデザインが人々の共感を得ることができなかったため、各方面からかなりの批判が出ています。
いくらグリッドを使ったからといって、すべてのロゴデザインがうまくいくというわけでもなさそうです。
アップルのロゴは厳密ではなかった?

上の図は、広く知られているアップルのロゴを解説する際に用いられる図説です。
正円とフィボナッチ数列、黄金比を利用していることから、「時代を超えたデザイン」としてアップルを神格化させるのに一役買っているようです。
ところが、このガイドはアップルのロゴを完全に解説できていないということをご存知でしょうか。
ロゴを近くでつぶさに観察してみるとわかるのですが、厳格な幾何学的形状に接しておらず、黄金比にもなっていないのです。

この反証は、多くの数学者やデザイナーによって行われています。
完璧な幾何学というものが、いつも人の目にアピールできるとは限りません。
アップルのロゴが成功したのは、幾何学的に完璧ではなかったためといるのかもしれません。
まとめ:グリッドがデザインに統一感と判断基準をもたらす

bingのロゴがリニューアルされたとき、同じ角度とグリッドを用いてデザインされました。
他の自社製品のロゴをデザインする際に、同様の角度とグリッドを利用すれば、デザインに統一感をもたらすことができます。
事実、Microsoftは同様の角度とグリッドを使って、統一感のあるデザインを実現させようとしています。
ロゴデザインをグリッドに統合させることは、視覚的・長期的な成功のためになくてはならないものです。
特に、自分のデザインに何かが欠けているように感じる場合、根拠が明確でない場合、視覚的に一貫性のないものになっているかもしれません。
そんなときには、グリッドを使いましょう。
そうすれば、視覚的な意味や構造に一貫性が出てくるだけでなく、デザインをよりいっそう強固なものとすることでしょう。
グリッドを使い倒したあとは、アップルとYahoo!のロゴを思い出しましょう。
グリッドに完全に依存するのか、それとも、最後の最後でグリッドに造反するのか。
いずれにしても、グリッドが確かな判断基準をもたらしてくれるのは間違いないようです。
ここまでは、「6 tips for using grids in logo design」を意訳してご紹介させていただきました。
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
複雑なものからシンプルなものまで!シームレスなパターンを作るための方法/チュートリアル33
シームレスパターンを利用する場合、配布されているものを利用するよりは、自分でイチから作成した方がいい
-
-
30日間限定!フォント、アイコン、テンプレートなどが入った商用利用OKな無料素材集「ZERO Bundle」を今すぐゲット!
「ZERO Bundle」は数人のデザイナーが作成したベクターアイコン、Photoshopアクション
-
-
商用利用可!細字の英語・欧文フリーフォント74
商用利用可な細字の英語・欧文フリーフォントをご紹介します。 iOSのインターフェースには、やけに細
-
-
デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.27
優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第27回目です。 今回も世
-
-
商用利用無料で高画質・ハイクオリティな写真を探すなら「picjumbo」もチェック!
先日、「超ハイクオリティな写真素材を無料ダウンロードできるサイト12」「高画質な写真が商用でも使える
-
-
デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.14
優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第14回目です。 今回も和
-
-
おしゃれな名刺は自作に限る!DIY名刺のデザインがカッコ良すぎる
名刺というと印刷するものというイメージが、私の場合はすっかり根付いているのですが、海外の名刺を見てい
-
-
高画質な写真が商用でも使える無料のストックフォトサービス「SplitShire」
以前、「超ハイクオリティな写真素材を無料ダウンロードできるサイト12」で、無料で利用できる高画質なス
-
-
フライヤー・チラシ・パンフレット用無料テンプレート80(ベクター形式)
ベクター形式のフライヤー・チラシ・パンフレットに使える無料テンプレートがあったのでご紹介します。
-
-
う、美しい!GIFアニメーションを利用した無料のアイコン素材「Animaticons」
美しいGIFアニメーションを利用した無料のアイコン素材「Animaticons」をご紹介。 GIF
