• 人工知能

Nano Banana 3 を使って購入ガイドのイラストをデザインする方法

  • Felix Rose-Collins
  • ••
  • 7 min read

はじめに

通勤用バックパックのガイド記事では、ポケットやストラップ、荷物の詰め方について丁寧に解説しても、読者はそのアドバイスが具体的にどのようなものなのかイメージしづらいものです。ある架空の小売業者の編集ページ向けに、私は「ノートパソコン、ランチボックス、日用品をバッグの中に、ごちゃごちゃにせずにどう整理すればよいか」という実用的な問いを軸に、一連のイラストを作成しました。

このプロジェクトでは、リード画像1点と、それを補完する静止画イラスト2点を制作します。それぞれが、その質問の異なる部分に答える形になります。単に魅力的な汎用的なバックパックの写真を依頼して、記事に合うことを期待するのではなく、完成した記事に合わせてイラストを企画します。このアプローチにより、イラストには明確な編集上の役割が与えられ、製品の事実関係については、実際の写真や仕様書と照らし合わせて別途確認が行われます。

各イラストに読者の疑問を設定する

私は Nano Banana 3 を活用し、プロンプトや画像編集を通じて視覚的なコンセプトを模索します。テキストから画像を生成する機能や、参照画像に基づくワークフローは構図の構築に役立ちますが、生成されたバッグを製品の実際の容量や構造の証拠として扱うことはありません。イラストが購入アドバイスと並んで掲載される場合、この区別は重要です。

リード画像には、整頓された机の上に、ブランドロゴのないリュックサックと、いくつかの日用品を並べて写します。これは、正確な収納実演を装うことなく、テーマを紹介するものです。最初の補助画像では、それらの物を大まかなグループごとに分け、2枚目の画像では、小さな小物を手の届く場所に収納するというアイデアに焦点を当てます。

プロンプトを起草する前に、各写真について1文の目的を書き出します。例えば、「通勤者が整理しておきたいようなアイテムの種類を示す」というのは有用な指示です。「記事をプロフェッショナルに見せる」というのは、配置やトリミング、小物の選択を導くには曖昧すぎます。

記事の実際の例に基づく作業

このガイド案の場合、例として、閉じたノートパソコン、コンパクトなランチボックス、水筒、ノート、ケーブルポーチを含めます。小物は汎用的なものにします。もし記事が特定のバックパックをレビューしている場合は、承認済みの製品写真を使用し、コンパートメントを自分で作り上げるのではなく、実際の構成を確認します。

最初の「Nano Banana 3」のプロンプトは、編集用の静物写真を次のように記述するでしょう。「閉じたノートパソコン、小型のランチボックス、ノート、水筒、ファスナー付きのケーブルポーチの横に置かれた無名の通勤用バックパック。淡い色の机の表面、柔らかな自然光、整然とした間隔、やや高めの視点、ロゴなし、読み取れるテキストなし、左側に余白のあるワイドな構図。」

バッグの中にすでに収められているすべての小物を写し込むことは避けます。そのような配置は、実際には行われていない容量テストを暗示してしまう恐れがあるからです。それらをバッグの横に配置することで、ガイドの主題を伝えつつ、収納力に関する事実に基づく主張は本文の測定データに委ねることができます。

スタイルを磨く前に、誤解を招く細部を修正する

仮に、草案でリュックの持ち手が2本重なっていたり、ノートパソコンが異常に小さく描かれていたりするとします。そのような問題は、背景がファッショナブルに見えるかどうかよりも重要です。私はNano Banana 3に対し、持ち手を簡略化し、物体間の関係性を現実的なものに戻すよう依頼し、修正後のシーンを再度確認するでしょう。

Ranktrackerの紹介

効果的なSEOのためのオールインワン・プラットフォーム

ビジネスが成功する背景には、強力なSEOキャンペーンがあります。しかし、数え切れないほどの最適化ツールやテクニックがあるため、どこから手をつければいいのかわからないこともあります。でも、もう心配はありません。効果的なSEOのためのオールインワンプラットフォーム「Ranktracker」を紹介します。

Ranktrackerの登録がついに無料になりました。

無料アカウント作成

または認証情報を使ってサインインする

一見説得力のある画像であっても、実際の寸法を保証するものではありません。私はそれを「イラスト」と明記し、実際のテスト結果に基づくものでない限り、「すべてが快適に収まる」といったキャプションは避けます。イラストは、編集チームが裏付けできない主張をこっそり盛り込むことなく、記事の内容を理解しやすくする役割を果たすべきです。

オブジェクト間の整合性が取れたら、Nano Banana 3で配色を調整します。落ち着いた青のバッグ、温かみのあるグレーのデスク、そして小さなオレンジ色のポーチを使えば、主要な形状を区別しやすくなるでしょう。すべてのオブジェクトに鮮やかな色を加えることは避けます。このシーンには、注目を競い合うのではなく、明確な焦点が必要だからです。

情報を補足する補助画像を作成する

最初の補助画像では、バッグを取り除き、同じオブジェクトを「仕事用品」「食べ物・飲み物」「小物」という3つの緩やかなグループに配置します。間隔を調整してグループ分けを視覚的に示し、ラベルは別のレイアウトツールで追加します。そうすることで、ラベルを編集しやすく、校正も容易になります。

「Nano Banana 3」については、メイン画像のオブジェクトの全体的な外観を保ちつつ、机の色と同じ色調でフラットな配置にするよう依頼します。グループの間に余分なアイテムが入り込んでいないか、また水筒の形状が全く異なるものになっていないかを確認します。視覚的な一貫性があることで、読者がイラスト同士を結びつけやすくなります。

キャプションでは、見出しを逐語的に繰り返すのではなく、グループ分けの意図を説明します。例えば、「用途ごとにアイテムを分けることで、すぐに取り出したいものを判断しやすくなる」といった内容にすればよいでしょう。これこそが、この構図が示そうとしているポイントです。特定の荷造り方法がすべての人やバッグに適合するという主張ではありません。

アクセサリーの問題を小規模なスケールで示す

最後の画像は、充電器とイヤホンの横にあるケーブルポーチに焦点を当てる。クローズアップの構図は、小さな物をまとめておくことの重要性を説明する段落を補強するだろう。「Before」の状態を劇的に見せるためだけに、20本のケーブルが絡み合った様子は描かない。数個の認識しやすいアイテムで、問題をより明確に説明できる。

「Nano Banana 3」を使って構図を調整し、不要な背景の物を削除します。もし充電器のコネクタが現実にはあり得ない形状になっていたら、誤解を招くようなクローズアップ画像を公開するのではなく、修正するか簡略化します。一般的なコンセプトのイラストとしては、特定のコネクタの精巧な描写よりも、単純なケーブルのコイルの方が信頼性が高いでしょう。

この小さなシーンは、リード画像の照明や色調を共有しつつも、同じ構図を繰り返さないようにします。補助画像は、説明を補完することでその存在意義を持ちます。もしそれが、単にバッグの別の角度からの写真に過ぎないなら、私はそれを省くでしょう。

画像をページに収める

「Nano Banana 3」のメイン画像を、実際の見出しや導入文の横に並べてプレビューします。左側の余白は、たとえウェブサイト上で画像の上にテキストが配置されなくても、視覚的な余裕を与える役割を果たすべきです。画面幅が狭い場合、バックパックが視界から消えないこと、またトリミングによって補助的なオブジェクトが断片化されないことを確認します。

Ranktrackerの紹介

効果的なSEOのためのオールインワン・プラットフォーム

ビジネスが成功する背景には、強力なSEOキャンペーンがあります。しかし、数え切れないほどの最適化ツールやテクニックがあるため、どこから手をつければいいのかわからないこともあります。でも、もう心配はありません。効果的なSEOのためのオールインワンプラットフォーム「Ranktracker」を紹介します。

Ranktrackerの登録がついに無料になりました。

無料アカウント作成

または認証情報を使ってサインインする

グループ化されたイラストについては、読者が目にするサイズでラベルを確認します。ズームが必要になる場合は、文言を削減するか、説明をキャプションに移します。ビジュアルは、記事の読み進めを妨げるもう一つの密集したブロックになるのではなく、記事の読み進めをサポートするものでなければなりません。

エクスポートする際は、配置予定のサイズに合わせて、被写体を明確に表すファイル名をつけます。代替テキストは、画像に実際に写っている内容と、ページ内での役割に基づいて記述します。説明文にキーワードを詰め込んだり、イラストでは表現できない製品の機能を説明したりはしません。

編集上の主張とクリエイティブな表現手段を分離する

公開前には、「Nano Banana 3」の画像と最終的な記事を照らし合わせ、それらに言及している記述をすべて確認します。文章に「3つのコンパートメント」とあれば、その根拠は実際の製品から得られなければなりません。「日常的に持ち歩くアイテムの例」とあれば、一般的な配置でもその目的を誠実に果たすことができます。

また、編集者がアートワークがどのように制作されたかを確認できるよう、出典情報と最終的な画像ファイルをまとめて保管します。後日製品に変更があった場合は、関連する画像とキャプションの見直しを行います。これは、常緑型のガイドが更新された際、古いビジュアルが新しいアドバイスと並んだままになってしまうのを防ぐのに特に役立ちます。

完成した一連の画像は、導入用の静物写真、グループ配置の写真、アクセサリーのクローズアップ写真という、ごく少数のものになるでしょう。私は、それらの画像が読者の疑問をより明確に解消しているかどうかで評価します。検索順位や売上の向上については別途測定が必要ですが、当面のクリエイティブな目標は、イラストが実例を真に説明している購入ガイドを作成することです。

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Ranktrackerを無料で使いましょう。

あなたのWebサイトのランキングを妨げている原因を突き止めます。

無料アカウント作成

または認証情報を使ってサインインする

Different views of Ranktracker app