写规范时看过、或建议后续继续观察的官方渠道。本仓库不转存其中任何画面,文档里需要看原图的地方都链到这里。
来源等级#
全套文档用四个等级标注每条规则的依据:
| 等级 | 含义 | 可复核性 |
|---|---|---|
| 实测 | 从官网的计算样式或样式表规则里直接读到的数值 | 任何人打开官网开发者工具都能复核,原始数据见 measurements.md(官网首页)和 measurements-cloud.md(云游戏页) |
| 观察 | 打开官方公开页面看到的现象,没有可读的数值 | 可复核,但受版本更新影响 |
| 社区 | 开源项目作者的取值或观察,本仓库没有独立验证 | 出处见 open-source-projects.md |
| 推断 | 本文档根据上述材料做出的设计建议 | 不是事实,可以推翻 |
云游戏页上读到的数值标作"实测(云游戏页)",页里嵌的鹰角账号弹窗标作"实测(账号 SDK)",只能看图、读像素的标作"观察(云游戏页)"。账号 SDK 是鹰角各游戏共用的组件,它的数值不拿来改动或放宽形状上的规则。
已核对的入口#
| 入口 | 链接 | 核对情况(2026-10-08) |
|---|---|---|
| 官网(国服) | https://endfield.hypergryph.com/ | 已打开并逐版块测量 |
| 官网(国际服) | https://endfield.gryphline.com/ | 已打开,跳转到 /en-us;结构与国服一致,未单独测量 |
| 官网(云游戏页) | https://endfield.hypergryph.com/cloud | 2026-10-24 已打开并逐视图测量;登录后的页面是维护者用自己的账号登录后量的,没有记录账号信息 |
| 哔哩哔哩 | https://space.bilibili.com/1265652806 | 已打开,页面标题为"明日方舟终末地";认证标识请以页面显示为准 |
2026-10-12 复查:三个入口都能打开,国际服仍然跳转到 /en-us;官网的八个版块、顺序和下面的锚点没有变,抽查的数值见 measurements.md 开头的说明。
官网各版块#
官网是单页长滚动,版块可以用锚点直达:
| 版块 | 锚点 | 适合观察 |
|---|---|---|
| 首页 | /(或 /#home) |
版本主视觉如何接管首屏、底部下载坞、加载页 |
| 干员情报 | /#operator |
方括号姓名、成对标签、头像切换、背景巨字与黄色旗形 |
| 世界观资料 | /#lore |
黄带标题、等距线稿、深色内容板、点云与刻度圆环、胶囊导航 |
| 影像资料 | /#information |
深色媒体列表、日期与播放钮的黄色用法 |
| 版本日历 | /#calendar |
版本主题色如何替换系统黄、时间轴与类目竖轨 |
| 玩法介绍 | /#gameplay |
实心 //ENDFIELD 巨字、媒体轮播、分节标签组 |
| 集成工业 | /#aic |
竖排侧签、圆形翻页钮、n / N 计数 |
| 公告 | /#notice |
黄色竖带、// 微标、新闻卡 |
云游戏页各视图#
云游戏页(整体面貌)的各视图这样打开(2026-10-24):
| 视图 | 怎么打开 | 适合观察 |
|---|---|---|
| 首页 | 打开 /cloud 就是;html 上没有 data-home-view |
顶栏、一对胶囊按钮、浏览器提示条、适龄角标、页脚 |
| 更多 | 顶栏的文字页签"更多";html 上加 data-home-view="highlights" |
2560px 画布的整体缩放、侧栏的当前项、标题卡、频率条、进入时的加载层 |
| 下载 | 顶栏导航项"下载",页内弹窗 | 烧在图里的头带与卡片、平台按钮 |
| 公告 | 顶栏导航项"公告",全屏内嵌跨源的 ef-webview.hypergryph.com 公告页(游戏内公告那套网页) |
页签(图片做的)、斜线日期、加载条 |
| 问题反馈 | 顶栏导航项"问题反馈",新开一个浏览器标签(客服页),本页上不出东西 | — |
| 分享 | 顶栏导航项"分享",按钮下方的浮层;里面的"收藏页面"再弹一个确认框 | 毛玻璃浮层、CSS 画的三色竖条、竖排标签 |
| 用户中心 | 顶栏导航项"用户中心":登录后是下拉菜单(账号与安全、消费记录查询、CDKEY兑换、功能设置、退出登录);未登录时打开账号弹窗 | 下拉的滑入、条目的悬停 |
| 账号卡 | 登录后,首屏右侧的宣传块换成它 | 34px 一档的灰、深两种胶囊,400px 宽的黄胶囊"开始游戏" |
| 采购中心 | 账号卡上的"续期"或"充值",两个打开的是同一个商城 | 头部、侧栏的当前页签、商品卡和它的标签 |
| 账号弹窗 | 未登录时页面载入后自己会弹,点"用户中心"也会弹 | 鹰角账号 SDK 的终末地(ef)皮肤 |
| 排队、节点选择、游戏内 | 点"开始游戏"会真的发起一次云游戏会话,所以没有点,只按样式表规则和脚本还原 | — |
登录后的几项没有记任何账号信息。下拉里的"账号与安全""退出登录"没有点,采购中心的商品卡也没有点(点卡片本身就是下单),这几处只读了规则和脚本。数值见 measurements-cloud.md。
其他官方渠道#
以下渠道没有在本次逐一核对,列出来供后续研究游戏界面与宣传物料时使用。访问时请以平台的官方认证标识为准,同名账号不等于官方账号。
| 渠道 | 适合观察 | 备注 |
|---|---|---|
| 森空岛终末地版区 https://www.skland.com/game/endfield | 版本物料、干员备忘、活动说明、周边、官方漫画 | 开源项目 Statrue/endfield-design-skill 在 2026-09-05 记录过若干带官方标识的账号(终末地主账号、山团团、Delta 机器人、蓬蓬、塔卫二勘测局、塔卫二记事社),可作为起点 |
| 微博"明日方舟终末地" | 公告、活动长图、版本日历 | 未核对链接 |
| YouTube 官方频道 | PV、实机演示、前瞻直播 | 第三方资料给出的频道名为 @ArknightsEndfieldEN,未核对 |
| 游戏客户端 | 全部游戏内界面 | 本仓库没有实机截图;需要时由贡献者自行截图观察,不提交到仓库 |
观察游戏界面的建议方法#
游戏界面是这套文档里证据最薄的部分,补充时建议:
- 按界面家族采样,不要按截图数量。每个家族(HUD、地图、角色、仓库、技能树、数据、通讯)挑一两张信息完整的画面。
- 只记文字观察:结构、颜色角色、形状、状态变化。取色时记下取样位置。
- 区分系统与主题:角色、活动、地区的主题色不是系统色;环境光不是界面色。
- 两处以上才算规律:只在一个界面出现的做法写进对应家族,不写进基础规范。
- 把结论写进 game-ui.md,并把来源等级从"社区"改成"观察",注明版本与日期。