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. 在兼容的外部工具中使用，核对当前使用条件并检查结果。

开始前需了解

• 先确认是否需要参考图。标注兼容模型，不代表该示例由这个模型生成。
• 核对名称、数字与画面文字；不同模型版本的结果可能不同。