AI Image Generator UI Mockup

A detailed dark-mode web interface mockup for an AI image generation tool, featuring style galleries, feature highlights, and recent image grids.

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

生成に使う

推奨比率

4:5 または 3:4

品質の進め方

高精細で仕上げる

生成フロー

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

Qwen Image 完全プロンプト

英語

{
  "type": "UI/UX web application mockup",
  "theme": "dark mode",
  "sidebar": {
    "logo": "{argument name=\"app name\" default=\"AI assistant\"}",
    "navigation_items": 5,
    "recent_chats_count": 8,
    "user_profile": "User, Free tier"
  },
  "main_content": {
    "header": "Images",
    "input_bar": {
      "placeholder": "{argument name=\"input placeholder\" default=\"Describe a new image...\"}",
      "model_selector": "{argument name=\"model name\" default=\"GPT Image 2\"}"
    },
    "sections": [
      {
        "title": "{argument name=\"hero title\" default=\"New: GPT Image 2 is here!\"}",
        "description": "Our next-generation image model, built for greater realism, better typography, and deeper world knowledge.",
        "feature_tags_count": 4,
        "hero_images_count": 3,
        "hero_images_descriptions": ["mountain lake landscape", "neon cyberpunk street", "typography poster"]
      },
      {
        "title": "Apply a style to an image",
        "style_thumbnails_count": 8,
        "style_labels": ["Anime", "Oil painting", "Cinematic", "3D render", "Line art", "Pixel art", "Watercolor", "Cyberpunk"]
      },
      {
        "title": "Discover new features",
        "feature_cards_count": 6,
        "feature_labels": ["Advanced text rendering", "Consistent characters & scenes", "Higher realism", "World knowledge", "Precise editing", "More creative styles"]
      },
      {
        "title": "My images",
        "recent_images_count": 6,
        "recent_images_descriptions": ["anime boy portrait", "tabby kitten", "tabby kitten", "sleeping white arctic fox", "wedding invitation", "code editor terminal"]
      }
    ]
  }
}

AI Image Generator 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