Productivity App UI Mockup

A modern, light-themed mobile app interface for task management featuring a daily focus card, schedule, and AI assistant integration.

商品写真、パッケージ、ブランド広告の初稿作りに向いています。主体、素材、背景、商業レタッチの方向があるので、変数を差し替えるだけで試せます。

生成に使う

推奨比率

4:5 または 3:4

品質の進め方

まず軽く生成し、良い案を高精細で詰める

生成フロー

まずテキストで主画面を作り、一度に一つの重要な要素だけ修正します。

Qwen Image 完全プロンプト

英語

{
  "type": "mobile app UI mockup",
  "device": "modern smartphone with dynamic island",
  "theme": "light mode, minimalist, {argument name=\"primary color\" default=\"soft blue\"} accents, soft drop shadows",
  "layout": {
    "header": {
      "profile": "small circular photo of a woman",
      "greeting": "Good morning, {argument name=\"user name\" default=\"Alex\"} ☀️",
      "subtitle": "Let's make today productive.",
      "icon": "notification bell with red dot"
    },
    "hero_card": {
      "title": "TODAY'S FOCUS",
      "headline": "{argument name=\"focus task\" default=\"Launch marketing campaign\"}",
      "description": "Finalize assets, review messaging, and align on launch plan.",
      "button": "Continue Task",
      "graphic": "circular progress ring showing 75% Progress"
    },
    "sections": [
      {
        "title": "Up Next",
        "count": 1,
        "items": ["Team sync (10:00 AM - 11:00 AM)"]
      },
      {
        "title": "Reminders",
        "count": 2,
        "items": ["Review design mockups", "Submit campaign brief"]
      }
    ],
    "bottom_elements": {
      "ai_input": "pill-shaped text field with sparkle icon and placeholder '{argument name=\"ai placeholder\" default=\"Ask your AI assistant...\"}'",
      "navigation_bar": {
        "count": 4,
        "tabs": ["Home", "Tasks", "Assistant", "Profile"]
      }
    }
  }
}

Productivity App UI Mockup

Qwen Image 完全プロンプト

関連するQwen Imageプロンプト

VR Headset Exploded View Poster

E-commerce Live Stream UI Mockup

Pancake Angel Cafe Cover

Summer Grape Girl 3x3 Grid Portrait

Mystical Japanese AI Face Reading Report

Miniature City Tiny Worlds