画面から紙へ：デジタルと印刷用にロゴを引き渡す方法

あなたは、そのコンセプトを完璧に理解している。クライアントはそれを気に入っている。すると、誰かがこう尋ねてきた。「Web用と印刷用のファイルを両方送ってもらえないか？」ちょっとしたパニックが起きる。デジタルと印刷物ではロゴデザインガイドラインが全く異なるからだ。間違えると、看板ではぼやけて見えたり、ウェブサイトでは妙にネオン調に見えたりしてしまう。

初めてのブランドアイデンティティプロジェクトに没頭している人も、長年この仕事に携わっている人も、画面から紙へと移り変わる過程を乗り越えられるロゴ作りのために、実用的なガイドとしてこの内容を参考にしてほしい。

なぜデジタルと印刷の比較が、今なおデザイナーを悩ませているのか

もう簡単になっていていいはずだ？しかし、画面と紙の間のズレは、依然としてクライアントからの苦情や、恥ずかしい再印刷の原因として最も多いものの一つだ。核心となる問題は、画面は光を放出し、紙はそれを反射するということだ。その単一の物理的要因が、色、解像度、ファイル形式、カラープロファイルに関する一連の決定へと連鎖していく。

デジタルロゴはRGBで表現される。RGBでは、CMYKでは物理的に再現できないような、鮮やかで輝きがある、彩度の高い色を実現できる。画面表示専用にデザインし、そのまま印刷所にファイルを送ると、結果にがっかりさせられることがある。濃い紫色が灰色に変わる。ネオングリーンはくすんでしまう。その電気的な青は、誰も認めることのできないものになってしまった。

基礎：両方のフォーマットに対応した確固たるロゴデザインガイドライン

エクスポート設定を考える前に、デジタルであれ印刷物であれ、優れたロゴの基礎は常に同じだ。それは「まずはベクター」ということだ。ロゴがベクター形式で作成されていないなら、それは砂の上に家を建てるようなものだ。

適切なロゴデザインガイドラインには、少なくとも以下の項目が含まれているべきだ：

• カラーモード：画面用にはRGB値、印刷用にはCMYK分解データ、スポットカラー用にはパントーン参照値
• 最小サイズ：ロゴはどのくらいの大きさまで小さくしても判読可能か？
• 余白のルール：ロゴの周囲に設けるべき、決して侵してはならない余白
• 承認されたバリエーション：フルカラー、反転、モノクロ、および単色のバージョン
• ファイル形式ガイド：用途に応じたファイルの選び方。デジタル用にはSVGやPNG、印刷用にはEPSやPDF

文書化されたガイドラインは、単なる形式主義ではない。プロジェクトを引き渡してから半年後、マーケティング担当者が蛍光イエローのトートバッグにロゴを入れようとしたとき、あなたを含め、皆を救ってくれるのがこれだ。

画面上で効果を発揮するデジタルロゴの制作

デジタルロゴには独自の要件がある。今日の画面は、72 PPIのノートパソコンのディスプレイから400 PPIを超えるスマートフォンまで多岐にわたるが、ロゴはそれらすべてで鮮明に表示されなければならない。絶対に譲れない点がいくつかある：

カラープロファイル：sRGBがデフォルト

ウェブ用には、常にsRGBで作業すること。これは、ブラウザやオペレーティングシステムを問わず、最も広くサポートされている色空間だ。新しいドキュメントを作成する際にICC（International Color Consortium）プロファイルを設定したり、プロジェクトのどの段階でも変換を行ったり、あるいはエクスポート時に確認したりできる。どの段階にあっても、成果物を納品する前に、ICCプロファイルがsRGB IEC61966-2.1に設定されていることを確認する必要がある。Display P3のような広い色域を、デバイス間で入念にテストせずに使用することは、表示の不統一を招く近道だ。

形式：可能な限りSVG、代替としてPNG

SVGは無限に拡大縮小が可能で、解像度に依存せず、ファイルサイズも非常に小さいため、ウェブヘッダー、アプリアイコン、UIに最適だ。SVGがサポートされていない環境では、RGB/8ビットの色深度を使用して、2x（Retina用）と1xの高解像度PNGをエクスポートする。ロゴにはJPEG形式は絶対に避けるべきだ。シャープなエッジに生じる圧縮ノイズは、決して好ましいものではない。

透明な背景

デジタルロゴには、ほとんどの場合、背景が透明なバージョンが必要だ。PNGとSVGはどちらも透明度に対応している。あの白い背景のJPEG画像は、ずっと頭から離れないだろう。

印刷に最適なロゴの作り方

印刷用のロゴを適切に作成するには、事前の準備がより必要となる。印刷物はデジタルとは違って容赦がない。一度印刷したバナーは更新できないからだ。目標は、意図した通りの仕上がりが毎回確実に得られる、印刷用ロゴだ。

CMYKに変換する（変換結果を確認する）

RGBからCMYKに変換する際、色味が変化することがあり、場合によっては劇的に変わることもある。変換後のすべてのカラー見本を確認し、結果が不自然に見える場合は手動で調整する。濃いネイビーブルーや鮮やかな赤、そしてオレンジ色が強く出ているものが、不自然さの原因になっていることがよくある。

予算が許す限り、パントン色を使用する

ブランドイメージが重要な用途、例えばパッケージ、看板、高級印刷物においては、パントーンのスポットカラーを使用することで、最も予測可能で一貫性のある仕上がりを実現できる。ロゴデザインガイドラインにパントーンの参照番号を明記しておけば、印刷業者が推測する言い訳はなくなる。

フォントのアウトライン

印刷用ファイルを引き渡す前に、すべての活字をアウトラインに変換すること。これにより、フォント依存の問題が完全に解消される。あなたの書体を持っていない印刷業者でも、それが変換されていれば、ひどい書体に置き換えなくて済む。

印刷用のファイル形式

印刷用のロゴを作成する際、EPSとPDFが主力となる。EPSは、広くサポートされているベクターベースの伝統的な印刷用標準形式だ。PDF（必要に応じてフォントを埋め込み、切り抜きマークを含めたもの）は、特に最新の印刷ワークフローにおいて、ますます好まれる納品形式となっている。

実際に使える印刷用ロゴのチェックリスト

印刷用ファイルを送信する前に、以下の点を確認してほしい：

• カラーモードがCMYK（またはパントン）であることが確認された
• すべてのフォントにアウトラインが適用されている
• ラスター画像は埋め込まれていない（やむを得ない場合は最低300 DPIとする）
• アプリケーション用に「裁ち落とし」と「トリムマーク」を修正する
• EPS形式または印刷用PDFとして保存されたファイル
• 実物のスウォッチやソフト校正と照らし合わせてカラー校正する
• 必要に応じて、スポットカラーのバリエーション用に個別のファイルを用意する

これが、うまく機能する印刷用ロゴと、金曜日の午後4時に印刷所から慌てた電話がかかってくるようなロゴとの違いだ。

縮小：小さなフォーマットのロゴの考慮点

フルサイズでは見事なロゴでも、16×16ピクセルに縮小したり、キャップに刺繍したりすると、見栄えが台無しになってしまうことがある。小さなフォーマットでの使用の時にこそ、入念に作成されたロゴデザインガイドラインが最も効果を発揮する。

小さな用途向けに、ロゴの最小サイズ版をデザインする。これは往々にして、簡略化したり、細かいディテールを省いたり、余白を増やしたり、キャッチコピーを省いたりすることを意味する。デジタルの場合、アイコンを実際の16px、32px、64pxのサイズでテストする。印刷する場合は、画面上ではなく、実際の用紙で15mmと20mmの幅でテストすること。

ファイル納品パッケージの構成

クライアント向けのプロフェッショナルなロゴ納品パッケージには、両方の用途に合わせて整理されたファイルを含めるべきだ。以下に、すっきりとした構造を示す：

• デジタル / SVG、PNG（1xおよび2x）、濃色版と淡色版、透明な背景
• 印刷 / EPS、PDF、CMYKスウォッチ、パントーン参照
• フォント/使用された書体のライセンス版
• ガイドライン / ロゴデザインガイドライン全文（PDF）

整理整頓され、ラベルが明確に貼られたファイル一式を受け取ったクライアントは、状況に合わないファイルを誤って使用してしまう可能性が低くなる。これにより、プロジェクト終了後も長期間にわたり成果物が保護される。

Affinityでよりスマートに作業する

Affinityで作品をエクスポートする方法は3つある。単一のファイルを素早くエクスポートする「クイックエクスポート」、単一の出力ファイルを細かく制御できる「エクスポートダイアログ」、そして複数の形式やサイズを一度にエクスポートできる「スライススタジオ」だ。ロゴの納品なら、スライススタジオが頼りになる。SVG、PNG（1xおよび2x）、EPS、PDF用のスライスを設定し、それらをまとめてエクスポートする。

印刷の場合、[エクスポート] ダイアログで実際に重要になるのは以下の点だ：

印刷用PDFをエクスポートする際は、互換性設定として[PDF/X-1a:2003] を選択する。これは印刷データ引き渡しの業界標準であり、印刷ワークフローにおいて最も安全な選択肢だ。

そこから以下の設定を確認し、エクスポートを実行する：

• 裁ち落としを含める（まず [ドキュメント設定] で裁ち落としを設定する）
• 印刷所が指定している場合は、プリンターマークを記載すること
• フォントをサブセット化して、置換されないようにする
• カラーモードをCMYKに設定する
• 印刷所が指定するICCプロファイルに合わせる

知っておくべきもう一つのこと：それはソフト校正だ。

Affinityには、ロゴが印刷された時の実際の仕上がりをシミュレートできる [ソフト校正] 調整機能がある。これを調整レイヤーとして適用し、プリンターのカラープロファイルを選択すれば、ファイルを送信する前に、出力結果のリアルなプレビューを確認できる。エクスポートする前に、必ず非表示にするか削除するように。そうしないと、出力に焼き付いてしまう。

デジタル処理では、[エクスポート] ダイアログを使用して、カラー形式をRGB/8に、ICCプロファイルをsRGB IEC61966-2.1に設定する。これはWeb用の正しい設定であり、単なるカラーモードの切り替えではない。

デジタルと印刷の比較における結論

優れたロゴデザインは、コンセプトだけで終わるものではない。成否は、実行の仕方、エクスポートするファイル、選択するカラーモード、そして下流工程の作業を守るために作成するロゴデザインガイドラインにかかっている。

デジタル用ロゴと印刷用ロゴの違いを理解しよう。納品パッケージは、心を込めて作成しよう。だって、君は本当に気にかけているのだから。そして、すべてを記録しておけば、最終的な請求書が支払われた後も、ブランド用の作品は長く生き続けるだろう。

これをうまくこなせるデザイナーは、単に技術に長けているだけではない。彼らは、クライアントがすべてを任せられると信頼し、他のデザイナーたちが密かに手本としている。そんな人になってほしい。