
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
- 收录时间