
UI / UX デザイン
wikiHow風ステップ別解説ページ
手順ガイドと埋め込みUIモックアップを備えたwikiHow風のチュートリアルWebページを生成します。タイトルや手順を自由に編集できます。
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": "ダークモードWebサイト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.]プレースホルダー
プロンプトの詳細
- カテゴリ
- UI / UX デザイン
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 3:4
- 追加日