跳到正文

// ENDFIELD-UI 设计规范 非官方

《明日方舟:终末地》风格设计指导文档

工业编辑风:把界面当成一份印出来的技术文档——纸白或烟黑的底、墨黑的字、一处高饱和的信号色,再叠上一层克制的测绘与印刷痕迹。

它不是“深色赛博朋克”,也不等于“黑底黄字加切角”。这里把官网、游戏界面和宣传物料的视觉语言拆成能照着做的规范,每条都标了依据。

DOCS

39篇文档

FIGURES

35张原创图解

EVIDENCE

4档来源等级

三个载体,三种气质

同一套语言在不同载体上的侧重不同。做设计前先确认自己在做哪一种。

六条核心原则

这六条在三个载体上都成立,是判断“像不像”的依据。

  1. 纸与墨是主体,颜色是信号

    大面积只用中性色,信号黄只出现在需要被看见的那一处。

  2. 主角偏心,信息靠边

    主角占据偏离中心的大块面积,导航、标签、说明停靠在边缘。

  3. 形状有含义

    直角与切角是机械与行动,圆与弧是人与仪表,胶囊是筛选与短状态。

  4. 两种文字,两个层次

    中文黑体承担阅读,英文承担结构:分节名、编号、微标签。

  5. 纹理有预算

    斜纹、网格、点阵都是可选的,一屏选一到两种。

  6. 动得短,动得硬

    过渡以 0.2 – 0.3 秒为主,用位移、擦入和明暗反转,不弹跳。

全部文档

// OVERVIEW

总纲

// FOUNDATIONS

基础

单看一个维度。

// ELEMENTS

母题

单个标志性元素怎么画、什么时候不用。

// SURFACES

载体

三种载体各自的整体面貌;官网的云游戏页单独一篇。

// COMPONENTS

组件

落到具体控件。

// GAME

Game 实机风格

照游戏内界面复刻的一组控件:独立入口,带官方图片,和上面的规范是两套东西。

// REFERENCES

依据

怎么读这些文档

每条规范都标了依据。“实测”和“观察”是事实,“社区”和“推断”是可以被推翻的判断;游戏界面的部分以“社区”为主。

实测
从官网样式中直接读到的数值
观察
在官方公开页面上看到的现象
社区
开源项目作者的取值或观察,这里没有独立验证
推断
这套文档自己的设计建议,可以被推翻

非官方项目

这是爱好者做的设计规范,与鹰角网络(Hypergryph)没有隶属或授权关系,也不代表官方立场。站内的图解都是原创示意,不包含官方截图、立绘、标志与字体。版权与商标声明