Webデザイン・UI素材制作

Nano Banana Pro は、Webサイトやアプリのデザイン素材（アセット）の作成にも強力なツールです。 商用利用可能なオリジナルの素材を、必要なサイズとスタイルで即座に生成できます。

ヒーローイメージ (Hero Images)

Webサイトのファーストビュー（トップページ上部）に使われる、印象的な大型画像です。

プロンプト例

モダンなSaaS企業のWebサイト用ヒーローイメージ。
抽象的な3Dグラフィック、青と白のグラデーション、浮遊する幾何学図形。
右側に余白（コピースペース）を確保。
クリーン、ミニマリスト、ハイテクな雰囲気。

Tips

• 余白の確保: テキストを載せる場所を確保するために Minimalist background on the right side などの指示が有効です。
• アスペクト比: 横長の画像が必要な場合が多いので、アスペクト比（16:9など）を指定しましょう。

アイコンセット (Icon Sets)

統一感のあるアイコンをセットで生成します。

プロンプト例

Webサイト用のフラットデザインアイコンセット。
テーマ：Eコマース（カート、クレジットカード、配送トラック、ギフトボックス）。
色はパステルブルーと白。
シンプルなベクターアートスタイル、白背景。

Tips

• 一括生成: 複数のアイコンを1枚の画像に並べて生成させ（シート形式）、後で切り抜くと統一感が出やすいです。
• 背景: White background や Transparent background を指定すると、切り抜きが楽になります。

背景テクスチャ (Background Textures)

セクションの背景に使える、継ぎ目のない（シームレスな）パターンやテクスチャです。

プロンプト例

Webサイトの背景用テクスチャ。
薄いグレーの幾何学パターン。
シームレスな繰り返しパターン。
低コントラスト、目立ちすぎないデザイン。

UIモックアップ (UI Mockups)

デザインのアイデア出しや、ワイヤーフレームの具体化に。

プロンプト例

旅行予約アプリの検索結果画面のUIデザイン。
カード型レイアウトでホテルの写真と価格が表示されている。
画面下部にナビゲーションバー。
モダンでクリーンなインターフェース、アクセントカラーはオレンジ。

活用シーン

• LP（ランディングページ）制作: メインビジュアルや挿絵を素早く用意。
• ブログのアイキャッチ: 記事の内容に合ったオリジナル画像。
• アプリ開発: アイコンやUIのプロトタイプ作成。