logo designApril 20, 202612 min read

ロゴデザインのプロセス: ブリーフから最終ファイルまでの7ステップ

現役デザイナーが実際に使うロゴデザインのプロセスを完全解説。ブリーフ、リサーチ、コンセプト、スケッチ、ベクター、バリアント、ハンドオフ。実際のテンプレートと納品チェックリスト付き。

By Boone
XLinkedIn
logo design process

良いロゴは必然に見える。他のどんなものにもなれなかったかのように。その必然性は、ステップを絶対に飛ばさないデザイナーが7回繰り返して実行するプロセスの産物だ。

ほとんどの悪いロゴは、センスの問題ではない。デザイナーが初日からIllustratorを開き、ブリーフを飛ばし、リサーチを飛ばし、スケッチを飛ばし、バリアントシステムを飛ばし、ハンドオフを飛ばしたことが原因だ。この記事では、現役デザイナーが実際に使うプロセスを、実際のブリーフテンプレートと納品チェックリストとともに解説する。

プロセスこそが成果物

ロゴは目に見える出力物だ。プロセスは、それをピッチデッキの外でも生き続けさせるものだ。

午後一日で作ったロゴは、午後一日で作ったように見える。ランディングページのヘッダーで1xサイズならなんとかなるが、16pxのファビコン、黒いTシャツ、刺繍入りの帽子では通用しない。7つのステップは積み重なる。各ステップが次を絞り込む。どこかを飛ばすと、その次のステップは必要な制約なしに動き出す。それが「素早いロゴ」が6ヶ月後に未解決なまま残る理由だ。

ステップ1: 実際に使えるブリーフ

ブリーフは契約書だ。ブリーフが曖昧なら、ロゴも曖昧になる。どれだけスケッチしても修正はできない。

ほとんどのブリーフが失敗するのは、マーケティングアンケートか雰囲気ドキュメント(「クリーンだけどボールドで、でもフレンドリーで、でもプレミアム感も欲しい」)のどちらかだからだ。どちらも何も絞り込まない。使えるブリーフは、1枚のページに5つの質問への具体的な回答を強制する。以下のテンプレートをそのまま使い、キックオフコールの前にクライアントに記入してもらうこと。

セクション質問回答形式
1. ビジネス一文で、このビジネスは何をするのか?一文。ミッションステートメントは不可。
2. オーディエンスこれまでで最高の顧客は誰か?2文で描写せよ。実在の人物。ペルソナは不可。
3. 競合3社挙げよ。あなたのロゴが似てはいけないのはどれか?避けている3つのロゴのリンク。
4. 使用場所ロゴが最もよく登場する場所はどこか?上位3つの媒体、優先順位付き。
5. 感情このリストからブランドを表す3つの言葉を選べ。表さない3つも選べ。共有語彙リストから。

感情の質問は、ほとんどのデザイナーが飛ばすものだ。25〜40の形容詞からなる語彙リストを用意する(bold, restrained, playful, serious, warm, clinical, classic, contemporary, technical, human, soft, sharp)。3つのポジティブな選択と3つのネガティブな選択を強制する。ネガティブな選択の方がポジティブな選択より価値がある。「clinical ではない」は「warm」より絞り込みの力が強い。

このステップの背景にある広いブランドコンテキストについては、ブランドアイデンティティの作り方を参照。ロゴが内包するディスカバリー層を扱っている。ここのブリーフは、ロゴのみのスコープ向けに圧縮したバージョンだ。ブリーフにサインがもらえるまでFigmaは開かない。ブリーフの修正は安い。ロゴの修正は安くない。

ステップ2: 意見を持つ権利を稼ぐリサーチ

リサーチは、実際の思考の大半が起きる場所だ。ロゴはまだ描かれていない。それが重要なのだ。

リサーチには3つのパスがある。順番を守ること。順番を飛ばすと、意見を持つ権利を稼ぐ前にコンセプトに偏りが生まれる。

競合パス。 競合他社と隣接カテゴリのロゴをすべて1つの監査ボードにまとめる。カラーファミリー、マークスタイル(ワードマーク、レターマーク、シンボル、コンビネーション)、時代、クラフトのレベルでグループ分けする。このボードは、カテゴリがすでにどんな見た目をしているかの証拠であり、あなたが似てはいけないものを教えてくれる。

カテゴリパス。 ブランドが借りたい隣接カテゴリのロゴをまとめる。デザインツールっぽく見せたいフィンテックは、PayPalではなくLinearとVercelを参照する。ハードウェアブランドっぽく見せたいコーヒーショップは、StarbucksではなくBraunとMujiを参照する。借りる方向性こそ、良いアイデアが生まれる場所だ。

クラフトパス。 自分が個人的に尊敬するロゴを20〜40個集める。カテゴリで絞らない。これは、良いロゴがどんな感じかを思い出すための作業で、手が最初に描く形にデフォルトしないようにするためだ。

リサーチは、3つの文が書けるようになったら終わりだ。カテゴリが今どんな見た目をしているか、ブランドがその外側から何を借りるべきか、そしてこのロゴが競合の誰も持っていない何を獲得するか。

暗いスタジオの床に3段重ねのリサーチグループを持つボクセルムードボードグリッド: ミュートなワードマークの競合ロウ、クリスプなジオメトリックマークのカテゴリ借用ロウ、抑制されたタイムレスなシンボルのクラフトロウ。各ロウ間にクリーンなシアンのセパレーターライン。
暗いスタジオの床に3段重ねのリサーチグループを持つボクセルムードボードグリッド: ミュートなワードマークの競合ロウ、クリスプなジオメトリックマークのカテゴリ借用ロウ、抑制されたタイムレスなシンボルのクラフトロウ。各ロウ間にクリーンなシアンのセパレーターライン。

ステップ3: ピクセルより先にコンセプト

コンセプトとは、ロゴがどんな見た目をするかを決める前に、ロゴが何をしているかを決めることだ。同じブリーフを使っても、2人のデザイナーがまったく異なるロゴを作れるのは、コンセプトが違うからだ。

コンセプトとは、マークが伝えるべきことと感じ方を説明する1つの文だ。使うべき形でも、色でもない。例えば:

  • 「マークは、声を荒げる必要のない静かな自信を感じさせるべきだ。」
  • 「マークは、製品そのもののような、一続きの動きを感じさせるべきだ。」
  • 「マークは、ブランド名そのものがロゴ全体になるほど巧みに描かれたタイプのように感じさせるべきだ。」

探索すべきコンセプトの数は3つが適切だ。1つはまだ稼いでいないコミットメントだ。10つはコミットを拒否することだ。3つならば、守れる方向性を選び、スケッチ前に悪いものを切り捨てることができる。

3つのコンセプトをクライアントに提示するのは、画像ではなく言葉で行う。アイデアをピッチしているのであって、実行をピッチしているのではない。クライアントが3つの文から方向性を選べないなら、ブリーフが十分に具体的ではなかったということで、ステップ1に戻る。

ステップ4: 手でスケッチする

スケッチとは、コンセプトを形にすることだ。紙の上で行う。Figmaではない。これには具体的な理由がある。

デジタルツールはすべてを均等に磨く。すべての線がスムーズで、すべての曲線がクリーンで、すべての角が整っている。その滑らかさは序盤では罠だ。なぜなら、すべてのアイデアが同じように仕上がって見え、良いアイデアと磨かれた悪いアイデアを区別できなくなるからだ。紙は不均等だ。紙は20分で同じマークを40回描くことを強制し、35回目までに、どのバージョンが重要な構造的骨格を持っているかがわかる。

良いスケッチセッションでは、1コンセプト方向につき30〜80個のサムネイルが生まれる。小さく、速く、汚く、消しゴムは使わず、判断しない。スキャンする価値のある5〜10個を選び、Figmaに小さなサイズで取り込み、グループとして見る。まだ正しく感じる2〜3個がベクター化の候補だ。

ボクセルワークスペースの俯瞰: インクで小さな粗いロゴサムネイルが描かれた紙のスケッチブック、その隣に置かれた数本の鉛筆、コーヒーカップ、端に置かれたタブレット。タブレットにはグリッド上に小さなサイズでスキャンされた同じサムネイルが表示されている。暗いBrainyスタジオの木製デスク。
ボクセルワークスペースの俯瞰: インクで小さな粗いロゴサムネイルが描かれた紙のスケッチブック、その隣に置かれた数本の鉛筆、コーヒーカップ、端に置かれたタブレット。タブレットにはグリッド上に小さなサイズでスキャンされた同じサムネイルが表示されている。暗いBrainyスタジオの木製デスク。

ステップ5: 生き残った少数のベクター化

ベクター化はクラフト作業だ。すべての曲線、すべての角、すべての光学補正が意図を持って行われる。ここで品質が決まる。

3つのことが重要で、ほとんどのジュニアデザイナーは最初の1つしかやらない。

構築。 ロゴを厳密なジオメトリックグリッド、緩い光学グリッド、またはポストホックで洗練されたフリーハンドの曲線で構築するかを決める。厳密なグリッドはエンジニアリングされた感じを与え、緩い光学グリッドは人間的な感じを与え、フリーハンドはクラフトされた感じを与える。1つを選び、すべての文字と形状にわたってその規律を維持する。

光学補正。 数学的な精度と視覚的な精度は同じではない。完全に円形のOは同じ高さの正方形より小さく見えるため、ラウンドフォームを1〜2パーセント大きくし、垂直ストロークに水平ストロークより少し多くのマスを与える。幾何学的には正確でも光学的に誤ったマークはおかしく見え、クライアントはなぜかを説明できない。これがアマチュアとプロのベクター作業を分ける線だ。

削減。 すべての段階で、何を取り出せるかを問う。曲線、セリフ、ディテールを削除する。マークがまだ読めるなら、そのディテールは装飾であり構造ではない。ネガティブスペースロゴデザインのアプローチは、この規律を形の間のスペースに適用した一つの形式だ。

ベクターステージは、マークが24pxで明確に読め、240pxでも成立し、どの1つの要素を取り除いても崩れる状態になったときに終わる。

ステップ6: バリアントとマークを取り囲むシステム

単一ファイルはマークだ。バリアントシステムがロゴだ。その違いが、納品できるロゴとピッチデッキのヒーローでしか機能しないロゴを分ける。

使えるロゴは、最低限以下のバリアントシステムとして納品される:

バリアント使用場面
プライマリロックアップ通常ワードマーク+マークのフルロゴ
横型ロックアップページヘッダー、メール署名、フッターストリップ
縦型ロックアッププロフィールアバター、アプリアイコン、名刺の裏
マークのみファビコン、アプリアイコン、ソーシャルアバター
ワードマークのみマークが小さすぎる文脈
モノクロ印刷・グッズ用のピュアブラック、ホワイト、シングルカラーブランドインク
ライト・ダーク背景用ペアのクリアスペースとコントラストルール
最小サイズルールロックアップが崩れてマークのみに切り替わるタイミング

バリアントシステムは、色の決定を本番で行う場所でもある。ブランドカラーパレットガイドはレイヤードアプローチをカバーし、タイポグラフィシステムの作業はタイプに適用した同じ規律だ。

暗いスタジオ表面のボクセルバリアントグリッド: 左上のプライマリ横型ロックアップ、その隣の縦型ロックアップ、マークのみの正方形、ワードマークのみのバー、白背景に黒のタイル、黒背景に白のタイル、右下のシングルカラーブランドインクタイル。各タイルに細いシアンのアウトライン。クリーングリッド。
暗いスタジオ表面のボクセルバリアントグリッド: 左上のプライマリ横型ロックアップ、その隣の縦型ロックアップ、マークのみの正方形、ワードマークのみのバー、白背景に黒のタイル、黒背景に白のタイル、右下のシングルカラーブランドインクタイル。各タイルに細いシアンのアウトライン。クリーングリッド。
ボクセルハンドオフパック: ボクセルブロックのクリーンなフォルダーツリー図。ソースファイル、SVGエクスポート、PNGサイズ、PDF印刷ファイル、ファビコン、スペックドキュメント、アプリケーションのラベル付きスタックがある。各スタックからコンテンツタイプを示す小さなサンプルタイルへシアンラインが繋がっている。暗いBrainyスタジオの背景。
ボクセルハンドオフパック: ボクセルブロックのクリーンなフォルダーツリー図。ソースファイル、SVGエクスポート、PNGサイズ、PDF印刷ファイル、ファビコン、スペックドキュメント、アプリケーションのラベル付きスタックがある。各スタックからコンテンツタイプを示す小さなサンプルタイルへシアンラインが繋がっている。暗いBrainyスタジオの背景。

ステップ7: ハンドオフパック

ハンドオフとは、ロゴが財産になる瞬間だ。ほとんどのフリーランサーは3枚のPNGをZIPに入れて完了と呼ぶ。それはファイル転送であってハンドオフではない。

本物のハンドオフパックには、クライアントの社内チームと外部パートナーが今後5〜10年にわたって必要とするすべてのものが含まれる。一度作り、一度納品し、二度と問い合わせを受けない。これを納品チェックリストとして使うこと。

ソースファイル

  • マスターベクターファイル(AI または SVG)、編集可能、レイヤー名あり
  • バリアントごとの個別ファイル(横型、縦型、マーク、ワードマーク、モノクロ)
  • SVGエクスポート、最適化済み、ウェブ対応
  • 複数サイズのPNGエクスポート、透明背景
  • 印刷用PDFエクスポート(CMYK、必要に応じてブリード付き)
  • ファビコンセット(16x16, 32x32, 180x180, 512x512)

スペックドキュメント

  • クリアスペースルール、図解付き
  • 最小サイズルール、図解付き
  • カラートークン(hex, RGB, CMYK、印刷関連ならPantone)
  • タイポグラフィペアリング、プライマリと代替書体の名称付き
  • 使用上のDo'sとDon'ts、視覚的に表示

アプリケーションとライセンス

  • ブランドカラーおよび写真背景でのロゴ、承認済み
  • ソーシャルアバター(400x400 および 1024x1024)
  • メール署名コンポジション、プレゼンテーションタイトルスライドテンプレート
  • 署名済み所有権移転書、商用フォントを使用している場合はタイポグラフィライセンス記載
  • ローンチ後6ヶ月間のブランド質問連絡先

フォルダー構造を説明するreadmeを付けてZIPにまとめること。ハンドオフパックは、クライアントが「誰かを雇った」という感覚から「何かを所有している」という感覚に変わる瞬間だ。


あらゆる媒体で生き続けるロゴが必要ですか?Brainyはブリーフ、バリアント、納品パックを含む7ステップのフルロゴプロセスを実施しています。


リアルなプロジェクトタイムライン

7つのステップを、ソロデザイナーまたは小規模スタジオの実際のスケジュールとして示す。

ステップ作業日数成果物
1. ブリーフ1-21ページの署名済みブリーフ
2. リサーチ2-33文の監査サマリー
3. コンセプト1-23つの文章によるコンセプト方向性
4. スケッチ2-4スキャンしたサムネイル、2〜3つの候補
5. ベクター3-5洗練されたベクターマーク
6. バリアント2-4フルバリアントシステム
7. ハンドオフ1-2完全なハンドオフパック
合計12-22日

リアルなカレンダー時間はソロデザイナーで4〜8週間。価格はスコープに比例する。フリーランスのロゴのみは小規模ビジネスで2,000〜15,000ドル、中規模では15,000〜40,000ドル。スタジオは同スコープで25,000〜100,000ドルを、より深いクラフトとともに請求する。2,000ドル以下では、ロゴプロセスではなくテンプレートフォントのワードマークが手に入るだけだ。

ロゴプロジェクトを殺す3つのミス

これが何百回も失敗していくのを見てきた経験から、3つのパターンが他の何よりも確実にロゴの仕事を殺す。

Figmaで始めること。 すべてのデザイナーは、ブリーフ、リサーチ、スケッチを飛ばして形を動かし始めたいという誘惑に駆られる。そうして出てきたロゴは、デザイナーがすでに作り方を知っていた形のように見える。3回目の修正ラウンドを生き残れない。常に紙を先に。

バリアントではなく単一ファイルのロゴを見せること。 クライアントが単一ファイルのロゴを却下するのは、名刺、アバター、ファビコンでどう機能するかが見えないからだ。バリアントこそ、クライアントがロゴを自分が操作できるシステムとして視覚化する方法だ。

ハンドオフパックを飛ばすこと。 クライアントがPNGを受け取り、6ヶ月後にソースファイルが見つからず、新しいエージェンシーにロゴを作り直してもらう。3週間かけて作ったマークが、あなたのブリーフを見たことのない誰かに再描画される。ハンドオフパックは、あなたがいなくなった後も作品を守るものだ。

FAQ

ロゴデザインのプロセスはどのくらい時間がかかりますか?

7ステップをフルに実行するソロデザイナーの場合: 12〜22作業日、クライアントレビューを含めると4〜8カレンダー週間。スタジオエンゲージメント: 大きなチームで3〜6週間。2週間以内に約束されたものは、ブリーフ、リサーチ、またはバリアントシステムを飛ばしている。

ロゴデザインブリーフに含めるべきことは?

5セクション、1ページ、キックオフ前にクライアントが記入。ビジネスが一文で何をするか、最高の顧客が誰か、3つの競合とロゴが似てはいけないもの、ロゴが登場する上位3つの媒体、そしてブランドを表す共有語彙リストからの3つの形容詞とそうでない3つ。ネガティブな形容詞の方が形容詞より重要だ。

本当に紙でスケッチする必要がありますか?

はい。理由は構造的なものだ。デジタルツールはすべてを均等に磨き、どのアイデアに本当の骨格があるかを隠してしまう。紙は同じマークを何度も描くことを強制し、その反復が画面では見えない構造的アイデアを浮かび上がらせる。紙を飛ばすデザイナーのほとんどは、技術的にはクリーンだが一般的な感じのロゴを生み出す。

必然性を稼ぐロゴを出荷する

7つのステップは官僚主義ではなく、積み重ねだ。ブリーフがリサーチを絞り込み、リサーチがコンセプトを絞り込み、コンセプトがスケッチを絞り込み、スケッチがベクターを絞り込み、ベクターがバリアントを絞り込み、バリアントがハンドオフを絞り込む。ロゴが出荷される頃には、6つのフィルターを通り抜けており、出てくるのはブリーフが与えられた条件下で存在しえた唯一のバージョンだ。それがロゴを必然的に感じさせる品質だ。天才でもセンスでもなく、正しくない選択肢をすべて除去したプロセスだ。

7つのステップを実行すること。ブリーフテンプレートを使うこと。バリアントシステムを出荷すること。ハンドオフパックを納品すること。そのロゴは、クライアントがあなたの名前を覚えなくなった後も、クライアントのビジネスで機能し続けるだろう。

あらゆる媒体で生き続けるロゴが必要ですか?Brainyはブリーフ、バリアント、納品パックを含む7ステップのフルロゴプロセスを実施しています。

Need a logo that survives every surface it lands on? Brainy runs the full seven-step logo process with the brief, the variants, and the delivery pack included.

Get Started