画像合成・生成キャンペーン資料｜サムネイル

株式会社Noname Produceにて、画像合成・生成を活用したUGCキャンペーンに関するホワイトペーパーのサムネイルを制作しました。

資料の内容を一目で理解できることに加え、コンテンツが並ぶ一覧画面の中でもユーザーの目に留まることを意識してデザインしています。

制作目的

「画像合成・生成を活用したUGCキャンペーン」というコンテンツのテーマを短時間で理解してもらい、資料への興味につなげダウンロードしてもらうことを目的として制作しました。

課題

今回のテーマには、

• 画像の合成・生成
• UGC
• SNSキャンペーン

といった複数の要素が含まれています。

すべての情報を同じ強さで見せると、かえって内容を理解しにくくなるため、最初に何を認識してもらうかを整理し、情報に優先順位をつけることを課題としました。

また、「画像生成」という抽象的なテーマを文字だけで説明するのではなく、視覚からも直感的に理解できるデザインを目指しました。

SNSキャンペーンの企画・運用に携わるマーケティング担当者、特に画像合成・生成のキャンペーン活用に関心を持つ企業担当者を想定しました。

専門的な内容を詳しく説明する前に、「何についての資料なのか」が瞬時に伝わることを重視しています。

コンテンツのテーマをもとに、サムネイルのビジュアル設計からレイアウト、グラフィック制作までを担当しました。

「画像合成・生成」を文字とビジュアルの両方から伝える

今回のデザインでは、最も伝えたい「画像合成・生成」というテーマを、タイトルだけでなくビジュアルからも理解できるよう設計しました。

メインビジュアルには、画像を編集・生成している様子を表現したスマートフォンを配置しています。

タイトルとビジュアルがそれぞれ別の情報を伝えるのではなく、双方が同じテーマを補完することで、ユーザーが短時間でも内容を把握できることを意識しています。

また、タイトル内でもすべての文字を同じ強さにせず、「画像」を最も大きく配置することで、視線の入口を明確にしました。

01｜情報の優先順位を明確にする

タイトルは、

「～UGC爆増!?」→「画像合成・生成」→「キャンペーン完全攻略ガイド」

の順番で認識できるよう、文字サイズや配置に強弱をつけました。

限られた表示領域の中ですべてを読ませようとするのではなく、まずコンテンツのテーマを理解してもらい、その後に補足情報へ視線が移る構成を意識しています。

02｜テーマを直感的に伝えるビジュアル

「画像生成」という言葉だけでは具体的な利用イメージが伝わりにくいため、スマートフォン上で画像を編集し、UGCが生まれていきブランドの世界観が広がっていく様子をメインビジュアルとして配置しました。

2台のスマートフォンを異なるサイズ・角度で重ねることで、画面に動きをつけながら、画像生成や編集ツールを使用しているイメージを視覚的に表現しています。

03｜デジタル感のある世界観を統一

パープルを中心としたカラーリングに、グリッドや編集画面を連想させるグラフィックを組み合わせることで、デジタル・画像生成といった、「ジェネレーター感」を想起させる世界観をつくりました。

一方で、背景まで強くしすぎるとタイトルやスマートフォンと競合してしまうため、背景は淡いトーンに抑え、メインとなる情報へ視線が集まるよう調整しています。

今回の制作を通して、サムネイルではすべての情報を一度に伝えるのではなく、「最初に何を認識してもらうか」を決めて情報に優先順位をつけることの重要性を学びました。

また、タイトルとビジュアルを別々に考えるのではなく、それぞれが同じメッセージを補完するように設計することで、限られた領域でもテーマを直感的に伝えられることを意識するようになりました。

制作の流れを見る