ロゴを置くときに守るべきルールの多くは、そのロゴの「ガイドライン(レギュレーション)」に書かれています。そのうえで、Webサイト、バナー、チラシ、名刺、プレゼン資料など、媒体ごとに置き場所の目安があります。
この記事では、ガイドラインで決められていること、媒体ごとのロゴの位置、まわりとバランスよく置くコツを解説します。
目次
ロゴのガイドライン(レギュレーション)で決められていること
企業やブランドのロゴには、使い方のルールをまとめた「ガイドライン」や「レギュレーション」が用意されていることがあります。ロゴの配置で守るべきルールの多くは、ここに書かれています。ロゴを置く前に、まず次の項目を確認しましょう。
ロゴの基本形と組み合わせ
横組み・縦組み、マークと文字の組み合わせなど、使ってよい形が決められています。置く場所の形(横長・縦長)に合わせて選びます。
使ってよい色
画面用のカラーコード、印刷用のCMYK、DICなどの特色で、ロゴの色が指定されています。画面と印刷で指定が違うことがあるので、使う媒体に合ったものを選びます。
余白(アイソレーションエリア)
ロゴのまわりに、ほかの文字や写真を置いてはいけない余白が決められています。「アイソレーションエリア」や「クリアスペース」とも呼ばれます。余白の大きさは、ロゴの高さの何割、のようにロゴの大きさを基準に決められていることが多いです。
最小サイズ
ロゴがつぶれて読めなくならないよう、これ以上小さくしてはいけない大きさが、px(画面)やmm(印刷)で決められています。バナーや名刺のように小さな場所に置くときは特に注意します。
使用禁止例
ロゴを変形する、指定以外の色にする、影や縁取りをつける、見えにくい背景に置くなど、してはいけない使い方の例がまとめられています。
ガイドラインがないときは
ガイドラインがないロゴを使うときは、使ってよい色、最小サイズ、白抜きにしてよいかを、ロゴの持ち主に確認してから作りましょう。あとから「この色では使わないでほしい」と言われると、作り直しになります。
媒体ごとのロゴの位置の目安
ロゴの位置には、媒体ごとに目安があります。多くの場合、ロゴは主役ではなく「だれのサイト・広告・資料なのか」を伝える役割です。見る人に最初に読んでほしいもの(商品やキャッチコピー)を邪魔しない場所に、余白をとって置きましょう。
Webサイト
Webサイトでは、ロゴを左上に置き、トップページへのリンクにするのが基本です。アメリカのユーザビリティ調査会社 Nielsen Norman Group の調査では、右上に置くと名前を覚えてもらいにくく(調査の記事)、中央に置くとトップページに戻りにくくなる(調査の記事)という結果が出ています。
調査の数字や、中央・右上に置くときの注意点は「Webサイトのロゴの位置は左上が基本」でくわしく紹介しています。
バナー
バナーでは、ロゴを四隅のどこかに小さめに置き、キャッチコピーや商品写真より目立たせないのが一般的です。ただし、広告の媒体や広告主ごとに、ロゴの入れ方が決まっていることがあります。たとえば Google 広告のレスポンシブ ディスプレイ広告では、ロゴを画像とは別に登録し、広告の形に合わせて自動で配置されます。
弊社でバナーを作るときは、ロゴやリンク先のLPのトンマナを参考に色を決め、納品前に、掲載する媒体に合っているかを確認しています。
チラシ
チラシの表面では、ロゴを上部か下部に置くのが一般的です。お店や会社の名前を覚えてもらいたいときは、電話番号・地図・QRコードなどの問い合わせ先と一緒に下部にまとめて置くと、どこに連絡すればよいかが一目で分かります。
裏面に載せる情報は「チラシの裏面に書くことは?」で紹介しています。
名刺
名刺では、ロゴを左上や上部の中央に置き、会社名の近くに配置するのが一般的です。名刺は小さいので、ロゴが決められた最小サイズを下回らないかを、特に確かめましょう。
プレゼン資料
プレゼン資料では、表紙にロゴを大きめに置き、本文のページでは右下や左上などの隅に小さく置くのが一般的です。ページごとに位置がずれると目立つので、PowerPoint の「スライド マスター」や Google スライドの「テーマを編集」でロゴを置いておくと、全ページで同じ位置にそろいます。
ロゴをバランスよく置く3つのコツ
ロゴの位置を決めたら、まわりとのバランスを整えます。
端からの距離をほかの要素とそろえる
ロゴと紙や画面の端との距離は、ほかの要素の余白とそろえます。たとえば本文の左端が端から40pxなら、ロゴの左端も40pxにそろえると、全体が整って見えます。
主役より目立たせない
ロゴが大きすぎると、キャッチコピーや商品が目立たなくなります。見る人に最初に読んでほしいものを決め、ロゴはそれより小さく、控えめな位置に置きます。ただし、会社や商品の名前を覚えてもらうことが目的の広告では、反対にロゴを大きく扱うこともあります。
背景に合わせてロゴの種類を使い分ける
写真や濃い色の上にロゴを置くと、見えにくくなることがあります。白抜きやモノクロなど、背景に合わせて使えるロゴの種類が用意されていれば、それを使い分けましょう。用意されていない場合は、ロゴの下だけ背景を単色にするなど、ロゴの形や色を変えずに見やすくする方法を考えます。
まとめ
ロゴの配置で守るべきルールは、まずガイドラインで確認します。よく決められているのは、基本形、色、余白、最小サイズ、使用禁止例です。位置の目安は、Webサイトなら左上、バナーなら四隅に小さめ、チラシなら上部か下部、プレゼン資料なら表紙は大きく本文は隅に小さく、です。どの媒体でも、主役を邪魔しない場所に余白をとって置きましょう。
ロゴを作る側の考え方は「ロゴデザインとは」「ロゴデザインでやってはいけないこと10選」で紹介しています。
デザインの確認で「ロゴをもう少し小さく」「ロゴのまわりを空けて」と伝えるときは、画像の上に直接書き込むと、場所と大きさが正確に伝わります。修正指示ツール「mitekaku」なら、画像やWebページに直接コメントを書き込めます。
ポイント
■ガイドラインで確認すること
・基本形と組み合わせ
・使ってよい色
・余白(アイソレーションエリア)
・最小サイズ
・使用禁止例
■媒体ごとの位置の目安
・Webサイト:左上。トップページへのリンクにする
・バナー:四隅に小さめ。媒体のルールも確認
・チラシ:上部か下部。問い合わせ先と一緒に
・名刺:会社名の近く。最小サイズに注意
・プレゼン資料:表紙は大きく、本文は隅に小さく





