1 / 1

电商直播间 UI 设计稿

案列来源：可可耐特coconut

UI 设计稿openai/gpt-image-2#UI 设计#电商#体验设计#界面#版式设计

生成一个逼真的移动端电商直播界面，包含模特、互动商品卡片以及滚动聊天浮层。

12.9w人正在用

4:5推荐尺寸

2.7w收藏人数

提示词模板

{
  "type": "电商直播界面设计稿",
  "subject": {
    "description": "年轻亚裔女性，留着波浪长卷发，身穿白色短袖 Polo 衫和白色百褶网球裙，右肩扛着一支白色网球拍，面带柔和表情直视镜头",
    "background": "柔和的浅灰色摄影棚背景"
  },
  "layout": {
    "header": {
      "left": {
        "avatar": "女性头像",
        "name": "小鹿运动优选",
        "stats": "12.8 万本场点赞",
        "button": "关注",
        "badge": "带货榜第 3 名"
      },
      "right": {
        "viewer_avatars_count": 3,
        "viewer_count": "1.2 万",
        "close_icon": "X"
      }
    },
    "floating_elements": [
      {
        "position": "右上角",
        "type": "优惠券卡片",
        "title": "直播间专属券",
        "details": "¥20 满 199 可用",
        "button": "领取"
      },
      {
        "position": "中左侧",
        "type": "活动文案",
        "subtitle": "夏日运动季",
        "headline": "活力开场",
        "bullet_points_count": 3,
        "bullet_points": [
          "透气速干",
          "弹力舒适",
          "运动百搭"
        ]
      },
      {
        "position": "中右侧",
        "type": "当前讲解商品卡片",
        "badge": "正在讲解",
        "image": "白色 Polo 衫和裙子平铺图",
        "title": "运动 POLO 衫套装",
        "details": "白色·M 码",
        "price": "¥129",
        "button": "去抢购"
      },
      {
        "position": "右下角",
        "type": "次要商品卡片",
        "badge": "热卖 x 156",
        "image": "模特穿着该套装",
        "title": "运动 POLO 衫套装女 透气速干 显瘦百搭",
        "tags": [
          "7 天无理由退货",
          "运费险"
        ],
        "price": "¥129",
        "button": "抢"
      }
    ],
    "chat_overlay": {
      "position": "左下角",
      "message_count": 5,
      "messages": [
        "小鹿姐姐: 欢迎新朋友们来到直播间~",
        "运动达人: 这套好看!",
        "卡卡西: 布料透气吗?",
        "小鹿运动优选: 我们这个面料是冰丝速干的，运动出汗也不闷热哦~",
        "用户_6789: 已拍!"
      ],
      "purchase_alert": "用户_6789 等 3 人 正在去购买"
    },
    "footer": {
      "input_bar": "说点什么...",
      "icons_count": 5,
      "icons": [
        "smile",
        "shopping cart",
        "heart",
        "share",
        "more"
      ]
    }
  }
}