デザインの参考画像・素材を整理する方法:残す基準から次の制作で使うまで

デザインの参考画像・素材を整理する方法:残す基準から次の制作で使うまで

制作中に見つけたポスターを保存していても、数か月後には「何を参考にしたくて残したのか」が分からなくなることがあります。一方、実際の案件で使う制作ファイルには、どの修正版なのか、何を確認用に書き出したのか、最終的に何を納品したのかを追えることが求められます。

参考資料と正式な案件記録は、残す目的が違います。案件の記録は仕事ごとに管理し、別の制作でも見返したい参考画像や素材には、後で探す手がかりと保存した理由を残します。

最初から大きなライブラリを作る必要はありません。いま進めている案件の調査資料から、次にも使えそうなものを数点残すところから始められます。

参考画像や素材を集めて整理する理由を決めます

参考資料を集める目的は、調査中に得た発見を、その案件だけで終わらせないことです。整理する目的は、画像そのものだけでなく「なぜ残したのか」という観察まで後から取り出せるようにすることです。

まだ参考画像を集める習慣がない場合は、いまの案件で行う調査がそのまま出発点になります。例えば複数のイベントポスターを見比べて、「日付ごとにプログラムを分けると内容を追いやすそうだ」と気づいたとします。ブラウザーを閉じて終われば、その観察を次の制作でたどれないかもしれません。

そこで、判断に役立った画像を数点だけ残し、気づいたことを短く添えます。次に似た課題が出たとき、その観察を検討の起点にできます。ただし、対象者や媒体、テーマ、ブランドの条件が変われば、新しい調査も必要です。

すでに多くの画像を保存している場合は、別の問題が起こります。ファイル自体は残っていても、出典や保存理由を忘れてしまうことがあります。screenshot-174.png という名前だけでは、どこを見返したかったのか判断できません。

誌面の参考なら、「整ったレイアウト」とだけ残すより、「長い見出しと細い本文段をどう両立させているか」と具体的に書くほうが、別の誌面と比較する手がかりになります。保存対象だけでなく、そのときの観察も後から使う材料になります。

ただし、集めて整理しただけで仕事が速くなったり、デザインが上達したりするとは限りません。実際には、参考資料をよく見て、ほかの案と比較し、現在の条件に照らして使える部分を判断する必要があります。整理は、その判断に以前の観察を持ち込める状態を作るためのものです。

既存の案件フォルダーだけで必要な資料を十分に見つけられるなら、その方法を変える必要はありません。「どの案件で見つけたか」を覚えていなくても参考を探したくなった段階で、案件をまたいで使うライブラリを考えます。


何を残すのか、どこまで参考にできるのかを整理します

分類を作る前に、手元の資料がどんな役割を持つのかを分けて考えます。クライアントから届いた要件、表現を検討するための参考画像、完成物に使う素材、編集する制作ファイル、確認や納品のために書き出したデータでは、保存時に必要な情報が違います。

役割 例 一緒に残しておきたい情報
クライアントからの情報・要件 依頼書、原稿、ブランドガイドライン どの案件に関係するか、どの内容が現在有効か
参考資料 イベントポスター、誌面、ブランド紹介資料 注目した点、出典、後で参考にできそうな部分
使用する素材 写真、アイコン、フォント 出典、用途への適性、利用条件
制作ファイル 編集可能なポスターやパンフレット 案件、制作物、修正版の区別、リンク先素材
確認用・納品用データ 確認用PDF、印刷用PDF、SNS画像 用途、対応する修正版、承認や納品の記録

この役割分けは、資料の扱いを決めるための土台です。参考画像については、さらに「何を学びたいのか」「どの条件なら参考にできるのか」まで見ておくと、後の分類と検索が具体的になります。

見た目ではなく、情報の関係まで読み取ります

説明用の「Open Studio Weekend」ポスターを例にします。

上部には装飾的な大きなイベント名があります。その下のプログラムは二つの日付見出しで分かれ、各日に二つずつセッションがあります。時刻、題名、登壇者はセッションごとに近く配置され、共通の会場情報は最下部にまとめています。

ここで残したい観察は、「文字の使い方がよい」といった印象だけではありません。

日付を先に分けておけば、見る人は参加する日を選んでから、その日のセッションを確認できます。時刻、題名、登壇者をひとまとまりにすれば、別々の一覧を行き来して対応関係を確かめる必要も減らせます。イベント名、日付、セッション詳細で文字サイズに差をつけることは、情報の優先度を表す一つの方法です。

Adobeのレイアウト解説でも、関連する情報をまとめることや、文字サイズなどのコントラストで階層を作る考え方が紹介されています。Open Studio Weekendのポスターは、その原則を説明するための教材であり、読みやすさを測定した結果やAdobeの事例ではありません。

この画像を保存するなら、例えば「日付ごとに区切り、その中で時刻・セッション名・登壇者をまとめている」とメモできます。後から同じ設計課題で探しやすい観察です。

参考にする部分と、引き継がない部分を分けます

この情報のまとめ方は、複数の日程やプログラムを扱う講座シリーズやワークショップでも検討できます。一方で、ポスター全体の見た目までそのまま参考にする必要はありません。

新しい講座に落ち着いた印象が求められるなら、装飾的なタイトル文字や元の配色は合わないかもしれません。ポスター上では読める細かなセッション文字も、小さなSNS画像に同じまま載せられるとは限りません。

つまり、日付やセッションの関係は参考にしつつ、色、書体、媒体サイズに関わる判断は新しい条件に合わせてやり直します。

写真、アイコン、フォントなどを実際の完成物に使う場合は、表現上の参考とは別に利用条件も確認します。参考用に保存できることと、納品物に利用できることは同じではありません。出典を書いただけで利用許諾を得たことにもなりません。

例えばAdobe FontsのライセンスFAQでは、フォントを使って仕上げた成果物を納品する場合と、クライアント自身がそのフォントにアクセスして編集する場合が区別されています。後者ではクライアント自身のライセンスが必要です。これはAdobe Fontsについての条件であり、すべてのフォントに共通する規則ではありません。

似た資料でも、新しい判断材料が増えるなら残せます

同じイベントポスターという形式でも、二枚目を保存する意味はあります。

例えば、複数会場を明確に区別している、長い登壇者名を収めている、情報密度が高くても日付とセッションを見分けられる、といった別の工夫があれば、比較できる選択肢が増えます。

反対に、手元の資料とほとんど同じ処理しかしていないなら、保存する価値は小さいかもしれません。残す枚数そのものではなく、今ある資料にどんな観察や選択肢を加えられるかで考えます。

将来の用途をすべて決めてから保存する必要もありません。「画像が見出しに重なっているのに、読む順序は崩れていない」など、あとで確かめたい具体的な関係があるなら、その観察だけを残す方法もあります。


後でどう探すかを基準に分類します

分類は、保存するときの見た目だけでなく、後で何を思い出して探しそうかを基準に考えます。

「講座シリーズの最新の制作ファイルを探す」ときは、案件名や制作物が重要です。一方、「複数の日程を整理したポスターを参考にしたい」ときは、制作物の種類やデザイン上の課題、使用場面のほうが手がかりになります。

探す手がかり 例 探したいもの
案件・クライアント 講座シリーズ その仕事に関係する資料や判断
制作物の種類 ポスター 同じ形式の参考例
デザイン上の課題 情報の優先度・階層 情報に強弱をつける方法
使用場面 イベントのプログラム 日付、セッション、関連情報のまとめ方

Open Studio Weekendのポスターなら、主な保存先を「ポスター」にし、補助的な手がかりとしてinformation hierarchy(情報の階層)とevent schedule(イベント日程)を付けられます。

普段は「ポスター」よりも「情報の階層」のような課題から探すことが多いなら、課題を主分類にしても構いません。重要なのは、一般的な分類表に合わせることではなく、自分が実際に使う探し方とつながっていることです。

一つの資料に複数の入口を作ります

一枚の画像を「ポスター」からも「情報の階層」からも探したいからといって、同じファイルを何枚も複製する必要はありません。タグや検索可能な索引を使えば、一つの資料に複数の入口を作れます。

フォルダーしか使わない場合でも、保存先は一つに決め、別の手がかりを検索できるメモや索引に残す方法があります。

実際の資料をいくつか使って、分類が機能するか確認します。例えば、ロゴの情報階層を参考にしたブランド資料と、情報量の多いパンフレットがあるとします。「情報の優先度をどう見せるか」で探したとき、形式が違う両方の資料にたどり着けるなら、その分類軸には意味があります。

広すぎる分類は分け、迷い続ける分類はまとめます

小さなコレクションなら、「参考画像」という一つの分類だけでも十分な場合があります。ポスターを探すたびに無関係な画像を大量に確認するようになったら、「ポスター」を分ける理由が出てきます。

反対に、ポスター > イベント > 講演 > 登壇者2名 > 青のように細かく分けると、保存するたびに置き場所を迷いやすくなります。同じ課題を扱う参考資料が別々の枝に分散することもあります。色をよく検索するなら、フォルダーを増やさず補助的なタグにする方法があります。

最適なフォルダー階層数やタグ数は決まっていません。中身がほぼ同じで、どちらに保存するか毎回迷う分類はまとめます。一つの分類に無関係な資料が増えすぎて候補を絞れないなら、実際に探すときに役立つ違いで分けます。


フォルダー・ファイル名・タグ・メモの役割を分けます

分類の方針を決めたら、それを保存方法に落とし込みます。

フォルダーは安定した保存先、ファイル名は内容や修正版の識別、タグは別の切り口から探す手がかり、メモは保存理由や出典、参考にできる範囲を残す場所として使えます。

すべてのファイルに四つ全部を付ける必要はありません。依頼書なら案件内の保存先と版の区別で十分なことがあります。参考画像なら、後で判断できるように出典と保存理由を残す価値があります。

正式な案件記録と、長く使う参考ライブラリを分けます

講座シリーズの案件は、例えば次のように分けられます。フォルダー名は一例です。

講座シリーズ/
  クライアント資料/
  参考資料/
  使用素材/
  制作ファイル/
  確認用/
  納品用/

クライアント資料には依頼書、支給原稿、フィードバックを保存します。参考資料には今回の調査で使った資料を置きます。使用素材には制作物で使う素材と、必要な出典・利用条件を残します。制作ファイルには編集可能なデータを保存します。

確認用と納品用は分けておくと、レビューのために書き出したファイルと、実際に納品したファイルを同じ扱いにしにくくなります。最終的に何を送り、何を根拠に承認済みと判断したのかは、版番号だけに任せず記録します。

別案件でも参考にしたい資料や、条件を確認したうえで再利用する素材は、長期のライブラリに残せます。Open Studio Weekendのポスターは、日程とセッションの構成を今後も比較したいのであれば、こちらに置く対象です。

ただし、長期ライブラリに保存した参考画像は、講座シリーズ案件の制作ファイルや承認記録の代わりにはなりません。正式な制作物、修正指示、確認、納品の記録は案件側に残します。

制作ファイル名には、後で見分ける必要がある違いを入れます

制作ファイルでは、案件名、制作物、修正版など、後で区別したい情報を名前に含めます。

  • lecture-series_poster_v03.indd
  • lecture-series_poster_v03_review.pdf
  • lecture-series_social_1080x1350_v03.png

最後の1080x1350は、この例で書き出しサイズを見分けるための情報です。特定のSNS規格を示すものではありません。

納品用ファイルも、用途を識別できる名前にします。ただし、正確にどのファイルをいつ送り、何を根拠に承認されたと判断したかは納品記録に残します。v05のように版番号が大きいからといって、承認済みとは限りません。

参考画像に同じ命名規則を強制する必要もありません。例えばopen-studio-weekend_schedule-reference.jpgなら、日程構成の参考として残したことを識別できます。作者名や作品名が必要なら保持し、長い観察はファイル名ではなくメモに回します。

制作ファイルを移動したり名前を変えたりするときは、リンクしている素材との関係も確認します。InDesignでは別の場所にある画像をリンクして使うことがあり、元画像の移動や改名でリンクを見失う場合があります。整理する前に依存関係を確認し、必要ならアプリ側でリンクを再接続します。Adobeのリンク更新・復元・置換の説明で操作を確認できます。

タグは検索の手がかり、メモは判断の根拠にします

Open Studio Weekendのポスターを保存する場合は、例えば次のように情報を分けられます。

  • 保存先: ポスター
  • 名前: Open Studio Weekend — 日程の参考
  • タグ: information hierarchy、event schedule
  • メモ: 「日付ごとに区切り、その中で時刻・セッション名・登壇者をまとめている。複数セッションの構成を比較するときに使える。落ち着いた印象が必要な案件では、装飾的なタイトル文字と配色を見直す。小さなSNS画像では、細かいセッション文字の扱いを変える必要がある。」
  • 出典: 収集した作品なら作者と元ページのURL、自作教材なら元ファイルの場所。完成物に使う素材では、必要な利用条件も残します。

「素敵なポスター」だけでは、何を参考にできるのかも、どこを引き継がないのかも分かりません。一方、すべての説明をファイル名に詰め込むと、何のファイルなのかを識別しにくくなります。短いタグで候補を探し、メモを読んで判断できる形に分けます。

個人の参考画像をEagleで管理している場合も、この役割分担を使えます。フォルダーの公式説明にあるように、Eagleではフォルダーを作成し、保存済みの画像を追加できます。インスペクターにはTags、Notes、URLなどの項目があり、公式ガイドで確認できます。

Open Studio Weekendの画像であれば、「ポスター」に分類し、information hierarchyとevent scheduleをTagsに追加します。Notesには先ほどの観察を書き、Webから収集した作品ならURLが元の出典を指しているか確認します。

ここで説明しているのは、Eagleに保存済みの個人用参考画像の整理です。正式な案件ファイルを移動する手順や、制作・承認記録をEagleへ置き換える方法ではありません。


次の案件では、保存した判断を新しい条件に照らします

ライブラリから資料を探すときは、新しい依頼内容を起点にします。保存した参考画像は検討候補であり、そのまま採用すべき答えではありません。

例えば、新しい講座シリーズのポスターを作るとします。複数の日程、登壇者、申込先を整理する必要があり、ブランドとしては抑制された落ち着いた印象が求められています。さらに、小さなSNS画像にも展開する予定です。

この条件なら、Open Studio Weekendに付けたinformation hierarchy(情報の階層)とevent schedule(イベント日程)が検索の手がかりになります。

Eagleで探す場合は、じょうごのフィルターボタンからTagsを開き、二つのタグを選択して条件をAllにします。タグ検索の公式説明では、Allは選択したタグをすべて含む項目に絞る条件です。別のフォルダーなどで意図せず候補を狭めないよう、調べたい資料を含む表示範囲から検索します。

参考画像を見つけたら、保存時のメモと今回の条件を比べます。

Open Studio Weekendで、日付の中に各セッションをまとめる構成は、講座シリーズでも参考になります。時刻、題名、登壇者の関係を一つのまとまりとして扱えるからです。

一方、装飾的なタイトル文字や元の色は、今回求める落ち着いた方向に合うとは限りません。また、ポスターでは成立していた細かなセッション文字も、小さなSNS画像では別の組み方を考える必要があります。

別の参考画像として、登壇者一人を一枚にまとめた告知が見つかることもあります。その構成は各回のSNS告知には使いやすくても、シリーズ全体の日程を一枚で示す目的には不十分かもしれません。

そこで、主ポスターでは日付ごとに情報をまとめる方法を比較し、SNS画像では個別の登壇者カードも別に検討する、と役割を分けられます。参考作品の全体を複製するのではなく、情報の関係と現在の条件を比較します。

手持ちの資料に、画像表現、長い登壇者名、小さな日程表示の参考が不足しているなら、その未解決部分だけを追加で調べます。保存した参考資料は新しい調査をなくすものではなく、何がまだ足りないのかを具体化するためにも使えます。

制作に移る前には、それぞれの参考資料について「今回の何に役立つのか」「何は引き継がないのか」を説明できるか確認します。「雰囲気が近い」だけなら、情報の強弱、グループ分け、画像との関係など、実際の判断に戻って考えます。

写真やフォントなどを完成物に利用する場合は、今回の案件で使える条件も改めて確認します。

まだ参考ライブラリがない場合でも、この案件から同じ流れを始められます。判断に役立った画像を数点選び、観察と出典を添えて残せば、次の制作で見返せる最初の資料になります。


実際に使った結果から、分類と今後の収集を見直します

整理方法は、作った時点で完成させる必要はありません。実際に使ってみて、覚えている言葉で探せるか、保存した理由を理解できるか、新しい資料の置き場所に毎回迷わないか、維持する負担が大きすぎないかを確認します。

例えば、自分では「イベント情報」と覚えて検索したのに、以前の資料にはevent scheduleしか付けていなかったとします。

自分の中で同じ意味として使っているなら、関連する記録の用語をそろえるか、検索できるメモに別の言い方を追加します。これは、実際の探し方を見て人が調整する作業です。ツールが自動的に同義語を理解することを前提にはしません。

内容の違いを説明できなくなった分類はまとめます。逆に、実際に参考資料を使って新しい制約が分かったら、その情報をメモに追加します。

すぐ分類できない資料の一時置き場を作る場合は、調査を終えたときや案件を閉じるときなど、戻って確認する機会も決めておきます。すべての人に共通する固定の整理頻度を設ける必要はありません。

案件の正式記録と、長期で残す参考資料を分けて保管します

案件が終わったら、何を納品し、何が承認されたのかを説明できる記録と、後から理解・修正するための制作資料を残します。

長期ライブラリに残す参考画像は、それとは別に選びます。

整理のために似たファイルを削除する場合も、先に役割を確認します。過去の修正版、実際に納品した書き出し、ほかの制作ファイルから参照されている素材なら、見た目が似ていても同じ扱いにはできません。

案件の保管資料と長期ライブラリは、メモや分類情報も含めてバックアップします。作業中の保存先とは別に、復元に使えるコピーを用意し、必要な情報が戻せる方法かを確認します。

同期先に変更や削除も反映される仕組みであれば、同期しているだけでは独立した復旧用コピーとは限りません。

Eagle ライブラリについては、公式バックアップガイドで、ライブラリ全体を別の装置へコピーする方法やバックアップツールの利用が案内されています。画像だけを選んでコピーしても、残りのライブラリ情報まで含むバックアップにはなりません。

繰り返し不足する資料だけを、今後の収集テーマにします

講座シリーズを制作して、小さなSNS画像の参考が不足していたとします。案件後には、その不足が今後も繰り返しそうかを考えます。

情報量の多いイベント告知を小さな画面へ展開する仕事が何度もあるなら、その課題を今後の収集テーマにする理由があります。

例えば、次のような処理を見比べます。

  • 一回の講座を一枚ずつ告知する
  • シリーズ全体を短く紹介し、その後に各回を個別に見せる
  • 日程情報を絞り、詳しい内容は別ページへ案内する

保存するときは、見た目だけでなく、それぞれがどの程度の情報量を扱っているか、見る人に次に何をしてもらう構成なのかを記録します。そうすると、単に「SNS画像」を増やすのではなく、異なる処理方法を比較できる資料になります。

反対に、一度だけ発生した特殊な条件で、今後同じ課題に出会う可能性が低いなら、案件の記録に残すだけでも構いません。すべての不足を新しい分類や継続的な収集目標へ変える必要はありません。

次の調査では、判断の参考になった画像を一枚だけでも選び、何を学べるのかを書いてみます。そして、後で自分が思い出しそうな手がかりを付けます。似た案件が来たときに実際に探してみれば、残したい分類、直したい言葉、まだ足りない資料が具体的に見えてきます。