はてなブログからWordpressへ移転完了

ロゴデザインの作り方と重要性をデザイナーが徹底解説します。

「自分だけのオリジナルロゴデザインが欲しい」そんな事を考えたことはありませんか?ブログやWEBサイトデザインにおいて重要なパーツのひとつがロゴデザインです。小さなマークですが、デザインの善し悪しでサイトの印象がガラッと変わってしまう重要な要素のひとつです。

この記事ではロゴデザインの重要性や作るときの考え方を実際にロゴデザインをひとつ作成しながらを紹介してみたいと思います。

デザインする際の参考になれば幸いです。

なお、専門的な話は小難しくなるので省略します。

専門知識が無い方にも広く楽しんでもらえるようなブログを目指していますのでゴリゴリのデザイナー諸氏はご理解の程を。

ロゴマークの重要性

はじめにロゴマークの重要性について。

ロゴマークとは会社やお店で言うところの看板になります。

ナイキやスターバックスコーヒーののロゴデザインは?と聞かれたら多くの方はすぐにそのデザインを思い浮かべることができますよね。いわばイメージのすり込みです。まず看板となるロゴマークを消費者に印象付けることができれば次に商品やサービス内容を自然とイメージしてもらえます。

以上のことからロゴマークは認知度を上げるための重要なツールであるのは間違いありません

OMG

ブログやサイトにロゴが無いということは、看板の無いお店をオープンしているのと同じです。

当ブログのロゴマークを目玉にした理由。

これです。おなじみのこれ。目玉のマークですね。SNSなんかのアイコンもすべてこれで統一。使い始めてもう3年ほどになるので、ぼくのブログ日頃からチェックしてくれていたり、twitterなどでフォーローしていただいている方にはおなじみのマークです。最近、これを元に手書き風のアイコンも作ってみました。

iPadで10秒ぐらいで描いたやつなんですけどねwというのもちょっと怖そうなイメージもあるので、親しみやすいデフォルメしたものもあったほうが良いかと思い作成。

OMG

このようにたまに登場します。

デザインソースは古代エジプトの「ホルスの目」というモチーフをアレンジしたものです。ピラミッドの壁画とかに描いてあるアレですね。

たまに「なぜ目玉にしたのか」という質問をいただきます。
以下のような理由があります。

理由:人間は「顔」を認知しやすい生き物である

この話はデザインをやってる人なら割とおなじみの話なんですけど、人間と言うのは「人の顔」につい目をやってしまう習性があるのだそうです。webサイトのバナーなどに人物の写真が良く使われるのはこのためで、文字だけよりも視線を集めるのに効果的だといわれています。

しかしロゴマークに自分の顔のイラストや写真を使うわけにもいかない(それはもはやロゴマークではない)ので、よりシンボリックにデザインしましたtwitterのアイコンはもちろん、これまでに何度も記事のアイキャッチに入れ込んでいます。

OMG

何度も見ているうちに記憶に残りやすいモチーフをあえて選んでいます。

シンプルなデザインなので上に他の写真を重ねたりしてロゴの一部が欠けて見えなくても認識できてとても使い勝手が良いデザインなんですね。当ブログのロゴは「目」です。それ以外に特に意味を持たせていませんが、特化型のブログの場合は記事内容に付随するモチーフを入れるのがセオリーです。読書ブログであれば本のモチーフ、食べ物ブログであればお箸やスプーンといった具合。

また、リーチしたい読者によってもデザインは変化します。性別や年代など「どんな人に読ませたいか」も考慮すると良いでしょう。つまりロゴデザインする際は、「どんなブログで、どんな人がターゲットか」を明確にしておくとイメージしやすいかと思います。

MEMO
ターゲットに応じてロゴのテイストを変えよう

良いロゴマークの条件とは?

では「良いロゴマーク」とはなんでしょう。もちろん明確な正解はないと思いますし、見る人の好みや価値観によっても良し悪しは変化しますが、ぼく自身が考える良いロゴマークの条件を紹介します。

  • 無意識に注目を集めやすいモチーフであること
  • 意図的に繰り返し使用することを想定したデザインであること
  • シンボリックでどんなシチュエーションでも使用できること
  • カラー、モノクロに左右されないシンプルなデザインであること

ぼくの場合は以上の点を意識してデザインするようにしています。繰り返し何度も使ううちに、読者の皆さんや初めてブログを見てくれる方に印象付ける役割を果たしているのがこのロゴマークになります。もちろん記事のアイキャッチに使うことも最初から想定済みです。カラフルなイラストではこういう使い方は難しいでしょうし、目玉のデザインになったのは、前述の通り「印象に残りやすい強いモチーフが目だった」というのが一番大きな理由です。

そしてデザインはやはりシンプルなものが良いと思います。どんな場面でも使うことができます。そして「カラー、モノクロに左右されないデザイン」というのもかなり重要です。たまにあるのがグラデーションの配色になってるやつ。カラーの場合はキレイなんですが、モノクロ変換した時によくわからない。みたいなことになりかねません。

OMG

ロゴは単色で作るのがおすすめです!

実際のロゴマークの作り方を紹介!

では、実際に一からロゴデザインをする過程を簡単に紹介してみます。みなさんも実際に紙とペンを用意して描いてみてください。イメージを膨らませる作業は楽しい時間ですので、あまり難しく考えずにチャレンジしてみてくださいね!

step1:モチーフを決める

まずはデザインのモチーフを決めます。

  • 書いている人は男性か女性か
  • メインカラーは何色か
  • 読んでもらいたいターゲットはどんな人か
  • ブログテーマや著者から導き出されるイメージはどんなものか
  • ブログデザインはどういったテイストで、どんなロゴがふさわしいか
  • シンプルなのか派手なのか
  • かわいい系か、かっこいい系か
  • 丸いのか四角いのか

というようにあなたのブログを印象付けるにはどのようなデザインがふさわしいのかをイメージしながらモチーフを決定していきましょう。

MEMO
今回は「ウサギ」のモチーフにしようと思います。

step2:ラフスケッチ

では実際に紙とペンで書いていきます。メモ用紙でも何でも良いです。とにかく数をたくさん描きます。あくまで手書きですので、あまりうまく描こうとする必要はありません。

最終的にこんな感じになりました。

step:3ソフトに取り込んでトレースする

ここからPCでの作業になります。わが家にはスキャナが無いので、iphoneで写真を撮りPCに取り込みます(便利)ここからトレースして整形するのでざっくり形が認識できれば良いです。イラストレーターというソフトで展開しました。(上の画像です)

トレースといっても色々やり方はあります。ロゴデザインは長年使用するものですから、均整の取れたデザイン(=飽きの来ない/耐久性があるもの)が望ましいです。

実際に作業に入る前にこちらをご覧ください。

出典:http://www.radflaggallery-design.com/blog/brand-logo-apple

ご存知Appleのリンゴ。長い間そのデザインをほぼ変えていません。なぜでしょう?それはデザインに耐久性があるからです。細部まで徹底して作りこまれていることがよく分かります。twitterのロゴマークもすべて正円の組み合わせからできています。

www.susi-paku.com

今回はこのウサギも同じように均整の取れたデザインを目指して作業していきます。展開した先ほどの画像の上から正円を重ねながら形を作っていきます。

すべての線を引き終わった状態はこんな感じ。なんだかよく分かりませんがすべて正円の組み合わせです。

ちなみに線だけだとこういう感じ。

OMG

よく見てくださいどう見てもウサギです!

その次にすべての線を選択して分割します。

すると線が重なった箇所でバラバラになりますので不要な線を削除。

要らない部分を消していきます。

こんな感じになりますので、今度はそれらを合体して線同士をつなぎ合わせます。

 顔のパーツはその後位置を調整しながら配置しました。

できました。結構簡単でしたね!

完成形と最初の線を重ね合わせるとこういう感じになります。このマークを構成する要素にはラフな線がありませんので形が整って見えます。線の太さも均一になっていますので、拡大・縮小してもデザインが破綻しません。

完成度が高いと言うことは同時に飽きが来ない、耐久性が高いということが言えますね。

もう少し詳しく解説した記事も書きましたのでぜひ御覧ください。

こちらではデザインコンセプトのつくり方なども詳しく紹介しています。

参考 ロゴデザイン完成!コンセプトと作り方のテクニックをすべて公開!THE DIG

ロゴが自分で作れないなら外注もアリ!

なかなか自分でつくろうと思っても現実的に難しい場合がほとんどだとおもいます。

OMG

そんな時は素直にプロに頼みましょう。

価格もそこまで高くは無いです。デザインを発注する際に大事なのは、ちゃんとイメージを相手に伝えられるかです。

デザイナーの立場からすると、「とりあえず良い感じに」とか漠然としたことを依頼されても「やりようがないです」となるわけで。最低限どんなモチーフにするかとか、カッコイイ系、かわいい系とか何かしらのイメージを伝えるっていうのが必須になってきます。

そこで先ほど作ったラフスケッチが役に立ちますね!

このラフをクリエイターにイメージとして伝えればそれなりのものができあがるはずです。ブログのロゴデザインでよく使われているクラウドソーシングはココナラが有名です。価格も500円〜と低価格(クリエイターによって異なります)ランサーズやクラウドワークスではコンペ形式の案件が多いため、どうしても時間もかかりがちです。しかしココナラであれば自分が気に入ったクリエイターに直接発注できるので、時間も短縮できます。また、価格も低めに設定されていることが多いようです。

ココナラでデザイナーを探す


そして、デザイナーの方でしたらココナラに登録して仕事を請けることもできます。
デザインが得意な方は副業にもぴったりです。

デザイナーとしてココナラに登録

デザイナーの方の副業に関してはこちらにまとめてます。
デザイナーの副業にはブログが最適。おすすめの理由を徹底解説!

デザイナーを目指すアナタにはこちらの記事を。
30代・未経験からデザイナーに転職できる?実務経験の積み方も紹介!

デザインは楽しい

たかがロゴデザインと言っても非常に奥が深いことがお分かりいただけたかと思います。小さいデザインですがわれわれデザイナーは多くのことを考え作っています。また自分のブログにお気に入りのロゴができた時はさらに愛着を持って記事更新ができるのではないでしょうか。個性を打ち出すのに非常に有効で、そして最も重要なロゴデザインのお話でした。

11 Comments

hurugi

勉強させて頂きました。
あとデザインって何故この形にした?
と突っこまれた時に、1から10までキチンと説明出来ないと駄目とも言われてますよね。

返信する
shintaka2016

はじめまして、しんたと申します。
今回の記事をリンクさせていただきました。
面白がってくれれば良いのですが。

返信する
omg-ox

OKB (id:hurugi)さん
ありがとうございます。
そうですね。作った理由を説明できないと言うことは「説得力が無い」と同義だと考えます。大事ですね!

返信する
omg-ox

映像大好きKK。 (id:ksmvintro)さん
ありがとうございます!またお読みいただければ嬉しいです!今後ともよろしくお願いします~

返信する
omg-ox

しんた (id:shintaka2016)さん
はじめまして!言及ありがとうございます。嬉しいです!今後ともよろしくお願いいたします!

返信する
通りすがりのデザイナー

「ロゴ」は文字を組んでデザインしたもので、商品名などをデザインしたものを商品ロゴといいます。ソニーのように企業名ロゴがマークになってるものを「ロゴマーク」です。マークがあり、セットでロゴがついてるものを「マーク・ロゴ」といいます。ツイッターのアイコンはロゴではなくマークです。

返信する
kirinup

初めまして〜面白いので読者登録させていただきました、よろしくお願いいたします。^^v

返信する

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です