Skip to content

设计基线 ​

UI 在用 Go 重写的同时重新设计 OSS Browser。Design v2 是视觉和交互基线。下图是设计稿,不是已完成原生功能的截图。

已批准的 UI 改版取代下文的布局细节:采用 208px 工作区侧栏、40px 对象行、264px 详情栏和独立传输页面。原始图片作为历史设计稿保留。

工作区 ​

Design v2 对象浏览器

目标布局使用原生标题栏、218px 导航侧栏、路径栏和操作栏、紧凑对象行、280px 详情栏及可展开传输区域。

连接与设置 ​

Design v2 连接界面

Design v2 设置界面

共用设计变量 ​

变量浅色设计
正文颜色#343942
画布#f4f5f7
分隔线#e3e5e9
主要操作#2979ed
选中底色#e7effc
控件圆角6px
主界面设计尺寸1420 × 900
连接界面设计尺寸980 × 760
行/表头高度35px / 30px

基础层使用系统原生字体。次要文字加深以保证可读性。深色模式颜色在 theme.go 中实现;平台缩放和字体度量决定原生几何尺寸。

来源与范围 ​

设计源文件位于 oss-browser-mygo-design 资料包的 design-v2 目录中,完整截图位于其中的 previews/all 目录。三张代表图片已提交到 docs/public/design,因此构建本站无需该设计资料包。

设计记录的上游基线是 aliyun/oss-browser 的 922153a;MyGo 基线为 0.4.8。设计包的场景目录、覆盖矩阵和原生映射仍是后续功能工作的参考。

原型数据、模拟操作和浏览器专用控件不代表生产行为。原生 P01、P03 和 P04 覆盖 AccessKey/STS 连接与浏览;P06 在可展开的底部面板提供可配置传输队列、持久化文件传输恢复及方向筛选,隐藏面板不会停止传输。连接页采用独立的 980 × 760 布局和 224px 已保存连接侧栏。工作区使用 56px 标题栏、46px 导航及操作栏、35px 交替底色表格行和 280px 详情栏。对象工具通过原生对话框提供预览、元数据、ACL、分享和修改确认。高级场景族具有原生入口、真实服务适配器及有界的列表/网格/详情缩略图。评审后续工作记录九组功能的完成情况:独立自动保存设置、对象详情、结构化元数据、保存时可编辑 Diff、确认和批量结果、源变更恢复、RAM 结果、诊断控件,以及自动更新暂存下载。110 场景清单区分这些实现、UI 测试数据、服务测试和待完成的真实验收。精确视觉一致性仍需原生布局和平台评审。

OSS Browser 的独立重构版本。