繁星智算 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设计

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

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

群组卡片设计

信息层次:

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