Skip to content

# Spaceport UI V1 评审记录:已确认方向、红队结论与下一阶段执行标准 #14

Description

@ewanqian

Spaceport UI V1 评审记录:已确认方向、红队结论与下一阶段执行标准

一、目的

本 Issue 用于记录当前 Spaceport UI / UX 方向中已经确认的内容,明确哪些页面与逻辑值得继续推进,哪些需要停止或重做,避免后续重复生成无效方案。

这不是灵感记录,而是后续设计与开发执行的标准说明。


二、总定位(已确认)

Spaceport 不是

  • 不是元宇宙大厅
  • 不是 VRChat 式世界入口
  • 不是普通 3D 虚拟展馆
  • 不是炫技未来仪表盘
  • 不是首页先讲某个单独 station 的网站

Spaceport 是

  • 一个空间化界面(spatial interface)
  • 一个创作 / 研究 / 归档 / 连接的数字港口
  • 一个在网页中就能感受到空间逻辑的产品化前台
  • 有一点 Vision Pro 味道,但不是硬做成 3D 世界
  • 是一个简洁、克制、分层、可扩展的系统

核心句

Spaceport 不是“进去一个世界”,而是“在界面里直接体验空间与功能本身”。


三、首页结构(已确认)

当前首页逻辑已经成立,后续设计应以此为基础。

1. Hero 第一屏

第一屏必须先讲 Spaceport 本体:

  • 不是先讲 MOVA
  • 不是先讲 museum
  • 不是先讲单独某个 station
  • 而是先讲 “Spaceport 是什么”

2. Ports / Stations

当前主站点:

  • Tea House in the Woods / 林中茶屋
  • Space Balloon(命名可再统一)
  • MOVA / Museum of Virtual Arts
  • Research Lab / 研究实验室
  • Knowledge Network / 知识网络

3. What’s Happening / Current Signals

需要包含:

  • 茶会 / 会话
  • 展览
  • 研究更新
  • 网络同步
  • 直播 / 活动状态

4. 往下滚动的二级结构

可包含:

  • 研究更新
  • 档案精选
  • 社群入口
  • About 摘要
  • Archives 摘要

四、语言要求(已确认)

后续所有设计探索以 中文优先 为原则。

原因

  • 中文更难后改
  • 英文更容易从中文结构中适配

执行要求

  • 导航先按中文长度设计
  • 标题先按中文节奏设计
  • 模块名称先按中文测试
  • 后续再做双语适配

五、Logo 要求(严格)

当前唯一确认方向为用户提供的圆形黑白 logo。

禁止

  • 不要再随意生成新 logo
  • 不要再用看起来像的替代图形
  • 不要一页一个 logo

必须执行

  • 先做一个高清统一版主 logo
  • 后续所有页面统一使用
  • 包括:首页、station 页面、header、小图标状态

六、各个 Station 的评审结论


A. Tea House in the Woods / 林中茶屋

当前结论

可采用,且是目前最成熟的一组。

已确认设定

  • 黑色极简建筑外观
  • 巨大落地窗
  • 温暖室内光
  • 雾气中的松林 / 草地 / 山坡
  • 东方意境 + 北欧现代感

已确认可保留模块

  • Tea Sessions
  • Ambient Recordings

下一步要求

不能只做成氛围图,需增强功能性。

建议模块:

  • 茶会场次 / Tea Sessions
  • 对谈记录 / Conversations
  • 环境录音 / Ambient Recordings
  • 茶屋归档 / Archive
  • 茶屋理念 / Philosophy
  • 图像文献 / Gallery

B. Space Balloon

当前结论

当前版本不通过,必须重做。

当前问题

  • 太 generic
  • 太柔和
  • 没有 club / 演出 / live signal 身份
  • 没有线上线下双态的系统感

正确定位

Space Balloon 应更接近:

  • livehouse / club
  • 电子音乐空间
  • 线上直播 + 线下活动平台
  • 广播 / 信号 / 航行式的站点

已确认视觉线索

  • 抽象多边形太空气球
  • 蓝 / 黑 / 蓝 / 亮粉 / 黄白渐变
  • 近未来极简
  • 可加入线框 / 技术结构
  • 更偏 advanced performance brand,而非 museum

建议功能模块

  • 直播中 / Live Sessions
  • 演出排期 / Event Schedule
  • 广播与信号 / Broadcast
  • 演出归档 / Set Archive
  • 驻留合作 / Residencies
  • 航行日志 / Journey Logs
  • 线上 / 线下双模式

C. MOVA / Museum of Virtual Arts

当前结论

可保留,但不能喧宾夺主。

已确认定位

  • 纯白展览空间
  • 帘幕 / 植物 / 精致灯光
  • 更偏展览、归档、出版、驻留

建议模块

  • Current Exhibition
  • Artists
  • Archive
  • Publications
  • Residencies
  • Open Calls

注意

MOVA 不能作为 Spaceport 首页的第一主角。


D. Research Lab / 研究实验室

当前结论

当前版本不通过,需要重做。

当前问题

当前页面更像:

  • showroom
  • lifestyle space
  • 化妆品专卖店

而不是:

  • 学术研究前台
  • 实验系统
  • 方法工作站

下一步要求

Research Lab 需更清晰体现:

  • 实验
  • 研究问题
  • 方法笔记
  • Prompt / Workflow
  • Signal analysis
  • Case study
  • 原型测试
  • 研究更新流

视觉上仍可简洁,但要明显更学术、更系统。


E. Knowledge Network / 知识网络

当前结论

当前版本不通过,需要功能化重做。

当前问题

目前只像关系网络图,没有清楚表达“这里可以拿到 skills、工具、方法、知识”。

下一步要求

必须更明确体现:

  • 技能包 / Skills
  • 下载 / Downloads
  • 工具入口 / Tools
  • 参考资料 / References
  • 学习路径 / Learning Paths
  • 记忆图谱 / Memory Graph
  • 演化笔记 / Evolving Notes
  • 协作节点 / Collaboration Nodes

F. FSpace

当前结论

暂停,不再作为当前主结构继续生成。

执行要求

  • 从主结构移除
  • 暂停其 UI 扩展
  • 优先聚焦已确认的五个主站点

七、视觉语言(下一轮目标)

已确认基础方向

当前白色 / 浅色 / 简洁型界面方向是对的。

优点

  • 冷静
  • 简洁
  • 有空间感
  • 有高级感
  • 有清楚层级

下一步优化目标

需要加入一点点 Vision Pro 味道,但不能过度。

可加入:

  • 轻微立体层次
  • 浮动卡片
  • 半透明 / 分层面板
  • 轻微 3D 界面感
  • 柔和的空间纵深

避免

  • 元宇宙感太重
  • 过多大场景压住功能界面
  • 俗套科技蓝发光 UI
  • 过于 dashboard 化

八、红队评审:哪些值得采用

值得采用 / 继续优化

  1. Spaceport 首页(白色简洁版,Spaceport hero first)

    • 首页层级正确
    • 先讲 Spaceport 本体
    • ports 模块成立
    • 可作为首页开发基础
  2. “Spaceport is a spatial interface” 那张首页逻辑

    • 概念表达清晰
    • 可作为并行参考路线
  3. Tea House in the Woods 页面

    • 目前最成熟
    • Atmosphere 正确
    • Tea Sessions / Ambient Recordings 有效

不值得直接采用 / 必须重做

  1. Space Balloon 当前版本

    • 过于 generic
    • 缺少演出 / 俱乐部身份
  2. Research Lab 当前版本

    • 更像 showroom
    • 学术 / 实验气质不足
  3. Knowledge Network 当前版本

    • 看得见 network,看不见 usable knowledge
  4. 所有 logo 错误或漂移的页面

    • 品牌不统一
    • 后续开发成本高

九、下一阶段执行任务

A. 首页优化

基于已确认逻辑继续优化:

  • 中文优先排版
  • 正确 logo
  • Spaceport Hero First
  • Ports section
  • What’s Happening / Current Signals
  • 下方 About / Archives / Research / Community 摘要
  • 增加一点 Vision Pro 式层次感

B. Station 页面

分别重做 / 优化:

  • Tea House in the Woods
  • Space Balloon(从零重做)
  • MOVA
  • Research Lab
  • Knowledge Network

C. 辅助页面

补做:

  • About
  • Archives
  • 继续下滑的二级结构页面

D. 品牌统一

  • 统一 logo 主版本
  • 统一命名
  • 移除 FSpace
  • 控制视觉语言不漂移

十、下一轮交付标准

后续所有 UI 设计 / 原型必须满足:

  • 中文优先
  • logo 正确统一
  • 不再出现 FSpace 主结构
  • 不要重复生成一堆看起来不同但实际同质的页面
  • 每个 station 要有独特身份
  • 首页始终由 Spaceport 本体领衔
  • 功能性 > 单纯氛围图
  • 有一点 Vision Pro 的立体界面感
  • 避免元宇宙陈词滥调

十一、建议继续拆分的子 Issue

后续可从本总 Issue 拆成:

  1. 首页 shell / 导航系统
  2. 中文排版系统
  3. Logo 清理与高清资产
  4. Port Card 组件系统
  5. Activity / Signal Feed 组件
  6. Tea House 页面
  7. Space Balloon 页面
  8. MOVA 页面
  9. Research Lab 页面
  10. Knowledge Network 页面
  11. About / Archives 页面
  12. Vision Pro-like 分层视觉系统

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions