Nano Banana で記事のサムネイルを作る

こんにちは、デザイン事業部デザイナーの武井です。

先日書いた記事「お寺では柏手（かしわで）は打たない 」のブログサムネイル作成に関して、画像生成AI「Nano Banana」を使ってサムネイルを作ってみました。
いつもの日本語で指示ができ、想像より簡単に生成できました。

【🍌 画像生成AI「Nano Banana」とは？】

Geminiで利用できる「Nano Banana」は、テキスト（プロンプト）から高クオリティな画像を生成・編集できます。
特に嬉しいのが「いつもの言葉でお願いできる」「画像の中の文字も高い精度で入れられる」点です。

【💡この記事のポイント】

プロンプトで以下の2点を指定すると、出力がコントロールしやすくなります。

• ターゲット（誰に向けて発信するか）
• テイスト（どんな雰囲気にしたいか）

今回は、プロンプトのちょっとした違いでデザインがどう変わるのかをご紹介します！

※Nano Bananaの性質上、同じプロンプトでも都度出力が変わります。納得がいかない場合は「チャットを新規作成」から何度かチャレンジすることをおすすめします。

目次

• 【Before】何も指定しない画像生成
• 【After-1】「テイスト」を指定した画像生成
  • テイスト：初詣のような明るい雰囲気
  • テイスト：お正月のハレの日
  • テイスト：晴天の中、お散歩しながら参拝するような朗らかな空気感
• 【After-2】「ターゲット」を指定した画像生成
  • ターゲット：修学旅行を予定している中・高校生
  • ターゲット：アニメが好きな人
  • ターゲット：ルールや作法に敏感なカルチャー好き女子
  • ターゲット：視覚障害のある人
• まとめ：おすすめの作成フロー
   

【Before】何も指定しない画像生成

まずは以下のプロンプトで、出力してみました。

あなたはプロのデザイナー兼編集者です。以下のブログ記事のサムネイルを作成して。

* 入れる要素：タイトル「お寺では柏手（かしわで）は打たない」、合掌している手のイラスト
* サイズ：16:9 の横長画像

---

（記事をマークダウン形式のまま貼り付ける）

記事内の「お寺」というキーワードから着想したのか、少し落ち着いたトーンの出力になりました。

【After-1】「テイスト」を指定した画像生成

上記に加え、様々な「テイスト」を追加で指示してみました。

テイスト：初詣のような明るい雰囲気

（※記事で実際に使用したサムネイルは、この状態からさらに「赤とベージュの波のようなオブジェクトだけ削除して」と指示して微調整したものです。）

テイスト：お正月のハレの日

「お正月」というワードから、松や梅、水引きが追加され、華やかな雰囲気になりました。

テイスト：晴天の中、お散歩しながら参拝するような朗らかな空気感

イラストだけでなく、書体も朗らかな雰囲気になっています。

【After-2】「ターゲット」を指定した画像生成

今度は、様々な「ターゲット」を追加で指示してみました。

ターゲット：修学旅行を予定している中・高校生

タイトルが円弧に沿ったり、画像に角丸がついたりして、ポップな印象になりました。

ターゲット：アニメが好きな人

高精細なアニメーションスタイルになりました。

ターゲット：ルールや作法に敏感なカルチャー好き女子

女性カルチャー誌のWebバナーにありそうなデザインになりました。

ターゲット：視覚障害のある人

情報伝達に特化した、コントラストの強いシンプルなデザインになりました。

まとめ：おすすめの作成フロー

Nano Bananaでサムネイルを作る際は、まずは「タイトル」と「サムネイルに入れたい要素」だけのシンプルなプロンプトで試しに出力させてみましょう。

そのベースとなる画像を元に、「テイスト」や「ターゲット」を後から追加して方向性をチューニングしていくのがスムーズだと思います。
日本語で気軽に作れますので、ぜひ皆さんも試してみてください！

※ご参考までに、この記事のサムネイルのプロンプトは以下です。

あなたはプロのデザイナー兼編集者です。以下のブログ記事のサムネイルを作成して。

* 入れる要素：タイトル「Nano Banana で記事のサムネイルを作る」
* サイズ：16:9 の横長画像
* ターゲット：プロンプトエンジニアリングに興味があるエンジニア
* テイスト：誰でも簡単にできる様子、効率化、シンプルなフラットデザイン

---

（記事をマークダウン形式のまま貼り付ける）