Live Commerce UI Prototype

Back to inspiration

1 / 1

Source: xiaobeiLin(小北)

UI Designopenai/gpt-image-2#UI Design#E-commerce#Thumbnail

Mobile live shopping layout featuring streamer, product card, chat, and marketing overlays.

12.9wpeople using it

4:5Recommended size

2.7wSaves

Prompt template

{
  "type": "移动端直播电商界面原型",
  "subject": {
    "description": "年轻亚裔女性，留着深色长发，身穿浅色碎花睡衣套装并配有粉色蝴蝶结，正向镜头展示睡衣面料",
    "background": "温馨的房间，挂着睡衣的衣架，鲜花，暖色调灯光"
  },
  "ui_layout": {
    "top_bar": {
      "time": "20:34",
      "host_info": {
        "name": "小雨睡衣",
        "stats": "12.8万本场点赞",
        "button": "关注"
      },
      "viewer_info": {
        "avatars_count": 3,
        "total_viewers": "1.2万"
      }
    },
    "floating_tags": {
      "count": 2,
      "labels": [
        "带货总榜第3名",
        "人气榜"
      ]
    },
    "widgets": {
      "top_left": "带有 03:45 倒计时的红包图标",
      "top_right": "悬浮爱心图标，附带文字“直播好物大赏 发现新热爱”"
    },
    "marketing_text_overlay": {
      "position": "中右侧",
      "lines_count": 5,
      "lines": [
        "新款睡衣",
        "正在秒杀中...",
        "亲肤透气",
        "柔软舒适",
        "不起球 不褪色"
      ]
    },
    "chat_log": {
      "position": "左下侧",
      "message_count": 7,
      "messages": [
        "32 雨*** 加入了直播间",
        "小***: 好看，多少钱",
        "小***: 拍了，期待发货",
        "C***: 质量看着不错",
        "用***: 身高165，体重120斤，穿多大码？",
        "@***: 主播身上这款有货吗？",
        "晴***: 已拍，坐等收货！"
      ]
    },
    "product_card": {
      "position": "右下侧",
      "thumbnail": "主播缩略图",
      "title": "【小雨睡衣】春季新款家居服套装",
      "tags_count": 2,
      "tags": [
        "7天无理由退货",
        "运费险"
      ],
      "price_section": "秒杀价 ¥ 89.9",
      "action_button": "抢"
    },
    "bottom_bar": {
      "input_placeholder": "说点什么...",
      "icon_count": 5,
      "icons": [
        "笑脸",
        "购物车",
        "爱心/礼物",
        "礼盒",
        "三个点"
      ]
    }
  }
}