アートワークを生成した後、承認されたタイプシステムを適用して、ブランドのタイポグラフィを一貫性のあるものに保ちます。実際のフォントファミリーとウェイトを使用し、見出しとサポートコピーの繰り返し可能な役割をいくつか定義し、それらの単語を編集可能なテキストとして保持します。AI画像にシーン、カラートリートメント、またはイラストを変更させ、タイポグラフィは同じ記録されたルールに従います。
Dreaminaは、オリジナルのビジュアルディレクションやキャンペーンアセットを開発するのに役立ちます。ブランドの文字を模倣するように依頼することは、コンセプトにとって有用ですが、視覚的に似た生成された単語は、実際のブランドフォントが適用された証拠ではありません。最終的なタイポグラフィは、文字、太さ、スペース、レイアウトを直接制御する必要があります。
目標は「同じフォントを使用する」よりも具体的です。見出しの長さが異なり、背景が変わり、デザインが正方形からワイドまたは垂直の形式に移動する場合、シリーズは関連性を感じる必要があります。何が固定され、何が適応できるかを説明するシステムを構築してください。
ビジュアルテーマから型システムを分離する
パレットとイラストレーションスタイルは、タイポグラフィを一貫させることなく、複数の画像をつながりを感じさせることができます。1つの見出しは短く、もう1つは広く、3つ目は手書きのように見えるかもしれません。正しい綴りでも、それらの違いを解決するわけではありません。
アートワークとタイプを2つの調整されたパーツとして扱ってください。アートワークはムード、主題、質感、視覚的な興味を提供します。タイポグラフィは安定した声と読み順を提供します。彼らがどのように出会ったかを記録してください:テキストは落ち着いた領域または意図的なパネルが必要であり、画像はメッセージを圧倒してはいけません。
ブランドシステムに属するレタリングを決定します。架空のシーンに描かれた装飾的な言葉は、イラストの一部として残ることができます。ブランド名、キャンペーンの見出し、価格、または定期的なアクションは通常、承認された処理が必要です。創作されたロゴのようなマークを、認可されたロゴ資産の代替品として扱わないでください。
生成されたレタリング、編集可能なオーバーレイ、抽出されたテキストのいずれかを選択する場合は、正確なテキストワークフロー比較を使用してください。ここでは、選ばれた最終的なタイポグラフィをシリーズ全体で繰り返し可能にすることが課題です。
誰かが追えるような短いフォント仕様を作成してください
実際のブランドガイドと承認された資産から始めてください。正確なフォントファミリー、許可されたスタイルまたはウェイト、それらにアクセスするために使用されたソース、および優先フォントが使用できない場合の意図されたフォールバックを記録します。「モダンサンセリフ」は、再現可能なフォント選択ではなく、カテゴリを表しています。
デザインマスターの横に小さな仕様を置いてください。
エディタに実際の重みが存在することを確認します。ガイドでセミボルドが必要とされているが、レギュラーとボルドのみが利用可能な場合は、より重い効果を置き換えてセミボルドと名付けるのではなく、その不一致を解決してください。仕様書には承認された代替品を含めてください。
受信エディタの意図したフォントアクセスも記録します。コンピューターで使用できるフォントが、他のユーザーのワークスペースで使用できない場合があります。それは、ネイティブファイルが再度開かれたときに視覚的に一貫性を保つかどうかに影響します。
数十種類のサイズを選択する前に役割を定義する
人々が必要とする情報に対応する限られた役割のセットを使用してください。小規模なキャンペーンシリーズには、見出し、サポートコピー、詳細、アクションの4つが十分です。追加の役割は、スタイルシートを飾るのではなく、実際のコミュニケーションニーズを解決する必要があります。
具体的な教育例として、Arial RegularとArial Boldが承認され、選択したエディタで使用できるとします。これらは例示的な選択肢であり、既存のブランドファミリーを置き換えるための推奨ではありません。以下の値は、仮想の1080×135 0ピクセルのデジタルマスターを表しています。
この教育レイアウトにおいて、数字は普遍的な最小値やアプリケーションのプリセットではなく、開始の前提条件です。エディターによっては、体格や間隔の単位が異なります。エディタのコントロールを使用して設定を入力し、目的の表示体格で実際の結果を確認します。
色と配置を別々に指定します。暗いパネルには白い見出しが承認されるかもしれませんが、淡いフィールドには暗い見出しが使用されます。バックグラウンド処理が変更されても、役割は同じままである可能性があります。
アドビのスペクトラムタイポグラフィシステムは、名前の役割、太さ、サイズ、線の高さというより広い原則を示しています。その正確なスケールはAdobeインターフェース用に設計されています。すべてのブランドポスターのための既製の仕様ではありません。システムの規律を借りて、ブランドの実際の要件を適用してください。
オリジナルの概念図であり、生成されたキャンペーンやソフトウェアのテストではありません。アートワークエリアは抽象的な例です。繰り返されるタイプの役割は一貫性を示し、視覚的なテーマが変わります。
タイプシステムを受け入れることができるアートワークを生成する
最終的なビジュアルを作成する前に、最も長い承認済みの見出しとサポートコピーを粗いキャンバスに置く。これはシステムを実際のメッセージと照らし合わせます。タイトルには2行しか許可されていない3行が必要であることを発見するために、画像を完璧にする必要はありません。
DreaminaのAI Imageワークフローで、ビジュアルブリーフを入力し、利用可能なモデルと構図設定を選択し、ダウンロードしたアートワークを生成して検査します。実際のタイプブロックがどこに配置され、どの領域が視覚的に静かであるべきかを説明してください。
ここに、架空の屋外キャンペーンの新しい未検証の例があります。
夜明けの静かな山のキャンプ場の雰囲気のある垂直イラストを作成してください。抑制された森の緑色、淡い空、暖かい琥珀色のパレットを使用してください。上部左側の領域を落ち着かせ、詳細を低く保ち、別々の2行の見出しと短いサポート段落を作成してください。メインテントと景観の興味を右下に配置してください。レタリング、ロゴ、数字、サインはありません。
リアルタイプの役割を重ねて候補者をレビューしてください。見出しだけでなく、テキストエリア全体をチェックしてください。淡い空は暗い見出しのテキストをサポートするかもしれませんが、明るい雲は1つのサポートラインを消します。デザインシステムに属する場合、独立した一貫したパネルがその紛争を解決できます。
発明された文字やロゴのようなマークがないか、画像を検査してください。これらが実際のブランド要素と競合する場合は、適切なアートワーク編集ルートを通じて削除し、意図的なレイアウト要素で覆うか、別の候補を選択してください。画像に未承認のセカンドタイポグラフィシステムを導入させないでください。
「コピースペース構成ガイド」では、空間計画をより詳細に説明しています。それによって、単語がどこに収まるかが解決されます。型の仕様によって、それらの単語が配置された後にどのように見えるかが決まります。
メモリからスタイリングする代わりに編集可能なマスターを構築する
各ロールに対して実際のテキストオブジェクトを含む受け入れ可能なレイアウトを1つ作成してください。仕様から正確な家族、重量、体格、ケース、色、間隔を適用してください。背景とイラストは独立して交換可能にしてください。
このセットアップでは、最長のリアルなコピーを使用します。キャンペーンに必要な句読点、数字、記号を含めてください。「Explore」という優れた役割は、3つの単語のタイトルで失敗する可能性があります。短いバージョンだけをテストすると、その問題が隠れてしまいます。
Canvaのマニュアルマスター
役割に独立したテキストボックスを追加し、承認されたコピーを入力して設定を適用してください。Canvaの書式設定ガイドには、フォントと太さの選択、体格と色の変更、配置の設定、文字または行の間隔の調整などが記載されています。
次の図の受け入れられたテキストオブジェクトまたは完全なレイアウトを複製し、文言とアートワークを変更します。変更後のフォントとスペースを再確認してください。受け入れられたオブジェクトを再利用することは再入力作業を減らしますが、それをコピーしても誤った上書きを防ぐわけではなく、新しいコピーが適合することを保証するわけでもありません。
ワークスペースに保存されたブランド機能がある場合でも、役割の仕様を利用可能にしてください。手動で検査可能なマスターは、未検証のプラン固有の機能に依存せずにルールを伝えることができます。
Illustratorで再利用可能なスタイル
スタイルベースのワークフローの場合は、サンプルテキストオブジェクトをフォーマットして選択し、Window→Type→Character Stylesを開きます。[新しいスタイルの作成]を使用して文字の書式を取得し、[段落スタイル]を使用して段落を支配する書式を設定します。スタイルに意味のある役割名を付けます。
各役割に意図したスタイルを適用してください。スタイルのオーバーライドを調べる: Adobeは、書式設定がスタイルと異なる場合にプラス記号を記録し、クリアオーバーライドで復元したり、スタイルを再定義して意図的に変更したりします。単に1つの長いタイトルをボックスに詰め込むために共有スタイルを再定義しないでください。
別のIllustratorファイルからスタイルを読み込むこともできます。Adobeの文字と段落スタイルの手順は、作成、オプション、読み込み、オーバーライドをカバーしています。後のファイルが同じ名前のロールの別々の定義にドリフトしないように、キャンペーンマスターを参照として保持してください。
Photo shopを使用しているときにタイプをライブに保つ
Photo shopのタイプレイヤーのドキュメントによると、テキストはタイプレイヤー上で編集可能であり、ラスタライズされると直接文字編集が失われます。ピクセルを必要とする操作を適用する前に、編集可能なマスターを保持してください。
完成したPNGは配信のために外観を保持できますが、そのPNGを再度開いても元のタイプオブジェクトは復元されません。ネイティブプロジェクトとエクスポートされた画像を保存します。
タイポグラフィのルールが認識可能なまま、レイアウトを適応させましょう
一貫性は、すべてのフォーマットで同じ絶対体格を使用する必要はありません。広いバナーと背の高いポスターは、異なるテキスト幅と読み取り距離を提供します。家族、役割関係、承認された体重とトーンを維持しながら、体格と配置を実際の目的地に適応させます。
たとえば、ワイドバージョンでは画像の横に見出しを使用し、垂直バージョンではシーンの上に置くことができます。四角いバージョンには意図的な2行のタイトルが必要かもしれません。タイポグラフィは、最初のレイアウトの引き伸ばされたコピーになるのではなく、認識可能に関連している必要があります。
レコードフォーマット固有の調整。四角い見出しが小さい体格を使用している場合は、文書化されていないローカルな調整ではなく、受け入れられた四角い形式の値にしてください。全体のデザインを比例的に縮小するのではなく、アクションと重要な詳細を読みやすく保ちます。
関係のないアスペクト比で同じ行の末尾を強制しないでください。フレーズの境界での制御された休憩は、意味とリズムを維持することができます。別のバージョンの形状に合わせるためだけに、短い単語を分離したり、通貨記号から価格を分離したりしないでください。
多言語作業の場合、承認されたファミリーは、必要なグリフを含むコンパニオンフォントが必要になる場合があります。すべての言語にラテンフォントの体格を押し付けるのではなく、意図した視覚的役割に合わせて各スクリプトをテストしてください。このバイリンガルレイアウトワークフローでは、グリフのサポート、読み方向、言語別レビューが処理されます。
変化するアートワークシリーズを通して作業する
3つのグラフィックを持つ架空の屋外キャンペーンを想像してください:キャンプ場、森林の小道、そして夜明けの湖。承認されたメッセージ構造は、短い見出し、1つの説明行、およびアクションです。これは計画の例であり、完了した顧客キャンペーンや製品テストではありません。
合意された見出しとサポート役割を持つ最初のマスターを作成してください。その下にキャンプ場の候補者を置き、空に対して見出しを調べてください。空が活発すぎる場合は、より静かな候補を選択するか、承認されたテキストパネルを適用してください。
森林グラフィックでは、同じタイプのオブジェクトとロールを再利用してください。森林の画像は暗くなる可能性があるため、アウトライン表示フォントを発明する代わりに、システムが承認したライトオンダーク処理を使用してください。アートワークは変わりますが、タイプファミリーと読書順序は安定しています。
今、短い見出しをより長い承認されたフレーズに置き換えてください。意図した2行を超える場合は、まずテキスト領域を調整するか、受け入れ可能な書式固有のレイアウトを選択します。メッセージを短縮できる場合は、承認されたコピー改訂を検討してください。文字を横に縮小したり、合うからといって別のフォントに置き換えたりしないでください。
最後に、湖のグラフィックを広い形式で準備してください。画像の横にタイプブロックを移動し、文書化されたワイドフォーマットサイズを適用してください。意図された表示サイズで3つすべてを比較してください。彼らは、写真、アレンジ、改行が異なっていても、タイポグラフィの声を共有すべきです。
アートワークを変更する前にドリフトを診断する
シャドウ、ストローク、または新しいフォントを追加して、すべての不一致を解決しないでください。まず、オブジェクトの実際の設定をマスターと比較します。最初はイラストに問題があるように見えるドリフトを説明するために、小さなスペースオーバーライドが必要です。
数字が多いグラフィックにとって、タイポグラフィは一貫性の1つのレイヤーにすぎません。ファクトインフォグラフィックワークフローには、ソースデータ、ユニット、チャートジオメトリチェックが追加されます。一致するフォントは、正しくないチャートを正しくすることはできません。
両方の外観と修正パスを渡してください
受け入れられたエクスポートとネイティブ編集可能マスター、フォント仕様、および関連するフォーマットノートを提供してください。どの要素がアートワークであり、どのテキストが編集可能であり、どの部分が固定ブランド資産であるかを特定してください。
受信エディターが編集を続けるために必要なフォントを持っていることを確認してください。特にAdobe Fontsに関しては、ライセンスFAQでは、編集のための直接フォントアクセスと完成したアセットを区別し、フォントファイルをそのサービスの下で転送するために単にパッケージ化することはできないと述べています。インストールされたすべてのファイルをプロジェクトとともに送信できると仮定するのではなく、フォントの実際のアクセスルートを使用します。
可能な場合は、意図した受信環境でネイティブマスターを再度開きます。置換を確認し、見出しを選択し、作業コピー内の短いサンプルワードを変更してから、意図したフォントと役割が利用可能であることを確認してください。これは提案されたハンドオフチェックであり、この記事のために実行されたテストではありません。
最終的なエクスポートは、通常の表示体格で独立して検査します。承認された参照と各役割を比較し、正確な文言を確認し、クリッピングや予期しないラッピングのためにすべてのフォーマットをチェックしてください。特定の納品に対してアウトラインまたはフラット化する必要がある場合は、別の編集可能なソースを保持してください。
繰り返し可能なタイプシステムは、次のリビジョンに対して明確な答えを残します:どのフォント、どの太さ、どの役割、どのフォーマット固有の調整です。Dreaminaは、そのシステムがブランドの声を認識し、テキストを維持しながら、新鮮なアートワークを提供できます。