
UI / UX 設計
wikiHow風格圖文教學頁面
生成類似wikiHow文章風格的教學網頁模型,包含逐步指南和內嵌介面截圖。可修改標題、操作步驟與UI元素。
wikihow介面模型ui設計教學資訊圖表網頁設計網頁排版
提示詞
{
"type": "wikiHow文章介面模型",
"header": {
"background": "green",
"elements": [
"漢堡選單圖示",
"wikiHow標識",
"帶有'Search how to...'文字的搜尋欄",
"5個導航圖示: 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下載文章按鈕",
"METHODS框: 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": "深色模式網站UI模型",
"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.]佔位符
提示詞資訊
- 模型
- GPT IMAGE 2
- 每張圖消耗
- 1K:43 點數 · 2K:86 點數 · 4K:143 點數
- 畫幅比例
- 3:4
- 收錄時間