
UI / UX デザイン
ダークモード ChatGPT 画面スクリーンショット
生成画像が埋め込まれたリアルなChatGPTダークモードのデスクトップUIスクリーンショット。プロンプトテキストやサイドバー、画像内容を自由に変更できます。
chatgptダークモードuiスクリーンショットウェブインターフェースハムスターモックアップ
プロンプト
{
"type": "ダークモードのChatGPTウェブUIのリアルなデスクトップスクリーンショット",
"canvas": "16:9のワイドスクリーンショット、鮮明なUIキャプチャ、ブラウザ枠なし",
"main_scene": {
"description": "生成された画像レスポンスを表示するChatGPT会話画面:ガラスケージの中にいるリアルなスマートフォン撮影風の[ゴールデンハムスター]の写真、小さな両手を揃えて正面を向き、光沢のある黒い瞳、ピンクの鼻、淡い茶色の毛並み、床材、手前の曲がり木、背景のケージ枠、浅い被写界深度、無加工のRawな質感。",
"user_prompt_bubble": "[スマホで撮影したハムスターの写真、Unedited、Raw]",
"assistant_status_text": "Thought for 1m 8s ›",
"generated_image": {
"position": "チャットエリアの中央右寄り",
"shape": "角丸長方形",
"count": 1,
"content": "ハムスターの写真",
"style": "リアルで柔らかなスマホカメラ写真、自然な室内光、温かみのある毛並み、ケージの反射",
"overlay_controls": [
"生成画像左下の「編集」と書かれた小さなボタン",
"生成画像右下のダウンロード・共有アイコン"
]
}
},
"layout": {
"background": "ほぼ黒のChatGPTダークテーマ",
"left_sidebar": {
"position": "左側",
"width": "画面の約5分の1",
"title": "ChatGPT",
"visible_top_navigation": [
"新しいチャット",
"チャットを検索",
"Codex",
"さらに表示"
],
"gpt_section": {
"title": "GPT",
"items": [
"Canva",
"AI Music Prompt Generator",
"GPT の詳細を見る"
]
},
"projects_section": {
"title": "プロジェクト",
"items": [
"プロジェクトを新規作成",
"English Refiner",
"画像生成",
"yaml",
"雑談",
"端的に",
"さらに表示"
]
},
"details": "細い垂直境界線と控えめなスクロールバー"
},
"chat_area": {
"position": "サイドバーの右側のダークワークスペース",
"messages": [
"プロンプトテキストを含む右上のユーザーメッセージバブル",
"ステータステキストを上に伴うアシスタントの生成画像レスポンス"
],
"below_image_action_icons": [
"コピー",
"高評価",
"低評価",
"その他メニュー"
]
}
},
"style_directives": "[日本語]ローケルの本物のChatGPTウェブアプリスクリーンショット、クリーンなサンセリフUIフォント、濃いグレーのパネル、白と薄いグレーのテキスト、自然な角丸、正確なスペーシング、そしてメイン出力として埋め込まれたフォトリアルな[スマホ写真、未加工、Raw]画像。装飾フレームや余計な注釈はなし。"
}カスタマイズできる部分
生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。
[ゴールデンハムスター]プレースホルダー[スマホで撮影したハムスターの写真、Unedited、Raw]プレースホルダー[日本語]プレースホルダー[スマホ写真、未加工、Raw]プレースホルダー
プロンプトの詳細
- カテゴリ
- UI / UX デザイン
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 16:9
- 追加日