ダーク AI チャット 4K アップスケール チュートリアル

ソース スクリーンショットとして REFERENCE_0 を使用して、同じ水中写真のズームイン プロセスをデモンストレーションするシンプルなダーク モード AI チャット インターフェイス チュートリアル モデルを作成します。参照画像から Windows フォト アプリの境界線、サイド情報パネル、ファイル名の詳細、解像度注釈を削除し、水中画像の内容のみを視覚素材として使用します。レイアウト: チャット インターフェイスに、角丸の水中写真プレビュー画像を 2 つ配置します。右上隅に小さなアップロード 画像プレビュー、左下に少し離れたところに大きな生成結果プレビューを配置します。両方のプレビュー画像で、人間の顔のグレーのぼかし/オクルージョンを維持します。チャット要素: 上部のプレビュー画像の横に、コンテンツ {argument name="user prompt text" default="Convert image to 4K resolution"} を持つユーザー メッセージ バブルを追加します。小さな青い火花アイコンとドロップダウン矢印とともに「アイデアを表示」を表示するアシスタント ラベルを追加します。大きな画像プレビューの下に角丸の「ソース」ボタンを追加します。注釈: 大きな生成画像プレビューの右上隅にダウンロード アイコンを表示し、赤い円で強調表示します。右から丸で囲まれたダウンロード アイコンに向かって太い赤い矢印を追加します。 下部の UI: 下部には、プレースホルダー テキスト「画像の説明」、小さな添付ファイル/ツール アイコン、「画像の作成」チップ、ドロップダウン メニュー、マイク アイコンを含む、暗く角が丸いメッセージ入力バーがあります。 スタイルと制約: 十分な白黒のスペース、洗練されたグレーの UI コントロール、角が丸く、16:9 のスクリーンショット比率を維持し、最新の Gemini/AI チャットのダーク テーマに合わせます。追加の画像、矢印、ラベル、説明テキストは追加しないでください。