ブランドガイドラインの作り方｜最低限の6項目と目次テンプレート

ブランドブックは数十ページになることもありますが、社外の人がロゴを使うときに実際に見るのは、そのうちの数ページです。

以下では、デザイン専任がいないチームでも用意できる最低限の6項目を順に説明し、後半では、配ったのに古いルールが使われ続ける問題への対処にも触れます。

ブランドガイドライン・ブランドブック・VI/CIの違い

似た言葉が多く混同されやすいので、先に違いを整理しておきます。区別するときは、名前よりも、誰に何を渡すための文書なのかに注目すると分かりやすくなります。

何のために作るのか

ガイドラインを作るのは、ロゴや色を使う人が判断に迷う回数を減らすためで、デザインの自由を縛る意図はありません。メディアからロゴを求められたときや、パートナー企業が事例ページを作るとき、社員が登壇資料を作るときに、毎回だれかが「これでいいですか」と確認してくるなら、その答えをまとめて書いておいたものがガイドラインになります。

そのため、まだ問い合わせが来ていない項目は書かなくてかまいません。最初から完璧な体系を目指すより、実際に聞かれた質問から順に埋めていくほうが、早く使えるガイドラインになります。

最低限そろえる6項目

優先度の高い順に並べており、上から3つまで用意できれば、たいていの用途には足ります。

1. ロゴデータ一式。使ってよいバリエーション（横組み・縦組み・シンボル単体）を、明るい背景用と暗い背景用の両方そろえます。
2. 使用禁止例。実際によくある改変を図で示します。
3. クリアスペース。ロゴの一部の大きさを単位にして、相対値で指定します（決め方はロゴのクリアスペースと最小サイズの決め方）。
4. 最小使用サイズ。画面表示用と印刷用を分けて決めます。
5. ブランドカラー。HEX・RGB・CMYKを並べて書きます。
6. 連絡先。判断に迷ったときに質問できる窓口です。

目次テンプレート

白紙から書き始めると途中で手が止まりやすいため、次の章立てをコピーして、書ける項目から埋めてください。なお、空欄のまま残った章は、今のところ必要ないと判断してかまいません。

ページ数は少なくてかまいません。8章すべてが1ページに収まっても、各章に必要なことが書けていれば十分使えます。

ファイル形式の選び方

配布するファイルの形式は、相手がどこで使うかから決めます。迷ったら、SVGとPNGの2つは入れておいてください。形式ごとの違いと用途別の選び方は、ロゴのファイル形式の違いで詳しく説明しています。

SVG（ベクター）

拡大しても劣化しないので、Webなら大きな表示からファビコンまで1つのファイルで済みます。一方、印刷に使う場合は、入稿先が受け付ける形式（PDFやAI）に変換して渡します。その際、テキストをアウトライン化しないまま書き出すと、相手の環境にそのフォントがなければ表示が崩れるため、書き出す前にアウトライン化しておいてください。

PNG（ラスター、背景透過）

スライド作成ツールや簡易CMS、SNSの入稿欄など、ベクターを扱えない相手向けに用意します。解像度には余裕をもたせ、実際に使われる最大サイズの2倍くらいを目安にします。

PDF・AI

印刷会社や制作会社とやり取りするときに求められる形式です。一般公開の配布ページに置くかどうかは任意ですが、置いておけば入稿のたびにファイルを送り合う手間が減ります。

カラーの指定方法

ブランドカラーは、使う媒体ごとに表記を分けて書きます。Web用のHEX（#RRGGBB）だけを載せていて、印刷で色が合わなくなるケースがあるためです。表記ごとの違いや、RGBからCMYKにそのまま変換できない理由はブランドカラーの指定方法で説明しています。

• 画面表示: HEX または RGB
• オフセット印刷: CMYK、必要なら特色（DICやPANTONEの番号）
• 主要色のほかに、文字に使える濃い色と背景に使える淡い色も決めておくと、実際に使うときに助かります

それぞれの色を文字色に使ってよいかどうかも書いておくと親切です。彩度の高いブランドカラーを白背景の小さな文字に使うと、コントラストが足りなくなります。「見出しの背景色には使ってよいが、本文の文字色には使わない」といった但し書きがあれば、アクセシビリティ上の問題を防ぎやすくなります。

書体の指定

書体を6項目に入れなかったのは、社外の人がロゴを使うだけなら要らないからです。ただし、資料や共同キャンペーンなどで相手にブランドを表現してもらう場面があるなら、書いておく必要があります。

書体の指定には、次の内容を含めます。

• 指定書体（和文・欧文それぞれ、ウェイトまで）
• ライセンスの扱い。相手が同じフォントを持っているとは限らないので、配布できないフォントならそう明記します
• 代替フォント。この中ではこれがいちばん大事です。指定書体を使えない相手はたいていいるので、そのとき何を使ってよいかを書いておかないと、人によってばらばらのフォントが使われます

社名・サービス名の表記ルール

日本語圏では、ロゴよりも社名やサービス名の表記のほうが間違えられやすいです。ロゴは画像なので崩れれば誰かが気づきますが、文字の表記は間違ったまま何年も使われ続けることがあります。そのため、次の点を明記しておいてください。

• 正式表記（英字か、カタカナか。例：「MediaKit」か「メディアキット」か）
• 大文字・小文字（例：「MediaKit」を「MEDIAKIT」「Mediakit」と書いてよいか）
• スペースの有無と、全角・半角のどちらを使うか
• ™ や ® を付けるか。付けるなら、初出のみか毎回か
• 略称を認めるか（認めるなら、どの表記までか）
• 株式会社の位置（前株・後株、英語表記での Inc. / Co., Ltd. の扱い）

使用禁止例の示し方

「ロゴの改変を禁じます」と一行書いただけでは、改変はあまり減りません。というのも、ロゴを崩してしまう人の多くは、改変しているつもりがないからです。幅だけ引き伸ばしたり、影をつけたり、背景写真の上に直接置いたりしても、本人は普通に使ったと思っています。

それより、実際に崩したロゴの画像を並べて、それぞれに×を付けておくほうが伝わります。文章の注意書きを読んでもらうより、「この形はだめ」と目で覚えてもらうほうが記憶に残ります。少なくとも次のものは用意してください。

• 縦横比を変えたもの
• 色を変えたもの
• 効果（影・光彩・枠線）を足したもの
• 背景とのコントラストが不足しているもの

作ったあとの配り方

ガイドラインをPDFにまとめてメールで送ると、相手の手元にコピーが残り、あとで更新しても届きません。ロゴを刷新しても、2年前に送ったPDFを持っている相手は、そこに載っている古いロゴとルールを使い続けます。

これを避けるには、常に最新版を置いておくURLを1つ決めて、ファイルの代わりにそのURLを案内します。置き場所の候補の比較やURLの決め方は、自社ロゴの「公式配布ページ」を持つべき理由で詳しく書いています。

MediaKit™で作る場合は、ロゴ・カラー・使用ルールを登録すると、クリアスペースや最小使用サイズの図が自動で描かれます。手順はアップロードガイドに、実際の公開例は掲載組織一覧にあります。