·review·FEATURED

终末地 — 从方舟到星空的 UI 进化

分析 Arknights: Endfield 相比前作在 UI/UX 上的进化——玻璃拟态、全息面板、更流畅的交互范式。

终末地 — 从方舟到星空的 UI 进化

Arknights: Endfield 代表了 Hypergryph 在视觉设计上的重大进化。

从暗到亮

方舟的整体基调是"地下"的——罗德岛是一个移动城市的地下设施。而终末地的场景转移到了塔卫二的广阔地表,UI 也随之变得更明亮、更通透。

玻璃拟态的引入

终末地大量使用 backdrop-filter: blur() 效果:

css5 L
.endfield-panel {
  background: rgba(14, 14, 24, 0.7);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

这与方舟的纯暗色面板形成鲜明对比。

全息投影风格

终末地的 HUD 元素具有更强的"全息投影"感:

  • 半透明的蓝色扫描线
  • 悬浮的 3D 标记
  • AR 风格的数据叠加

更流畅的过渡

相比方舟的快速切换,终末地使用了更多平滑过渡:

  • 面板展开使用 spring 动画
  • 页面切换有明确的出/入场
  • 微交互更加丰富

对方舟设计 DNA 的继承

尽管有很多变化,终末地仍然保留了方舟的核心特征:

  • 几何斜角边框
  • 六边形装饰元素
  • 宽字距排版
  • 琥珀/青蓝双色系统(只是配比更偏向青蓝)

ARKNEXUS 的设计正是这两种风格的融合。