BOLINDESKTOP EXPERIENCE   /   04 OF 04返回作品

小星球直播助手

LITTLE PLANET LIVE

开播前后,都有条理。

直播工作平台

小星球直播助手原稿预览正在呈现画面
桌面端 UI开播 / 运营 / 复盘

项目介绍

ABOUT THE PROJECT

开播前后,都有条理。

小星球直播助手是围绕直播工作的桌面平台。直播工作台集中呈现开播相关信息,运营中心、内容管理与观众运营连接日常工作,单场复盘帮助回看一场直播。

产品类型
直播工作平台
设计类型
从 0 到 1 完整设计
主要场景
开播 / 运营 / 复盘

设计流程

DESIGN PROCESS

沿直播准备、开播操作、日常运营与单场复盘,组织桌面工作区。

  1. 01

    梳理直播路径

    围绕工作台、运营、内容与观众,安排直播前后的功能入口。

    信息架构
  2. 02

    延续产品识别

    以黑黄配色统一导航、操作与状态,让画面预览保留视觉重心。

    视觉规范
  3. 03

    组织开播工作区

    将预览、场景来源、音量与开播操作放在一起,呈现准备和进行中的工作。

    界面设计
  4. 04

    连接运营与复盘

    通过内容、观众与单场数据回看直播,衔接后续运营工作。

    业务衔接

设计规范

VISUAL SYSTEM

黄色标记主要动作,深色工作区组织直播信息,数据与状态保持清晰。

主要强调色Yellow#FFDA16

选中状态 / 主要操作 / 重点信息

深色基础Charcoal#101113

内容背景 / 场景衬托

浅色基础White#FFFFFF

主要文字 / 深色背景中的内容

辅助信息Gray#8C8C8C

说明文字 / 次要状态

布局规范

LAYOUT & SPACING

依据直播工作台的画面预览、场景来源与开播操作,标注工作区的布局关系。

左侧导航连接直播工作台、运营、内容与观众;中央画面预览下方保留声音与开播操作,右侧管理场景和来源。直播状态与账户位于顶部,让准备、检查和开播在同一工作区完成。

16px
画面预览场景分组
10px
操作按钮状态标签
16px10px
内容边距
24 px
模块间距
20 px
控件间距
12 px
直播工作台结构与间距示意左侧导航连接直播工作台、运营、内容与观众;中央画面预览下方保留声音与开播操作,右侧管理场景和来源。直播状态与账户位于顶部,让准备、检查和开播在同一工作区完成。 标注为展示规范,单位 px。小星球直播工作台运营中心内容管理观众运营直播工作台直播标题 · 准备中直播画面预览声音检查开始直播场景与来源当前场景摄像头与窗口添加素材直播检测 · 网络 / 丢帧 / CPU / 内存16:10 · 原稿比例24 px20 px12 px业务导航 / 画面预览 / 场景与来源 / 声音检查 / 开播操作
页面结构与间距示意 · 桌面工作区 · 标注为展示规范

核心界面

MAIN SCREENS

从主要使用场景开始,查看产品的核心界面。点击图片可以查看完整大图。

回看一场,准备下一场。

IN USE

单场复盘集中呈现直播记录、在线与互动趋势、观众留存和高光时刻,复盘建议连接下一场直播的准备。

直播记录
明确相关信息与下一步操作。
互动与留存
让操作过程和当前状态容易理解。
复盘建议
为后续使用保留清晰的入口。

更多设计细节

MORE SCREENS

沿着使用路径,继续查看内容、操作与不同状态。

小星球直播助手 · 0 / 5

正在呈现原图
100%
NEXT PROJECT / 桌面端毛线后台