《蔚蓝档案》UI 是什么风格？
《蔚蓝档案》把手游界面做成了校园日的明亮：白色面板落在切面天空上，所有关键按钮只用一抹亮蓝，聊天用粉色。
《蔚蓝档案》UI 速览
《蔚蓝档案》的界面风格，来自 Nexon Games 开发的校园题材战术角色扮演游戏，故事发生在学园都市“基沃托斯”。在游戏菜单普遍偏暗、偏金属、偏戏剧化的行业里，它选择了白天：白色面板边缘有一道细细的天蓝框条，背景是淡色的三角切面底纹，文字用深藏青，所有关键按钮都用取自 Logo 的那抹亮蓝。
它最有辨识度的是 MomoTalk，也就是玩家（被称为“老师”）与学生们聊天用的游戏内通讯软件。粉色顶栏、带小尾巴的圆角气泡和圆形头像，让对话看起来就像真实的聊天应用。学生头顶那圈细细的光环，成了整套系统反复出现的图形母题，出现在加载标识、徽章和装饰线里。
最终的成品是一个亮色模式的游戏界面，具有精心制作的手机应用那样的清晰度。它轻快而不幼稚，整洁而不冰冷，并靠一种蓝、一种粉形成强烈的品牌感。适合想显得明亮、快捷，又带一点二次元味道的产品。
《蔚蓝档案》UI 从何而来？
《蔚蓝档案》于 2021 年 2 月在日本上线，日服由东京的 Yostar 发行，2021 年 11 月又推出韩服与全球版本。游戏由首尔的 Nexon Games 开发，金容夏和 Mitsukiyo 是与项目相关的名字。从 2021 年到 2025 年，它的视觉形象基本保持稳定，而在一个常常每个赛季就换一次包装的市场里，这已经算很长了。
这款游戏属于韩国与日本手游抽卡角色扮演游戏一脉，这个类型以角色收集和持续不断的活动著称。在这个家族里，《蔚蓝档案》在界面上选了一条与众不同的路：扁平、亮色模式，而不是品类里常见的暗色、华丽的菜单。这个决定让即使信息密集的页面也显得清新、开阔。
它的第二个传统是游戏内通讯软件。把聊天界面放在体验的中心，让“老师”和学生之间的关系显得很私人。MomoTalk 使用了大家熟悉的聊天语汇：头像在左，气泡带小尾巴，顶栏有颜色。借用这套熟悉的语法，玩家一眼就能读懂界面，也给设计师提供了一个可以复用到非游戏产品上的现成模式。
基沃托斯是一座由许多学校组成的学园都市，这个设定决定了整体基调。干净的白色教室、明亮的天空、整齐的制服色，这些校园日的意象被转化成面板、色带和背景。面板后面的切面天空像一个风格化的切割玻璃般的白天，而光环为画面带来一丝超现实感，又不破坏轻快的氛围。
《蔚蓝档案》UI 的视觉特征是什么？
白色面板与天蓝框条
面板是白色的，边缘有细细的天蓝框条。感觉像干净的纸卡铺在明亮的桌面上。细框条是一种安静的结构方式，不需要厚重的边框或阴影。
淡色三角切面天空
面板后面是一层淡色、带柔和切面的天空色底纹。它增加了纵深感和一点晶体感，又不与内容争抢。因为它足够淡，白色面板始终是清晰的前景。
一抹亮蓝承担关键动作
Logo 里那种饱和的蓝，留给最重要的按钮：确认、开始、购买。因为它在大多数界面里是唯一的强色，起到路标的作用，玩家不用寻找就能找到主要操作。
深藏青文字
文字使用深藏青而不是纯黑。这样对比略微柔和，与蓝色体系相配，长列表也易读。标题和数字可以加粗而不必换颜色。
MomoTalk 粉色与聊天气泡
聊天页面切换成粉色顶栏，圆角气泡带小尾巴，配圆形头像。粉色只用在这里，所以一出现就说明是对话。气泡给界面带来友好的、有人味的节奏。
光环作为图形母题
细细的圆环呼应学生头顶的光环，出现在加载标识、徽章和装饰线里，把不同页面串联在一起。它们要保持轻、保持细，装饰而不拥挤。
谁塑造了《蔚蓝档案》UI？
金容夏是与《蔚蓝档案》及其在首尔 Nexon Games 的创作方向联系最紧的名字之一。游戏采用明亮的亮色界面，使它在同类中独树一帜。
Mitsukiyo 是另一个与项目创作身份相关的名字。游戏及其角色轻快的校园日气质，是塑造界面的共同愿景的一部分。
这家首尔的工作室开发了游戏。2021 年 2 月在日本上线、同年 11 月在韩国和全球上线，为手游角色扮演中常见的暗色菜单提供了一种亮色的替代方案。
Yostar 在东京负责日服发行。首尔开发商与东京发行商的合作，使这款游戏融合了韩国与日本两种手游传统。
今天怎么用《蔚蓝档案》UI？
做幻灯片时，蔚蓝档案风格适合明亮的产品更新、教育类演示、社区公告和面向年轻人的活动。封面可以把切面淡天空放在白色面板后面，配深藏青标题和一枚像按钮的亮蓝标签。内容页用带天蓝细框条的白色面板，亮蓝只留给你希望观众记住的那一个点。
做数据页时，图表很适合放在白色面板上，亮蓝做主系列，浅一点的天蓝做对比。只有在需要第二个面向人的类别（比如消息或反馈）时，才使用粉色。标签用藏青，让细框条给每张卡片分出结构。
做网页界面时，这套风格天然适合消费类应用、学习产品、聊天与社区工具，以及想要一张友好面孔的亮色仪表盘。主按钮用亮蓝，聊天模块用粉色顶栏和圆角气泡，加载标识或徽章可以用光环圈。定价页可以把套餐做成白色卡片，配一个亮蓝的行动按钮。
做内容与营销时，它支持活泼的活动：一张干净的白页加一种颜色，就足以传达信息。搭配插画或角色图，圆角造型要节制使用，让页面保持整洁的白天气质。
最常见的错误，是把亮蓝用在所有东西上，这会让它失去路标的作用。另一个错误是让粉色蔓延到聊天之外。保持面板为白、文字为藏青，亮蓝留给关键操作，光环圈保持纤细。
《蔚蓝档案》UI · 常见问题
《蔚蓝档案》的界面和其他抽卡游戏有什么不同？
多数手游角色扮演游戏使用暗色、华丽的菜单。《蔚蓝档案》用的是扁平的亮色模式：白色面板、天蓝细框条、淡色切面底纹，关键按钮只用一抹亮蓝。给人的感觉是白天，像一个整洁的聊天应用。
MomoTalk 是什么？
MomoTalk 是游戏内的通讯软件，玩家“老师”用它与学生聊天。粉色顶栏、带小尾巴的圆角气泡和圆形头像，是这套界面最有辨识度的元素。
《蔚蓝档案》是什么时候在哪里上线的？
2021 年 2 月由 Yostar 发行在日本上线，同年 11 月在韩国和全球上线。游戏由首尔的 Nexon Games 开发，金容夏和 Mitsukiyo 是相关名字。
设计里的光环圈有什么含义？
它们呼应学生头顶的细光环，成为加载标识、徽章和装饰线中反复出现的图形母题。它们把不同页面串联在一起，要保持纤细、轻盈。
这套风格能用在游戏之外吗？
可以。它亮色模式的清晰度、单一强调色的按钮和聊天模式，适合消费类应用、学习平台、社区工具和友好的仪表盘，不太适合沉郁或高度正式的产品。
