Productivity App UI Mockup

원본 문서

GPT Image 2 · en

{
  "type": "Mobile application UI prototype",
  "device": "Modern smartphones with Lingdong Island",
  "theme": "Light mode, minimalism.{argument name=\"primary color\" default=\"Soft Blue\"} Embellishment, soft projection",
  "layout": {
    "header": {
      "profile": "Small round female head",
      "greeting": "Good morning,{argument name=\"user name\" default=\"Alex\"} ☀️",
      "subtitle": "Let's start a productive day.",
      "icon": "Notification bell with red dot"
    },
    "hero_card": {
      "title": "Today's Focus",
      "headline": "{argument name=\"focus task\" default=\"Launch marketing campaign\"}",
      "description": "Finalize the materials, review the copy, and align with the release plan.",
      "button": "Continue the mission",
      "graphic": "A circular progress ring indicating 75% progress."
    },
    "sections": [
      {
        "title": "Next",
        "count": 1,
        "items": [
          "Team Synchronous Meeting (10:00 AM - 11:00 AM)"
        ]
      },
      {
        "title": "Reminders",
        "count": 2,
        "items": [
          "Review the design prototype",
          "Submit an event briefing"
        ]
      }
    ],
    "bottom_elements": {
      "ai_input": "Capsule-shaped text box with flashing icon and placeholder{argument name=\"ai placeholder\" default=\"Ask your AI assistant...\"} '",
      "navigation_bar": {
        "count": 4,
        "tabs": [
          "front page",
          "Task",
          "assistant",
          "Personal information"
        ]
      }
    }
  }
}

사용 방법

1. 매개변수를 포함한 전체 원본 프롬프트를 복사하세요.
2. 주제, 문구, 구도를 자신의 요구에 맞게 바꾸세요.
3. 호환되는 외부 도구에서 사용하고 이용 조건과 결과를 확인하세요.

시작 전 확인

• 참조 이미지가 필요한지 확인하세요. 호환 표시는 해당 모델로 이 예시를 생성했다는 뜻이 아닙니다.
• 이름, 수치, 이미지 속 문구를 확인하세요. 모델 버전에 따라 결과가 다를 수 있습니다.