
UI / UX 디자인
wikiHow 스타일 튜토리얼 웹페이지
단계별 가이드와 UI 목업이 포함된 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
- 추가일