個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

ロゴをより美しく!グリッドがロゴデザインに統一感と判断基準をもたらす

ロゴをより美しくグリッドがロゴデザインに統一感と判断基準をもたらす

ロゴを美しくデザインするためのテクニックで興味深い記事を見つけました。
私を含め参考になると思いましので、かいつまんでご紹介します。
そのテクニックとは、グリッドを使ったロゴ作成方法です。
具体的には、ロゴをグリッドや円を使って作成する手法になります。
アップルのロゴを説明するときに、よく正円と黄金比が使われるのですが、あの手法ですね。
グリッドを使用したロゴ制作は、幾何学的なデザインテクニックであり、すべてのデザインに必要なテクニックというわけではありません。
しかしながら、グリッドを使ったロゴ制作は、ロゴデザインを正確に制作できながら、ロゴ自体が時代を超えた素晴らしいブランディング力をもつようになる手法であるとも、その記事は指摘しています。
確かに、グリッドや円を使用すれば、論理的なデザインを行うことができるため、しっかりとした根拠のあるデザインを作成できるメリットもあります。
根拠があれば、クライアントや周囲を納得させることもできますよね。
ロゴデザインのご参考になれば幸いです。

グリッドと幾何学的形状がもたらす効果

グリッドを使ったロゴ制作の好例となる動画があるので、まずはそれを見てください。

このロゴマークは、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」を意訳してご紹介させていただきました。

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 1
  • 0

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

脱初心者!Photoshopを使用するなら注意したい11のこと

Photoshopを使っている方は多いと思います。 でも、先生や先輩などについて教えてもらった場合

記事を読む

FIFAワールドカップ1930年大会からのFIFAワールドカップチケットデザイン

FIFAワールドカップ1930〜2014年大会までのFIFAワールドカップチケットデザイン

旬なネタで。 FIFAワールドカップのチケットをテレビなどでご覧になった方もおられると思いますが、

記事を読む

商用無料! 国内外の画像配布サイトまとめ!フリーストックフォトサイト88

商用無料! 国内外の画像配布サイトまとめ!フリーストックフォトサイト88

商用無料で利用できる国内外の画像配布サイトをまとめました。 画像を無料で利用するなら、これらをチェ

記事を読む

パッケージデザインvol.17 参考になる優れたパッケージ/プロダクトデザイン20をご紹介(金曜日企画)

デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.17

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第17回目となりました。

記事を読む

有料の写真素材/ストックフォトサービスならこの4サービスがおすすめ!便利な価格表付

ロイヤリティーフリー画像を利用するとき、これまで無料で利用できる画像を探して使っていました(詳しくは

記事を読む

おしゃれなアイコンがいっぱい! おすすめのフリーアイコンセット50(2015年版)

おしゃれなアイコンがいっぱい! おすすめのフリーアイコンセット52(2015年版)

2015年もたくさんのおしゃれアイコンが登場しました。 トレンドしては、SVGタイプのアイコンと、

記事を読む

無料の地図/マップ/等高線のシームレスパターン素材8

地図/マップ/等高線模様のシームレスパターンが公開されていたのでご紹介します。 ビンテージなデザイ

記事を読む

う、美しい!GIFアニメーションを利用した無料のアイコン素材「Animaticons」

う、美しい!GIFアニメーションを利用した無料のアイコン素材「Animaticons」

美しいGIFアニメーションを利用した無料のアイコン素材「Animaticons」をご紹介。 GIF

記事を読む

Photoshopを使って光沢のあるプラスチック風な効果をテキストにつける方法:海外チュートリアル翻訳02

海外のサイトで公開されているPhotoshopやIllustratorをはじめとした代表的なソフトを

記事を読む

デザインの現場で活躍する無料のPhotoshop用シームレスパターン300+

「困ったときのシームレスパターン」みたいな感じで日々シームレスパターンを活用しています。 ですので

記事を読む