
ออกแบบ UI / UX
หน้าบทเรียนสไตล์ wikiHow
สร้างหน้าเว็บสอนการใช้งานในสไตล์บทความ wikiHow พร้อมขั้นตอนทีละขั้นและภาพจำลอง UI ปรับแต่งหัวข้อและขั้นตอนได้ตามต้องการ
wikihowม็อคอัพออกแบบ uiบทเรียนอินโฟกราฟิกหน้าเว็บเลย์เอาต์เว็บ
พรอมป์
{
"type": "wikiHow article mockup",
"header": {
"background": "green",
"elements": [
"hamburger menu icon",
"wikiHow logo",
"search bar with 'Search how to...' text",
"5 navigation icons: PRO/PPRO, QUIZZES, EDIT, EXPLORE, LOG IN"
]
},
"breadcrumbs": "HOME » CATEGORIES » COMPUTERS AND ELECTRONICS » INTERNET » CHATGPT",
"article_info": {
"title": "[How To Use GPT-Image 2]",
"metadata": "Written by wikiHow Staff | Updated: June 10, 2024",
"sidebar": [
"PDF Download Article button",
"METHODS box: 1 Using GPT-Image 2 on Arena.ai"
]
},
"intro_box": "GPT-Image 2 is OpenAI's most advanced AI image generator. It creates high-quality, detailed, and accurate images from your text prompts. This wikiHow will show you how to try GPT-Image 2 for free on arena.ai.",
"steps": [
{
"number": 1,
"title": "[Go to arena.ai.]",
"description": "Open your web browser and navigate to https://arena.ai. Arena is a platform where you can compare and try thousands of AI models, including OpenAI's latest image generator.",
"embedded_image": {
"type": "dark mode website UI mockup",
"logo": "arena",
"navigation": [
"Battle",
"Side-by-Side",
"Direct Chat",
"Leaderboard",
"Community",
"Sign In",
"Sign Up button"
],
"hero_text": "The world's largest arena for AI models",
"input_ui": {
"model_dropdown": "Model: [duct-tape-3]",
"settings": "Default",
"text_input": "Enter your prompt here...",
"button": "Run"
}
}
},
{
"number": 2,
"title": "[Select the model 'duct-tape-3.']",
"description": "Click the Model dropdown menu and choose 'duct-tape-3.' Duct-tape-3 is the name Arena uses for GPT-Image 2, OpenAI's most capable image generation model."
},
{
"number": 3,
"title": "[Prompt it.]",
"description": "Type your prompt in the box and click Run. GPT-Image 2 will generate an image based on your description.",
"tip_box": "TIP GPT-Image 2 is the best AI image generator because it produces incredibly detailed, accurate, and high-quality images, handles text well, follows complex instructions, and has a deep understanding of the world."
}
]
}ส่วนที่ปรับแต่งได้
ก่อนสร้างภาพ ให้แทนที่ส่วนเหล่านี้ของพรอมป์ด้วยหัวข้อหรือข้อความของคุณเอง
[How To Use GPT-Image 2]ตัวแทนข้อความ[Go to arena.ai.]ตัวแทนข้อความ[duct-tape-3]ตัวแทนข้อความ[Select the model 'duct-tape-3.']ตัวแทนข้อความ[Prompt it.]ตัวแทนข้อความ
รายละเอียดพรอมป์
- หมวดหมู่
- ออกแบบ UI / UX
- โมเดล
- GPT IMAGE 2
- ค่าใช้จ่ายต่อภาพ
- 1K: 43 เครดิต · 2K: 86 เครดิต · 4K: 143 เครดิต
- อัตราส่วนภาพ
- 3:4
- วันที่เพิ่ม