cockpit 工作台语言
Hall 01

不是后台截图。是后台语言。

这里不展示某一个功能流程,而是保留 `cockpit` 最稳定的三件东西:壳层比例、密度控制、浅色表面。真正可复用的价值就在这里。

cockpit 首屏样本
壳层先行

先定阅读路径,再定组件样式。

密度收束

信息很多,但页面不吵。

轻表面

稳定、耐看、适合高频使用。

Chapter 01

壳层结构

先看导航、内容、详情之间的关系,而不是先看按钮和图标。

cockpit 壳层样本

三段式阅读路径

侧栏负责定位,主体负责阅读,详情区负责补充。角色清楚,页面自然安静。

直接可借用

  • 列表与详情并存的工作台。
  • 带配置、审阅和多维筛选的后台。
  • 需要长期使用而不是一次转化的界面。

复用提醒

不要按截图逐页照抄。先借用壳层比例和信息节奏,再决定组件细节。

Chapter 02

密度控制

它的克制感来自编排,不来自把所有元素做得更小。

cockpit 列表密度样本

拥挤被重新组织

靠留白、分组和层级解决信息量问题,而不是靠更响的颜色或更多边框。

识别特征

  • 按钮尺寸克制,不会压过信息本身。
  • 卡片边界稳定,分组逻辑一眼可读。
  • 即使信息多,呼吸感仍然足够。

适用原因

后台产品更看重长期使用时的疲劳度。这套密度语言正适合长期阅读和频繁操作。

Chapter 03

浅色表面

真正决定气质的不是一两张卡片,而是整套表面材料的统一程度。

cockpit 表面样本

轻,不等于薄

不是纯白,也不是强玻璃,而是温和、稳定、耐看的中性工作台表面。

材料清单

  • 细边框
  • 软阴影
  • 中度圆角
  • 固定节奏的间距

一句结论

这套语言不是为了制造惊艳,而是为了在高频使用下保持稳定与信任感。