社区案例

电商直播 UI 样机

生成高度精细、逼真的电商直播界面，包含明星主播、实时聊天、交互式 UI 叠加层以及醒目的商品购买卡片。

PM也有春天 · 2026-04-17 · 约 4 分钟

编辑提示词

完整提示词

{
  "type": "直播界面样机",
  "broadcaster": {
    "name": "{argument name=\"broadcaster name\" default=\"Elon Musk\"}",
    "appearance": "身穿黑色夹克的微笑男士",
    "action": "手持一瓶带有 {argument name=\"product brand\" default=\"青岛啤酒\"} 标签的绿色玻璃啤酒瓶"
  },
  "environment": {
    "background": "{argument name=\"city background\" default=\"青岛夜景\"}，背景为灯火辉煌的摩天大楼、河流、发光的红色雕塑地标以及写有“I ❤️ 青岛”的霓虹灯牌",
    "foreground": "一张木桌，上面放着一杯带泡沫的啤酒，以及一个装有 4 瓶绿色啤酒的透明冰桶"
  },
  "ui_elements": {
    "header": {
      "left": "头像、名称“{argument name=\"broadcaster name\" default=\"Elon Musk\"}”、副标题“特斯拉 CEO”以及一个粉色的“关注”按钮",
      "right": "3 个观众头像、“10万+”观看人数以及一个“X”关闭按钮",
      "top_right_banner": "粉色促销横幅，写着“抖音 618 好物节 最高立减 200 元”"
    },
    "floating_badges": [
      "左上角黄色星形徽章“带货第 1 名”",
      "中右侧半透明气泡“直播时间 20:00-24:00”"
    ],
    "interaction_panel": {
      "gifts": [
        "用户“飞***”发送了粉色爱心“x 88”",
        "用户“静***”发送了粉丝团徽章“x 26”"
      ],
      "system_message": "紫色徽章“32 铁粉 1 Elon 加入了直播间”",
      "chat_messages_count": 7,
      "chat_examples": ["马斯克来中国直播了", "支持马斯克，支持青岛啤酒", "多少钱一箱？"]
    },
    "product_card": {
      "position": "右下角",
      "main_title": "{argument name=\"banner headline\" default=\"青岛啤酒官方旗舰店\"}",
      "subtitle": "红色横幅，白色文字“马斯克推荐 跟着 CEO 买好酒”",
      "purchase_button": "白色方框，红色文字“惊喜价: {argument name=\"price\" default=\"¥99.9\"}”以及一个红色的“立即抢购”按钮"
    },
    "bottom_bar": {
      "input_field": "文本输入框，显示“说点什么...”",
      "icons_count": 5,
      "icons_list": ["笑脸", "购物车", "爱心", "礼盒", "三个点"]
    }
  }
}

带入创作工作台

仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。

来源与说明

由 PM也有春天发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

此案例需要参考图片，请在创作工作台中上传后再使用。

查看原始来源 ↗ · 作者主页

使用示例 →

把这个思路，变成下一次创作。

在 RonasAI 中开始创作 ↗