実際の製品名はサンプルより長い
短い製品名でラベルを完成させ、クライアントも納得。しかし最終テキストが届くと、製品名は3行に及び、原材料はリスト項目が2倍になり、裏面には別言語を配置する必要がある。
各テキストボックスは手動で移動できます。しかし、類似したラベルが20個ある場合、同じ変更を20回行わなければならない可能性があります。
適応型レイアウトとは、このような変更に対応するルールが定義されたデザインのことです。例えば、タイトルが高くなると、その下の詳細部分が下に移動します。両者の間の余白は変わりません。
Paqiraでは、これらのルールをDesign Scriptで記述できます。これは、Adobe Illustratorに対し、アートワークの構築や更新方法を指示するものです。これらの指示は作成・テストが必要ですが、一度整えば異なる製品詳細に再利用できます。
デザイナーが最終的な見た目を判断します。ルールは、その判断を次の製品にも反映します。
まずは、扱いが難しい例をいくつか集めてみましょう
レイアウトを設定する前に、テキストを提供する担当者に複数の例を依頼してください。後からどのような内容が来るかを把握しておく必要があります。
ラベルでは、以下を収集します:
- 短い製品名と、それよりもはるかに長い製品名、
- 短い原材料リストと長い原材料リスト、
- 各必須言語での例、
- バッジ付きの製品とバッジなしの製品、
- 形状やサイズが異なる画像。
製品ガイドでは、短い説明文と詳細な説明文の両方を試してください。証明書では、長さの異なる名前を試してください。
最終的なテキストがまだ用意できていない場合は、同程度の長さの例文を作成してください。それらには「サンプル」と明記してください。以下の条件でのみ機能するレイアウトは、最短テキストでは、まだ十分なテストになっていません。
移動できるものを決める
レイアウトの一部は固定し、周囲のコンテンツが増えても動かさないようにする必要があります。ほかの部分は、周囲のコンテンツが増えると移動できます。
たとえば、ラベルの上部にはロゴを配置し、その下には製品名を表示します。成分表示欄は製品名の直下から始まり、明確な余白があります。タイトルが1行増えると、成分表示欄は下に移動できます。
スクリプト作成担当者に、上記の概要を平易な言葉で説明してください:
ロゴの位置はそのままにしてください。タイトルが改行しても、タイトルの下の余白は同じに保ってください。
Paqira Design Scriptは、Illustratorの要素のサイズや位置を利用して、他の要素をどこに配置すべきかを計算できます。また、テキストに必要なスペースを見積もってください。プロジェクトで使用されるフォントやテキストを用いて、完成した結果を必ず確認する必要があります。
まずは繰り返し調整が必要になる部分から着手しましょう。すべての形状に対してルールを設定する必要はありません。
テキストを読みやすく保つ
フォントを小さくすればスペースの問題は解決するかもしれませんが、ラベルが読みにくくなってしまう可能性があります。
まず何を試すかを決めましょう:
- スペースがあれば、テキストボックスを拡大してください。
- 次の要素を、明確な間隔を空けたまま移動してください。
- 合意済みの別の幅を使用するか、追加の列を使ってください。
- その他の情報は、適切な場所へ移動してください。
- これらの選択肢がうまくいかない場合は、デザイナーにバージョンの確認を依頼してください。
許容される最小文字サイズを記録してください。また、クリアにしておく必要がある領域も明記してください。これらの制限はセットアップとレビューのチェックリスト。
アートワークは必ず実寸で確認してください。ズームインすると読みやすく見えても、印刷されたラベルでは読みにくい場合があります。
表示・非表示・繰り返しが発生するものにも対応する
レイアウトには、単に文言を変えるだけでは足りない場合があります。ある製品には認証マークがあり、別の製品にはありません。ガイドの手順は3つのこともあれば12個のこともあります。
ルールによって要素の表示・非表示を制御できます。さらに、リスト内の各項目ごとに要素を繰り返すこともできます。たとえば、各手順の説明には番号、画像、段落を付けることができます。
スクリプトを作成する人は、余白や配置を一度設定できます。その後、オペレーターが結果に正しい項目が表示されているかを確認します。
オプション要素がない場合にどうするかを決めてください。残りのテキストを上に詰めるべきでしょうか？それともスペースを空けたままにすべきでしょうか？その判断をチームがすべてのバージョンを制作し始める前に。
長いコンテンツはそのまま続ける
レイアウトを工夫しても1つの枠に収まりきらないリストもあります。手順書や情報シートでは、別の列やページが必要になる場合があります。
Design Script はテキストの列に対応しており、繰り返しコンテンツ用に Illustrator のアートボードを追加できます。アートボードとは、Illustrator で 1ページや別個のアートワークに使う領域です。
デザイナーは余白、間隔、繰り返し表示する要素を決めます。スクリプトはそのページレイアウトに合わせて設定する必要があります。
もう1ページ必要になるぎりぎりの長さのリストをテストしてください。改ページがどこで起こるか、次のページでも内容が自然かを確認してください。
オペレーター向けの役立つテストセットを用意する
レイアウトやスクリプトを変更した後に、チームが実行できる少数のサンプルを用意してください。通常の製品と難しい製品の両方を含めます。
結果を確認する人には、次の点を確認してもらってください：
- 途中で切れている、または文字が小さすぎるテキスト、
- 重なっている要素、
- バッジ、画像、またはリスト項目の欠落、
- オプションコンテンツが消えたことでできた大きな空白、
- 列やページの不自然な区切り。
複数のファイルで同じ問題が発生する場合は、その例をスクリプトの保守担当者に見せてください。共通ルールを修正すれば、誰もが同じ手作業の修正を繰り返さずに済みます。
必要に応じてデザイナーが別途確認できるよう、1つだけ例外的なケースを残しておいてください。目指すのは、日常的な変更にうまく対応し、内容に追加対応が必要な場合には明確な次の対応を示せるレイアウトです。