15

界面交互设计图
Enlarge

界面交互设计图

Prompt
{
  "type": "UI/UX landing page mockup",
  "theme": "dark mode, sleek modern aesthetic, glassmorphism, {argument name=\"primary accent color\" default=\"neon purple and blue\"} glowing accents",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"goViralX\"}",
    "top_right_tag": "VIRAL CAMPAIGN CASE STUDY"
  },
  "layout": {
    "sections": [
      {
        "name": "Hero",
        "headline": "{argument name=\"hero headline\" default=\"How We Created 10M+ Viral Impact\"}",
        "subheadline": "3天引爆全网, 助力品牌实现指数级增长",
        "stats_row": {
          "count": 4,
          "labels": ["总播放量", "互动率", "转化咨询", "执行周期"],
          "values": ["{argument name=\"main statistic\" default=\"10,240,000+\"}", "18.7%", "3,200+", "72小时"]
        },
        "visual": "cinematic shot of a person in a hoodie looking at glowing digital screens and graphs, large play button overlay"
      },
      {
        "name": "Strategy",
        "title": "Our 3-Day Execution Strategy",
        "layout_type": "vertical timeline",
        "steps_count": 3,
        "elements_per_step": ["timeline node", "title", "bullet points", "video thumbnail with play button", "description box"]
      },
      {
        "name": "Performance",
        "title": "Data-Driven Performance",
        "left_column": {
          "stat_cards_count": 4,
          "values": ["10M+", "43%", "28,000+", "3,200+"]
        },
        "right_column": {
          "charts_count": 2,
          "chart_1": "line graph showing 7-day growth peaking at Day 3",
          "chart_2": "horizontal segmented bar chart showing platform distribution (TikTok 52%, Instagram 24%, X 15%, YouTube 9%)"
        }
      },
      {
        "name": "Keys to Success",
        "title": "The 3 Keys to Viral Success",
        "cards_count": 3,
        "card_elements": ["glowing icon (fire, target, antenna)", "title", "description", "VIEW DETAIL link"]
      },
      {
        "name": "Social Proof",
        "title": "TRUSTED BY CREATORS & BRANDS",
        "left_column": {
          "logos_count": 8,
          "grid": "2x4",
          "brands": ["SHEIN", "SHOPLINE", "Blueglass", "instacart", "lemon8", "mi", "CIDER", "bellroy"]
        },
        "right_column": {
          "testimonial_cards_count": 2,
          "elements": ["quote", "author title (SaaS Founder, Growth Manager)"]
        }
      },
      {
        "name": "Call to Action",
        "title": "READY TO GO VIRAL?",
        "interactive_elements": ["text input field", "glowing button with text '{argument name=\"call to action text\" default=\"获取专属增长方案 ->\"}'"],
        "visual": "3D render of a rocket ship taking off with purple and blue flames"
      }
    ]
  }
}
Category
UI & Interfaces
Model
GPT Image 2
Views1
Source ID
131

Guide

About "界面交互设计图"

What is this prompt for?

"界面交互设计图" AI image prompt for GPT Image 2 (UI & Interfaces). { "type": "UI/UX landing page mockup", "theme": "dark mode, sleek modern aesthetic, glassmorphism,…

The full copyable prompt and example visuals above are ready for AI image generation or one-click recreate in Picva.

How to use this prompt

  1. Step 1

    Open the prompt detail

    Review the example visuals, category, and full prompt text for "界面交互设计图".

  2. Step 2

    Copy the prompt

    Copy the prompt body from this page, or load it directly in Studio.

  3. Step 3

    Pick a model (GPT Image 2)

    Prefer GPT Image 2. If you switch models, keep subject and composition and tweak style terms.

  4. Step 4

    Generate and export

    Recreate the look in Picva, or export into your workflow for editing and publishing.

FAQ

What is the "界面交互设计图" prompt?
It is an AI image-generation prompt for GPT Image 2 in the UI & Interfaces category. This page includes the full prompt text, example visuals, and a one-click recreate path in Picva.
How do I use this prompt to generate an image?
Copy the prompt from this page, or use Generate / Studio. Paste it into a compatible image model, or recreate the look in Picva with optional reference images.
Which model is this prompt for?
This page lists GPT Image 2. Most descriptive prompts also transfer to nearby image models such as GPT Image, Flux, or Midjourney with light style tweaks.
Can I use the result commercially?
You can usually copy the prompt for creation, but commercial use of the final image depends on the model terms, reference-image rights, and the generated content. Follow the source author and platform rules.