《明日方舟》UI 是什么风格？
《明日方舟》把手游菜单做成了一艘陆行舰的工作终端：每种颜色只有一个职责，危险黄从不拿来装饰。
《明日方舟》UI 速览
明日方舟的界面风格，来自鹰角网络 2019 年推出的塔防角色扮演游戏，整套设计围绕一个设定展开：你是“博士”，眼前的每块屏幕，都是罗德岛内部的工作终端。罗德岛是一家制药公司，总部是一艘在荒野上行驶的陆行舰。既然设定是一间办公室，界面也就按办公软件的逻辑运转：面板半透明、炭黑色，文字是白色，信息像干员档案那样拆成带标签的字段。
几个习惯让这种风格一眼就能认出来。西文和中文共用同一套淡而中性的处理；大写字母被拉开字距，编号和档案号与正文并排出现，仿佛整艘船都在给万物归档。版面是分舱式的而不是流淌式的：一个页面是几个舱室，各有标题、细线和一小块数据，而不是一大段连续的文字。
最有特点的是对颜色的配给。青色只标当前选中的东西，橙色只标敌人或与你对立的东西，黄黑相间的警示菱形借自工业安全标识，只出现在真正有危险的地方。其余一切都留在炭黑到白色之间的安静区间里。这样做出来的系统更像仪表盘而不是海报，所以特别适合移植到数据面板、内部工具和信息密度高的产品上。
《明日方舟》UI 从何而来？
《明日方舟》由总部位于上海的鹰角网络开发。游戏于 2019 年 5 月 1 日在中国大陆上线，2020 年 1 月 16 日推出全球版本。它属于中国手游抽卡类产品的那一波浪潮：以收集角色为核心，配合持续不断的活动，并在表现层上打磨得极为精致。在这个竞争激烈的品类里，《明日方舟》常被单独拿出来谈论的，正是界面的统一性，它不把菜单当成游戏外面的一层包装，而是当作世界观的一部分。
与这个项目联系最紧的名字是黄一峰和海猫络合物。他们想做的，是一款故事、干员和屏幕说同一种“方言”的塔防游戏。团队没有用奇幻风的花纹去装饰界面，而是借用了另一条脉络：工业与军事终端的设计传统，也就是控制室里那种深底灰字的屏幕，再加上工厂车间和施工现场常见的安全与警示标识语言。
这条脉络解释了许多细节。在一款讲疾病、冲突和一家移动制药公司的游戏里，警示菱形不是装饰，而是一件可信的设备；拉宽字距的大写字母和编号，让人想起技术文档与实验室标签；半透明的面板，则像叠在大型作战显示屏上的一层层信息。每个选择都能在设定里找到理由，所以整套界面给人的感觉是被设计出来的，而不是被套上了主题。
品牌后来也走出了游戏本身。2022 年动画《明日方舟：黎明前奏》上线，把同样克制的配色和档案式字体带进了动态影像。从 2019 年上线到现在，这套视觉一直保持着清晰可辨的稳定，足见底层规则站得住。一套能用几句话说清楚、却能生成上百个页面的系统，多半是围绕原则而不是围绕情绪板设计出来的。
《明日方舟》UI 的视觉特征是什么？
炭黑终端面板
底色是略带透明的深炭黑，隐约透出后面的背景。面板更像叠在大屏幕上的图层，而不是实心卡片。层次感来自叠加与透明度，不靠厚重的阴影，整个界面因此保持平、静，一眼就能读懂。
一色一职
青色表示选中，橙色表示敌人或对立面，黄色表示危险，没有哪种颜色可以串岗。这种配给是整套系统的核心：强调色稀少，所以每一抹都承载真实信息，用户几分钟就能学会这套密码。
拉宽字距的大写
标签、分区标题和类别名使用大写字母，并拉开字距，这个习惯借自技术手册和设备铭牌，效果沉稳而有权威感。正文则更轻、更紧凑，两个层级干净地分开。
档案式字段
信息被拆成简短的带标签字段，就像干员档案里一项项列出名字、职能和状态。长段落被刻意避开。这让页面易于扫读，也给数据密集的页面立了一条现成的规矩：能做成字段的，就做成字段。
警示菱形
黄黑相间的菱形呼应工业安全标识，是整套系统里唯一真正响亮的元素，只出现在确实出了问题或不可逆的地方。一个页面用一两次，能让人立刻停住；到处都用，就什么意思都没有了。
编号即纹理
细小的目录编号、档案代码和细线条与主内容并排。它们本身几乎没有信息量，却提供了质感、尺度和一种官僚机构的真实感，大片留白因此不会显得没做完。
谁塑造了《明日方舟》UI？
黄一峰是与《明日方舟》及鹰角早期方向联系最紧的创作者之一。把界面做成设定的一部分，而不是中性的外壳，这一决定属于他参与主导的整体创作立场。
海猫络合物是另一个与游戏创作和世界观密切相关的名字。故事、角色与屏幕之间的高度一致，体现了这个项目所擅长的一体化创作方式。
鹰角网络是这套风格背后的上海工作室，也是它的机构作者。游戏于 2019 年在国内、2020 年在全球上线，后来又推出动画《黎明前奏》，同一套视觉身份贯穿了不同媒介。
今天怎么用《明日方舟》UI？
做幻灯片时，明日方舟风格最适合“简报室”式的演示稿。封面可以用一块深色半透明面板，配拉宽字距的大写标题和角落里一个编号。内容页要拆成几个带标签的舱室，而不是自由铺开的要点：一个标题，一条细线，两三个简短字段。每页只留一种强调色，把危险黄留给风险、截止日期或绝不能漏看的数字。
做数据页尤其合适。图表可以放在深色面板里，用青色表示正在讨论的数据系列，用橙色表示基准线或竞品。坐标轴标签和批注用小号、宽字距的大写，看上去像仪表读数。不要加装饰性的渐变，这种风格的可信度全靠克制。
做网页界面时，想想仪表盘、后台控制台、监控工具、安全类产品，以及任何有“状态词汇”的产品。导航适合做成一列带标签的条目，选中状态用青色，破坏性或警告状态用警示处理。定价页也可以按档案逻辑来做，每个套餐是一份字段档案，而不是一段营销文案。
做内容与营销时，它适合技术发布、游戏与工具的落地页，以及任何适合用“机构”或虚构组织口吻讲述的故事。简短的标签块和目录编号能给页面撑起结构，不必依赖摄影，所以在图片预算不多时是个不错的选择。
最常见的错误是到处撒强调色。如果青、橙、黄在每个组件里都出现，颜色就不再有含义，页面会退化成一个普通的深色主题。第二个错误是把警示菱形当装饰。让它们保持稀少，让炭黑保持安静，把话交给带标签的字段去说。
《明日方舟》UI · 常见问题
一句话说，明日方舟的界面风格是什么？
这是一种深色半透明炭黑终端风格：大写字母拉宽字距，信息按档案字段排布，颜色严格配给，青色表示选中，橙色表示敌人，黄色警示菱形只用于真正的警告。它出自鹰角网络 2019 年的游戏，以及那艘陆行舰总部的设定。
《明日方舟》是谁做的，什么时候上线的？
《明日方舟》由上海的鹰角网络开发，2019 年 5 月 1 日在中国大陆上线，2020 年 1 月 16 日推出全球版本，2022 年又有动画《黎明前奏》。与项目联系最紧的名字是黄一峰和海猫络合物。
为什么颜色限制得这么严？
因为每种颜色都有固定含义。当青色永远表示选中、橙色永远表示敌人、黄色永远表示危险，用户不看文字就能读出状态。把这些颜色拿去做装饰会破坏这套密码，所以这种风格把它们当作稀缺的信号。
这种风格只适合游戏吗？
不是。它的逻辑来自工业与军事终端设计，所以很容易迁移到仪表盘、后台工具、监控产品、安全软件和技术类落地页。它不太适合温暖、俏皮或情感浓烈的品牌，冷静而程序化的语气会显得疏远。
怎样避免它做成一个普通的深色主题？
让强调色保持稀少且有意义，标签用拉宽字距的大写，内容拆成带标签的字段而不是段落，危险黄只用于真正的警告。“一色一职”的纪律，才是这种风格区别于“只是深色”的地方。
