首页/风格学院/《蔚蓝》

《蔚蓝》是什么风格?

《蔚蓝》示例

《蔚蓝》风格是一次安静的像素夜间攀登:深梅紫的夜空、藏青的卡片、薰衣草紫的文字,以及唯一的冲刺粉色信号,一切都对齐在硬朗的网格上。

《蔚蓝》速览

《蔚蓝》是一款精密平台跳跃游戏,2018 年 1 月 25 日由温哥华的一个小团队发布。以它命名的这套风格,把游戏封面和夜晚章节的观感提炼成了一套可用的设计系统。页面取自官方封面上那片深梅紫色的夜空;卡片和对话框是游戏里夜色的深藏青;正文是标志里那座山的薰衣草紫。它们合在一起,构成一片平静、微暗的底色,像是在星空下攀登。

整套系统只有一种颜色在说话:粉色。它取自主角玛德琳还剩两段冲刺时的头发颜色,用在标题、链接和任何读者应当点击的地方。她的其余发色则成为一个小小的语义词汇表:红发留给草莓计数和警告;冲刺用尽之后的蓝发用于次要操作和焦点;金色只留给奖励。

所有元素都对齐到像素网格上。边缘锐利,阴影是没有模糊的硬偏移,界面本身保持小而安静。目标与游戏相同:玩家应当看见攀登,而不是菜单。这套风格适合叙事型独立游戏页面、像素风作品集,以及想要一点温度却又不想显得幼稚的工具产品。

《蔚蓝》用在文章页上

《蔚蓝》从何而来?

这套风格生长于不列颠哥伦比亚省的温哥华,承接的是独立精密平台游戏的一脉传统。素材中被提到的人物包括麦迪·索森(Maddy Thorson)、诺埃尔·贝里(Noel Berry)、佩德罗·梅德罗斯(Pedro Medeiros)、阿莫拉·贝塔尼(Amora Bettany)和莉娜·雷恩(Lena Raine)。它的根源可以追溯到 2015 年为 PICO-8 幻想主机做的一个原型,名叫 Celeste Classic,这个小游戏里已经包含了核心想法:一个人一屏一屏地爬山。

PICO-8 的背景对外观非常重要。幻想主机在分辨率和色板上施加严格限制,在这种限制下工作的设计师,会学会让每一种颜色、每一个像素都有价值。当原型成长为 2018 年 1 月 25 日发布的完整游戏时,团队保留了这份纪律:一套受限且经过挑选的色彩,每种颜色各有职责;画面由粗壮、易辨认的像素构成,而不是平滑渲染。2019 年的 Farewell 章节随后拓展了游戏的世界。

《蔚蓝》也属于更广泛的现代像素艺术运动,在这里,像素是一种表现媒介,而不是技术上的限制。美术方向在情绪上柔和,在形式上硬朗。天空幽暗,山是薰衣草色,雪是淡色,但没有任何模糊;形状是平涂色块上干净的剪影。这套设计系统把这个矛盾带进了界面:温暖安静的颜色,配上硬朗的边缘。

色彩逻辑直接来自角色。玛德琳的头发颜色会随剩余冲刺次数而变,玩家学会了在瞬间读懂这个信号。设计系统借用了它:粉色代表还能做的事,蓝色代表已经用掉的,红色代表危险和草莓,金色代表奖励。游戏的色彩语言本身就是一种用户界面,而网页风格把它变成了明确的色板。

《蔚蓝》的视觉特征是什么?

深梅紫的夜空底色

页面背景是深梅紫色,取自官方封面。它很暗但偏暖,更接近黄昏而不是纯黑,这让这套风格区别于冷冰冰的技术型深色主题。这种颜色立刻确立了情绪基调:平静、有点孤独、安静地坚定。大面积使用它,可以给其他颜色提供舞台,而不与它们争夺注意力。

藏青卡片与薰衣草文字

卡片、对话框和面板使用游戏夜色里的藏青,比梅紫底色更冷、更深一档。正文使用标志中那座山的薰衣草紫,是一种在深色背景上读起来很舒服的柔和紫色。因为两种颜色同属一个幽暗的色系,长段文字读起来不累眼,同时底色、容器和文字之间的层级依然清晰。

冲刺粉是唯一的信号

粉色是玛德琳拥有两段冲刺时的发色,在界面里它标记标题、链接和每一个访客应当点击的元素。它在幽暗的底色上很明亮,因此像灯塔一样起作用。系统的规则是:粉色表示可以操作或很重要。把它用作装饰,就会让它失去意义,就像一款游戏里的主角随机换发色,画面就会失去可读性一样。

一套小而有含义的色板

红、蓝、金三种颜色各有专属含义。红色用于草莓计数和警告;冲刺用尽后的蓝色负责次要操作和焦点状态;金色只留给奖励和成就。每种颜色都足够稀有,所以始终保有力量。它们合在一起,让设计师不用冗长标签就能传达状态,正如游戏通过发色传达冲刺次数。

严格的像素网格

所有尺寸、间距和位置都对齐到一个很小的基础单位。这带来了像素艺术所需要的清脆而规整的节奏:没有东西停在两个台阶之间,也没有什么看上去是碰巧对齐的。网格也有助于可达性和一致性,因为间距是可预测的。它相当于界面里的“格子级精度”,也就是平台游戏对玩家提出的那种要求。

硬边的像素偏移阴影

阴影是向一侧偏移的实心深色块,没有模糊,也没有羽化。它们给卡片和按钮一种触感式的、精灵图般的深度,同时忠于扁平的像素艺术。按下状态就是让元素移进自己的阴影。结果既有趣又有实体感,却没有离开游戏的视觉语言。

安静、不拥挤的界面

这套系统有意识地少展示。装饰很少,同时出现的竞争性颜色很少,分组之间留白充足。原则是:界面说得越少,内容,无论是一个故事、一件作品还是一个工具,就越能被清楚地听见。这种克制是这套风格显得温和温暖,而不是喧闹或为复古而复古的主要原因。

《蔚蓝》用在仪表盘上

谁塑造了《蔚蓝》?

Maddy Thorson

索森是《蔚蓝》署名创作者中的第一位,与背后的温哥华团队紧密相连。游戏强调精确、易读的机制,每一次输入都有清晰的结果,这与设计系统坚持状态清晰、间距可预测的做法相呼应。

Noel Berry

贝里与索森一同被署名,也是起于 2015 年 PICO-8 原型这条脉络的一部分。那台幻想主机的严格限制,解释了为什么这套设计系统用色很少,并让每种颜色都有明确的职责。

Pedro Medeiros

梅德罗斯被列为游戏背后的人员之一,与游戏的像素美术相关。定义了山与角色外观的干净剪影、平涂色彩和易辨认的形状,正是这套风格硬朗边缘与整洁版面的视觉来源。

Amora Bettany

贝塔尼是团队中另一位被署名的成员。她的名字应当出现在对这套风格的叙述里,因为《蔚蓝》的外观是协作的结果,设计系统取材的是完成后的游戏,而不是某一个人的手笔。

Lena Raine

雷恩是被署名的第五个人。游戏音乐是其平静而坚定氛围的重要组成部分,她代表了这套系统情感的一面:安静的色彩与整洁的版面,试图在屏幕上传达的正是同样的温柔。

今天怎么用《蔚蓝》?

做幻灯片时,封面可以让梅紫色的夜空铺满画面,配一个粉色标题,字体选用方块感、对像素友好的字体,再加一行薰衣草紫的短副标题和一张带硬阴影的卡片。内容页在梅紫底色上使用藏青面板,文字为薰衣草紫,粉色只用在承载主要观点的那一行。数据页可以用粉色表示主数据系列,蓝色表示次要系列,红色表示警告,金色只用于那个像奖励一样的亮点,比如一项纪录或达成的目标。

做网页和产品界面时,这套风格适合叙事型独立游戏网站、像素风作品集、创意工具和希望带点人情味的小型实用工具。落地页可以以黄昏色的首屏开场,放一个带硬偏移阴影的粉色行动按钮,下面是一排描述功能的藏青卡片。表单和看板能从清晰的状态色中受益:焦点用蓝色,错误用红色,成功的奖励用金色。

做内容与营销物料时,围绕情绪来构图。短段落、大量留白,加上每个板块一个明亮的信号,会让版面有一种安静关卡的节奏。插图应使用平涂色和干净的剪影,像素质感要克制使用。文字的语气应当温暖而朴素,因为这套风格更欢迎真诚,而不是口号。

最常见的错误是到处都用粉色。如果每个标题、图标、装饰和背景面板都是粉色,信号就消失了,页面也失去层级。第二个错误是把边缘变柔,加入模糊阴影或渐变,这会破坏像素语言,让界面变成一个带紫色调的普通深色主题。

第三个错误是忽视网格。这套风格依赖规整的步长,混用任意间距的版面看上去只会潦草,而不会可爱。最后,避免把它做成纯粹的怀旧。这套系统在精神上安静而现代;满屏响亮的复古特效、扫描线和闪烁文字,都背离了原版游戏的真实气质。

《蔚蓝》用在幻灯片 · 封面上

《蔚蓝》 · 常见问题

《蔚蓝》设计风格是什么?

它是一种以游戏《蔚蓝》为原型、受像素艺术启发的深色界面风格。梅紫色夜空底色、藏青卡片与薰衣草紫文字之上,只有一种冲刺粉色信号用于标题、链接和主按钮,红、蓝、金则留给特定含义。边缘硬朗,阴影是实心偏移。

这些颜色从哪里来?

梅紫色夜空来自官方封面,藏青来自游戏中的夜色,薰衣草紫来自标志里的那座山。强调色来自主角的头发:有两段冲刺时是粉色,红色用于草莓和警告,冲刺用尽时是蓝色。

为什么阴影是硬的而不是柔的?

像素艺术不做模糊。一块向旁边偏移的实心深色块,既能给出深度,又忠于游戏平整、基于网格的外观,还让按下状态很容易表达:只要把元素移进它的阴影即可。

哪些项目适合这套风格?

叙事型独立游戏页面、像素风作品集、创意工具,以及需要温暖、有人情味语气的小型实用工具。它适合重视安静专注而不是喧闹场面的项目。

怎样避免它变成泛泛的复古风?

把粉色限定在真正的操作上,严格遵守网格,避免模糊和渐变,并留出足够的空白。它的独特之处来自克制与有含义的色彩,而不是怀旧特效。

获取《蔚蓝》完整设计系统
© 2026 Curio