Live Streaming App Interface Mockup

Back to inspiration

1 / 1

Live Streaming App Interface Mockup

Source: LL.AI

UI Designopenai/gpt-image-2#UI Design#Neon Cyberpunk#Elon Musk#Interface#layout

Realistic mobile UI featuring streamer, chat flow, and interactive icons inspired by social media.

6.3wpeople using it

4:5Recommended size

2.9wSaves

Prompt template

{
  "type": "移动端直播界面模型",
  "subject": {
    "identity": "{argument name=\"subject name\" default=\"埃隆·马斯克\"}",
    "appearance": "身穿黑色 T 恤，印有 {argument name=\"t-shirt graphic\" default=\"星舰火箭和 SPACEX 文字\"}",
    "pose": "{argument name=\"expression\" default=\"温暖微笑，直视镜头\"}，双手交叠放在深色桌面上"
  },
  "environment": "{argument name=\"background\" default=\"SpaceX 办公室，背景有火箭模型和霓虹灯牌\"}",
  "layout": {
    "sections": [
      {
        "title": "顶部栏 UI",
        "position": "顶部",
        "count": 4,
        "labels": [
          "个人资料信息，包含“埃隆·马斯克”和“关注”按钮",
          "观众头像及人数“60.6万”",
          "排名徽章“全站第1名”",
          "关闭按钮“X”"
        ]
      },
      {
        "title": "礼物弹窗",
        "position": "中左",
        "count": 2,
        "labels": [
          "星辰大海 送小心心 x66 (爱心图标)",
          "Dreamer 送超级火箭 x1 (火箭图标)"
        ]
      },
      {
        "title": "聊天流",
        "position": "底左",
        "count": 7,
        "labels": [
          "用户12345: 马斯克来了！🔥",
          "钢铁侠本侠: 特斯拉未来规划能分享一下吗？",
          "加密货币王: 会考虑接受狗狗币支付吗？🐶",
          "火星移民: 什么时候去火星？🚀",
          "银河系 来了",
          "智者无敌: 第一排支持马斯克！",
          "未来已来: 👍👍👍"
        ]
      },
      {
        "title": "侧边操作按钮",
        "position": "底右",
        "count": 4,
        "labels": [
          "主播头像及“+”号",
          "点赞爱心“38.7万”",
          "评论气泡“6.2万”",
          "分享箭头“3.6万”"
        ]
      },
      {
        "title": "底部输入栏",
        "position": "底部",
        "count": 3,
        "labels": [
          "文本输入框“说点什么...”",
          "礼物盒图标",
          "更多选项“...”"
        ]
      }
    ]
  }
}