繁星智算 App 样机
中国移动 China Mobile
查看项目
繁星智算 logo
iOS / Android智能硬件App设备管理算力服务

智能设备
连接算力与存储

< 繁星智算 移动端设计 >

繁星智算 App 是一款面向家庭智能设备的移动控制端。通过连接自研轻量型算力主机,整合跨品牌智能终端,实现设备管理、智能控制与闲置算力共享。

繁星智算做什么?

What fanxing does

繁星智算项目背景展示

项目背景介绍

随着万物互联时代的到来,越来越多的终端用户设备如智能手机、智能家居设备、物联网设备等都连接到互联网,形成了一个庞大的网络。这些设备具备一定的计算能力,但由于资源受限,无法满足高性能计算任务的需求。

为了充分利用边缘设备的算力,中国移动提出了一个创新的项目,能够将这些设备转变为算力中心,从而在本地处理数据和执行任务,减少对云端资源的依赖。这样的设计不仅优化了资源分配,还增强了系统的灵活性和可扩展性,为终端用户提供了更加快速和便捷的服务体验。

智能设备中枢控制端

繁星智算APP是一款通过轻量型家庭智能算力主机关联智能设备的控制终端。

项目职责

  • 设计规范:从 0 到 1 制定移动端设计规范,搭建并维护项目组件库
  • 核心设计:主导一级界面以及应用、算力、积分等核心模块的 UI/UX 设计
  • 落地跟进:输出高保真交付物,全程参与开发走查与动效落地,把控最终还原度

平台生态能力

Platform ecosystem

关联智能终端

关联智能终端

算力主机作为家庭智能设备的核心节点,具备跨品牌设备连接能力,能够协同管理不同品牌的智能感知终端。通过统一调度和设备联动,提升整体算力利用效率。

算力共享闲置资源

算力共享闲置资源

通过繁星智算 App,用户可以将家中的闲置算力设备转化为可持续共享的资源。只需简单几步操作,就能把空闲算力共享出去,并通过积分系统获得相应收益。

智能场景个性定制

智能场景个性定制

智能场景功能可根据用户生活需求进行个性化配置,帮助家庭设备形成更灵活的联动关系。系统提升了日常使用便利性,也增强居住环境的安全性和舒适度。

挂载多款轻应用

挂载多款轻应用

平台支持官方和第三方开发者提供的多款轻应用。开发者可通过 API 网关调用算力主机和家庭设备能力,快速构建适配不同生活场景的 H5 应用。

进度标签导航

视觉风格探索

Visual exploration

产品定位衍生关键词设计方向

用户群体

主要集中在80后/90后的年龄群体,具备一定的经济实力,注重生活品质,追求个性化和便利的生活方式

质感/微年轻化

3D图标与元素增加视觉深度和现代感
轻质感背景细节的纹理或渐变,以不分散用户注意力的方式增加视觉层次感
呼吸感色彩具有呼吸感的色彩渐变,在背景或按钮上,以增加活力、动感

用户画像

技术爱好者/IT专业人士/追求便捷生活的人群/数字化转型的早期采纳者/对数据管理有需求的用户/注重性价比的用户/对生活品质有要求的用户

专业/安全/严谨

卡片模块化布局便于用户快速浏览和定位操作内容
小圆角卡片、弹窗等采用小圆角设计,柔和冰冷视觉但又不失严谨
场景化引导根据用户所处状态,在关键任务节点提供必要提示与下一步入口

产品属性

经济智能产品的手机控制端

智能/高效/简约

微动画反馈在缺省状态中加入轻量微动效,缓解空页面的静止感,增强界面的亲和力与视觉反馈
{ 高效 }
{ 高效 }
{ 专业 }
{ 专业 }
{ 安全 }
{ 安全 }
进度标签导航

色彩/文字

Color & font

#2369F6R 35 / G 105 / B 246
#25C7F5R 37 / G 199 / B 245
#EE6733
#6A61FF
#30CE93

{ IOS · 苹方简{ Android · 思源黑体{ 数字 · Robot

20+ / 18 / 17 / 16 / 15 / 14 / 13 / 12 / 11

中性灰色

+

主色6~12%

=

文字色

文字组件
进度标签导航

缺省样式

Empty states

暂无更多应用
未搜索到相关商品
网络错误
服务错误
暂无设备数据
无设备消息推送
您还没有相关订单
进度标签导航

规范库

Design system

建立设计规范文档和组件库,让项目设计按照统一规范使用提升产品视觉交互一致性,为开发提效和后续设计的延展效率

繁星智算设计规范库全图

Main
PAGES:)

Design by 炸小年糕
首页 Tab

首页 Tab

主功能展示 / banner介绍 / 设备

设备 Tab

设备 Tab

全部设备展示 / 设备添加与操作 / 场景...

应用 Tab

应用 Tab

我的应用 / 应用商城 / 订阅与安装...

算力 Tab

算力 Tab

算力设备展示 / 算力积分 / 实时数据...

我的 Tab

我的 Tab

当前群组展示 / 群组管理 / 积分和订单...

品牌入口与登录状态

登录页

a. 背景采用具有呼吸感的色彩渐变,以增加活力、动感

b. btn在主色背景增加同色系光感,让整体页面在视觉上展示很简洁,但透气有呼吸感,弱化登录操作压力,突出品牌识别与轻量感

手机号识别
›
协议确认
›
一键登录
›
进入设备空间
繁星智算登录页1
繁星智算登录页2
繁星智算登录页3

核心功能聚合

首页

繁星智算首页界面展示
状态聚合高频操作卡片层级快速识别导航统一
01

Banner

首屏核心视觉区,聚焦设备状态与主功能引导

●

占据首页顶部主要视觉位置,使用主蓝色与衍生色强化品牌识别

●

突出主推算力设备的核心功能,点击后可进入详情页查看功能介绍

02

金刚区主功能

集中高频操作入口,降低操作成本,提升使用效率

●

用户可配置首页常用设备,将核心功能前置,方便快速操作

●

支持横向滑动查看更多绑定设备,末尾可添加新设备

●

「我的空间」与「共享空间」作为主功能,采用大面积卡片设计,突出层级和使用优先级

●

主功能卡片使用浅青色与浅紫色作为底色,搭配轻量化质感图标,与下方功能 icon 拉开主次关系

●

「相册」「视频」「音频」「文档」「压缩包」作为次级功能,以扁平化图标呈现,便于快速识别

●

图标色彩采用冷暖搭配,并统一明度与饱和度,让不同功能在视觉上保持整体感

03

底部 Tab 导航

全局导航入口,承担页面切换与当前位置识别

●

面性图标更加饱满稳定,能更清晰地传达功能信息,降低用户识别成本

●

选中图标加入细微阴影和主色强调,增强图标深度与当前状态识别

轻量化算力主机

主机首页

繁星智算的功能页面会根据不同算力主机类型展开。当前展示的是轻量化算力主机路径,它本身具备电视机顶盒属性,因此在移动端进入后,会展开主机首页、存储空间、媒体内容管理等功能,并与 TV 端内容查看形成联动。

从首页进入主机入口

主机首页聚合了多个功能以及服务的入口,是轻量化算力主机下的功能起点。

TCN100轻量型算力主机 - 主机首页

算力主机首页

从首页进入轻量化算力主机功能页,核心功能为存储与TV端联动

Banner

突出当前设备产品,给用户所在定位有清晰认知,视觉颜色选择同色系辅色,整体性系列感更强

主机存储功能

相册 / 视频 / 音频 / 文档 / 压缩包

上传文件悬浮按钮

结合主色和辅色,增加按钮的视觉亮点,提高用户点击欲,调整阴影使其更加自然

我的空间 / 共享空间

移动端负责个人文件和家庭共享内容的管理,支持不同文件类型浏览与基础操作,并与 TV 端联动完成大屏查看。

我的空间

我的空间

个人文件管理

共享空间

共享空间

家庭内容共享

TV端查看

TV 端查看

大屏浏览共享内容

i

此部分为轻量化算力主机下的存储功能页面,作为 App 内的功能空间展开,不作为独立项目单独阐述。

智能终端管理

设备页

围绕设备、房间与卡片三种视角,帮助用户快速查看家庭终端状态,并完成设备管理与场景控制。

设备列表房间管理卡片状态场景控制
设备页 - 设备示意
设备页 - 主界面
设备页 - 详情1
设备页 - 详情2
Tab 1

设备接入

聚合跨品牌智能终端,展示设备在线状态与绑定关系。

Tab 2

房间管理

按家庭空间组织设备,方便用户在不同房间中快速查找与管理。

Tab 3

卡片状态

通过卡片展示关键设备数据与操作入口,减少信息查找成本。

轻应用生态

应用页 / 应用商店

轻应用生态以算力主机作为中心节点,将不同硬件设备与对应的轻应用、算法能力连接起来。用户可以在应用页查看已安装应用,也可以在应用商店中选择适配设备的应用,并下载安装到指定主机上,为主机的文件照片、摄像头、智能设备、传感设备等硬件扩展更多使用能力。

设备适配算法服务安装管理
应用商店 - 主页
应用商店 - 详情

什么是轻应用?

轻应用是运行在繁星智算App和PC端里的H5应用。
轻应用由第三方开发者提供,开发者轻应用可以通过API网关,调用家庭算力主机设备和其他API的能力,快速构建满足应用场景需求的H5应用。
项目启动初期,为了先搭建应用生态的基础框架,我们先自己完成了一批自研轻应用。后续再通过轻应用开发平台,引入第三方开发者共同扩充应用内容。

已构建轻应用基础生态:

40+ 功能类·36+ 游戏互动类·100+ 前后端一体应用

01

设备能力类

围绕不同智能硬件的使用需求,提供识别、检测、控制与内容增强等轻应用能力,帮助设备扩展更多玩法。

宠物抓拍婴儿看护时光缩影智能超分

宠物抓拍 / 婴儿看护 / 时光缩影 / 智能超分

02

工具服务类

提供文件处理、图像生成、内容识别、信息查询等高频工具能力,下载安装到主机后可作为快捷服务入口使用。

PDF 转换器智能抠图垃圾分类助手证件照生成器

PDF 转换器 / 智能抠图 / 垃圾分类助手 / 证件照生成器

03

游戏互动类

以轻量小游戏和互动内容为主,加载成本低、体验路径短,适合快速启动与即点即玩,用于补充主机生态中的娱乐内容。

智趣数独挑战极速打地鼠金矿探险家街区赛车

智趣数独挑战 / 极速打地鼠 / 金矿探险家 / 街区赛车

04

前后端一体类

包含界面、数据与服务逻辑,可部署到算力主机上,扩展私有云、文件管理、影音中心、数据看板等完整服务能力。

NextCloudFilebrowserJellyfinGrafana

NextCloud / Filebrowser / Jellyfin / Grafana

应用详情 1
应用详情 2
应用详情 3
应用详情 4

闲置算力共享

共享资源配置

用户可以在算力页面查看主机运行状态,并根据设备资源情况开启算力共享,将闲置 CPU、内存与存储资源转化为可参与共享的算力能力,让主机设备轻松将闲置算力转化为收益。

连接设备,开启共享绑定算力主机,实时查看设备状态与收益数据,一键开启算力共享。
灵活配置,按需调整自定义 CPU、内存、硬盘资源配额,支持按小/中/大三档快速选择。
安全稳定,收益透明全程保障设备与数据安全,收益与积分实时可见,激励持续共享。
算力 - 主界面
算力 2
积分反馈共享收益以积分形式沉淀,可查看、累计并兑换。
算力共享→积分累计→积分兑换
积分管理
积分明细
积分商城
激励闭环积分作为算力共享后的结果反馈,帮用户感知收益,提升持续参与意愿。
  • 共享算力后自动累计积分
  • 可在明细与商城中查看和兑换
  • 形成"共享—反馈—激励"的闭环体验

个人中心

群组 · 积分 · 账号 · 设置

个人中心 - 背景图

背景图

形多个3D立方体叠压样式,表示多款设备相联物联网的特质
色背景色彩使用柔和的浅蓝色调,与应用主色相呼应,整体展示和谐统一视觉
质毛玻璃渲染效果让页面更通透,对比度较小,突出前景主体
个人中心 Icon 组

Icon设计

图标设计较为简洁直观,易于识别,图标的风格统一

个人中心 - 主界面
个人中心 - 群组卡片

群组卡片设计

信息层次:

不同的字体大小和颜色来区分信息层次,有助于用户快速抓住重点信息
群组卡片的背景使用了浅色渐变以及描边质感,与页面其他部分形成对比,使得群组信息这个主信息更加突出
"管理"按钮使用主色蓝色,与群组卡片的浅色背景形成对比,易于用户识别和点击
群组成员头像的排列方式既节省空间,又直观地展示了群组的成员构成,并增加了便捷添加群组成员的入口
页面总览