
ออกแบบ UI / UX
อินเทอร์เฟซกระดานไวท์บอร์ด AI Arena โหมดมืด
จำลองหน้าจอเปรียบเทียบ AI โหมดมืดที่มีรูปกระดานไวท์บอร์ดเขียนด้วยมือ สามารถปรับเปลี่ยนข้อความพรอมต์ ป้ายชื่อโมเดล หรือชื่อบริษัทได้
ภาพหน้าจอ uiโหมดมืดกระดานไวท์บอร์ดai arenaแบรนดิ้งม็อกอัปมินิมอล
พรอมป์
{
"type": "dark-mode AI image generation arena screenshot",
"scene": "A widescreen browser-like interface displaying an image generation comparison. The background is charcoal black with subtle rounded panels and neon green outlines. At the top left, a rounded gray prompt bubble contains the text '[A whiteboard with the name of the company/lab that made you written on it]' in white sans-serif typography.",
"layout": {
"visible result cards count": 2,
"cards": [
{
"position": "left edge, partially cropped",
"description": "A comparison card with a thin green border, dark header, small download icon, and an Edit button, showing only the right portion of an office whiteboard image cropped off-screen."
},
{
"position": "center-right, fully visible",
"label": "[mondrian]",
"description": "A large rounded card with a thin green border and dark header featuring neon green label text at the top left, a download arrow icon, and a rounded Edit button with a pencil icon at the top right."
}
]
},
"main generated image": {
"position": "inside the center-right card",
"style": "photorealistic casual phone photo or web preview",
"subject": "a clean whiteboard in an office or meeting room",
"composition": "front-facing whiteboard centered inside a rounded square container, filling most of the frame with a gray top rail and bottom marker tray visible",
"text on whiteboard": "Large handwritten black marker text reads '[DeepMind]'; below it, smaller handwritten text reads '[an Alphabet company]', underlined with a straight black marker line.",
"objects count": 2,
"objects": [
"one black-and-white dry-erase marker resting on the lower tray near the left side",
"one black rectangular eraser resting on the lower tray near the right side"
],
"visual details": "soft indoor office lighting, subtle shadows, clean off-white board surface, natural uneven marker strokes, rounded image corners, crisp UI framing",
"text accuracy": "Legible handwritten text spelled exactly as specified, appearing as natural marker handwriting rather than a digital font."
},
"camera and rendering": "static screenshot perspective, 4:3 overall crop, high-resolution web UI capture, clean modern digital interface"
}ส่วนที่ปรับแต่งได้
ก่อนสร้างภาพ ให้แทนที่ส่วนเหล่านี้ของพรอมป์ด้วยหัวข้อหรือข้อความของคุณเอง
[mondrian]ตัวแทนข้อความ[DeepMind]ตัวแทนข้อความ[an Alphabet company]ตัวแทนข้อความ
รายละเอียดพรอมป์
- หมวดหมู่
- ออกแบบ UI / UX
- โมเดล
- GPT IMAGE 2
- ค่าใช้จ่ายต่อภาพ
- 1K: 43 เครดิต · 2K: 86 เครดิต · 4K: 143 เครดิต
- อัตราส่วนภาพ
- 4:3
- วันที่เพิ่ม