·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 的设计正是这两种风格的融合。