16

界面交互设计图
Enlarge

界面交互设计图

Prompt
{
  "type": "e-commerce live stream interface mockup",
  "subject": {
    "description": "young Asian woman, long wavy dark hair, wearing a white short-sleeve polo shirt and white pleated tennis skirt, holding a white tennis racket over her right shoulder, looking directly at the camera with a soft expression",
    "background": "soft light grey studio background"
  },
  "layout": {
    "header": {
      "left": {
        "avatar": "female portrait",
        "name": "{argument name=\"host name\" default=\"小鹿运动优选\"}",
        "stats": "12.8万本场点赞",
        "button": "关注",
        "badge": "带货榜第3名"
      },
      "right": {
        "viewer_avatars_count": 3,
        "viewer_count": "1.2万",
        "close_icon": "X"
      }
    },
    "floating_elements": [
      {
        "position": "top right",
        "type": "coupon card",
        "title": "直播间专属券",
        "details": "¥20 满199可用",
        "button": "领取"
      },
      {
        "position": "mid left",
        "type": "campaign text",
        "subtitle": "夏日运动季",
        "headline": "{argument name=\"main headline\" default=\"活力开场\"}",
        "bullet_points_count": 3,
        "bullet_points": ["透气速干", "弹力舒适", "运动百搭"]
      },
      {
        "position": "mid right",
        "type": "product card active",
        "badge": "正在讲解",
        "image": "white polo and skirt flat lay",
        "title": "{argument name=\"product name\" default=\"运动POLO衫套装\"}",
        "details": "白色·M码",
        "price": "{argument name=\"price\" default=\"¥129\"}",
        "button": "去抢购"
      },
      {
        "position": "bottom right",
        "type": "product card secondary",
        "badge": "热卖 x 156",
        "image": "model wearing the outfit",
        "title": "运动POLO衫套装女 透气速干 显瘦百搭",
        "tags": ["7天无理由退货", "运费险"],
        "price": "¥129",
        "button": "抢"
      }
    ],
    "chat_overlay": {
      "position": "bottom left",
      "message_count": 5,
      "messages": [
        "小鹿姐姐: 欢迎新朋友们来到直播间~",
        "运动达人: {argument name=\"chat message\" default=\"这套好看!\"}",
        "卡卡西: 布料透气吗?",
        "小鹿运动优选: 我们这个面料是冰丝速干的,运动出汗也不闷热哦~",
        "用户_6789: 已拍!"
      ],
      "purchase_alert": "用户_6789 等3人 正在去购买"
    },
    "footer": {
      "input_bar": "说点什么...",
      "icons_count": 5,
      "icons": ["smile", "shopping cart", "heart", "share", "more"]
    }
  }
}
Category
UI & Interfaces
Model
GPT Image 2
Views0
Source ID
158

Guide

About "界面交互设计图"

What is this prompt for?

"界面交互设计图" AI image prompt for GPT Image 2 (UI & Interfaces). { "type": "e-commerce live stream interface mockup", "subject": { "description": "young Asian woma…

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.