<無料>デザイン修正指示をもっと簡単に効率化

   

デザイン会社が発信するデザイン制作情報

mitekaku journal

2022/11/29

更新 2026/10/28

ロゴの配置ルールとは?ガイドラインの決まりと、バナー・チラシ・資料別の位置

ロゴを置くときに守るべきルールの多くは、そのロゴの「ガイドライン(レギュレーション)」に書かれています。そのうえで、Webサイト、バナー、チラシ、名刺、プレゼン資料など、媒体ごとに置き場所の目安があります。
この記事では、ガイドラインで決められていること、媒体ごとのロゴの位置、まわりとバランスよく置くコツを解説します。

ロゴのガイドライン(レギュレーション)で決められていること

企業やブランドのロゴには、使い方のルールをまとめた「ガイドライン」や「レギュレーション」が用意されていることがあります。ロゴの配置で守るべきルールの多くは、ここに書かれています。ロゴを置く前に、まず次の項目を確認しましょう。

ロゴの基本形と組み合わせ

横組み・縦組み、マークと文字の組み合わせなど、使ってよい形が決められています。置く場所の形(横長・縦長)に合わせて選びます。

使ってよい色

画面用のカラーコード、印刷用のCMYK、DICなどの特色で、ロゴの色が指定されています。画面と印刷で指定が違うことがあるので、使う媒体に合ったものを選びます。

余白(アイソレーションエリア)

ロゴのまわりに、ほかの文字や写真を置いてはいけない余白が決められています。「アイソレーションエリア」や「クリアスペース」とも呼ばれます。余白の大きさは、ロゴの高さの何割、のようにロゴの大きさを基準に決められていることが多いです。

最小サイズ

ロゴがつぶれて読めなくならないよう、これ以上小さくしてはいけない大きさが、px(画面)やmm(印刷)で決められています。バナーや名刺のように小さな場所に置くときは特に注意します。

使用禁止例

ロゴを変形する、指定以外の色にする、影や縁取りをつける、見えにくい背景に置くなど、してはいけない使い方の例がまとめられています。

ガイドラインがないときは

ガイドラインがないロゴを使うときは、使ってよい色、最小サイズ、白抜きにしてよいかを、ロゴの持ち主に確認してから作りましょう。あとから「この色では使わないでほしい」と言われると、作り直しになります。

媒体ごとのロゴの位置の目安

ロゴの位置には、媒体ごとに目安があります。多くの場合、ロゴは主役ではなく「だれのサイト・広告・資料なのか」を伝える役割です。見る人に最初に読んでほしいもの(商品やキャッチコピー)を邪魔しない場所に、余白をとって置きましょう。

Webサイト

Webサイトでは、ロゴを左上に置き、トップページへのリンクにするのが基本です。アメリカのユーザビリティ調査会社 Nielsen Norman Group の調査では、右上に置くと名前を覚えてもらいにくく(調査の記事)、中央に置くとトップページに戻りにくくなる(調査の記事)という結果が出ています。
調査の数字や、中央・右上に置くときの注意点は「Webサイトのロゴの位置は左上が基本」でくわしく紹介しています。

バナー

バナーでは、ロゴを四隅のどこかに小さめに置き、キャッチコピーや商品写真より目立たせないのが一般的です。ただし、広告の媒体や広告主ごとに、ロゴの入れ方が決まっていることがあります。たとえば Google 広告のレスポンシブ ディスプレイ広告では、ロゴを画像とは別に登録し、広告の形に合わせて自動で配置されます。
弊社でバナーを作るときは、ロゴやリンク先のLPのトンマナを参考に色を決め、納品前に、掲載する媒体に合っているかを確認しています。

チラシ

チラシの表面では、ロゴを上部か下部に置くのが一般的です。お店や会社の名前を覚えてもらいたいときは、電話番号・地図・QRコードなどの問い合わせ先と一緒に下部にまとめて置くと、どこに連絡すればよいかが一目で分かります。
裏面に載せる情報は「チラシの裏面に書くことは?」で紹介しています。

名刺

名刺では、ロゴを左上や上部の中央に置き、会社名の近くに配置するのが一般的です。名刺は小さいので、ロゴが決められた最小サイズを下回らないかを、特に確かめましょう。

プレゼン資料

プレゼン資料では、表紙にロゴを大きめに置き、本文のページでは右下や左上などの隅に小さく置くのが一般的です。ページごとに位置がずれると目立つので、PowerPoint の「スライド マスター」や Google スライドの「テーマを編集」でロゴを置いておくと、全ページで同じ位置にそろいます。

ロゴをバランスよく置く3つのコツ

ロゴの位置を決めたら、まわりとのバランスを整えます。

端からの距離をほかの要素とそろえる

ロゴと紙や画面の端との距離は、ほかの要素の余白とそろえます。たとえば本文の左端が端から40pxなら、ロゴの左端も40pxにそろえると、全体が整って見えます。

主役より目立たせない

ロゴが大きすぎると、キャッチコピーや商品が目立たなくなります。見る人に最初に読んでほしいものを決め、ロゴはそれより小さく、控えめな位置に置きます。ただし、会社や商品の名前を覚えてもらうことが目的の広告では、反対にロゴを大きく扱うこともあります。

背景に合わせてロゴの種類を使い分ける

写真や濃い色の上にロゴを置くと、見えにくくなることがあります。白抜きやモノクロなど、背景に合わせて使えるロゴの種類が用意されていれば、それを使い分けましょう。用意されていない場合は、ロゴの下だけ背景を単色にするなど、ロゴの形や色を変えずに見やすくする方法を考えます。

まとめ

ロゴの配置で守るべきルールは、まずガイドラインで確認します。よく決められているのは、基本形、色、余白、最小サイズ、使用禁止例です。位置の目安は、Webサイトなら左上、バナーなら四隅に小さめ、チラシなら上部か下部、プレゼン資料なら表紙は大きく本文は隅に小さく、です。どの媒体でも、主役を邪魔しない場所に余白をとって置きましょう。
ロゴを作る側の考え方は「ロゴデザインとは」「ロゴデザインでやってはいけないこと10選」で紹介しています。
デザインの確認で「ロゴをもう少し小さく」「ロゴのまわりを空けて」と伝えるときは、画像の上に直接書き込むと、場所と大きさが正確に伝わります。修正指示ツール「mitekaku」なら、画像やWebページに直接コメントを書き込めます。

ポイント

■ガイドラインで確認すること
・基本形と組み合わせ
・使ってよい色
・余白(アイソレーションエリア)
・最小サイズ
・使用禁止例
■媒体ごとの位置の目安
・Webサイト:左上。トップページへのリンクにする
・バナー:四隅に小さめ。媒体のルールも確認
・チラシ:上部か下部。問い合わせ先と一緒に
・名刺:会社名の近く。最小サイズに注意
・プレゼン資料:表紙は大きく、本文は隅に小さく