首页/风格学院/Simon Stålenhag — Tales from the Loop

设计风格指南

什么是 Simon Stålenhag — Tales from the Loop?

Simon Stålenhag — Tales from the Loop 设计风格示例

Simon Stålenhag 将不可思议的机器埋入瑞典郊区的奶油色积雪,那道光从此再未完全散去。

Simon Stålenhag — Tales from the Loop 速览

Simon Stålenhag 的视觉世界——凝结于艺术书籍《Tales from the Loop》(2014)、《Things from the Flood》(2016)与《The Electric State》(2017)——是当代数字绘画领域最具影响力的美学体系之一。它不是机构意义上的运动,而是一套独特的词汇:温暖的奶油色积雪、低矮的北欧天空像天花板般压下来、锈迹斑斑的机械巨物半埋在麦田边缘,孩子们走在归家路上,穿越一片既普通又彻底不对劲的风景。情感基调是安静的惶恐,浸透着乡愁——一段从未真实存在过的过去,以近乎完美的忧郁被铭记。

作为设计语言,Stålenhag 的色彩体系早已超越其绘画起源,被广泛转译。界面版本保留了那种氛围,并将其转化为字体与构图上的决策:奶油纸面底色、深海军蓝或炭黑色文字、以瑞典阴天那种消沉灰色呈现的天空灰面板,以及一抹经过精确配给的饱和橙强调色——其功能如同田野尽头一盏警示灯,存在感强烈,无法忽视,带着一丝令人不安的气息。整体视觉效果是编辑式的克制,服务于一种无可替代的情绪。

与其他复古科幻风格相比,这套美学的独特之处在于对田园尺度的强调。Stålenhag 画作中的机器体型巨大,但它们几乎从来不是主角——它们是背景、语境、天气。画中的人物渺小而日常,对周围的异常只有隐约的感知。这种构图比例——庞大的异常藏在平凡的渺小之后——转译进界面设计时,体现为以尺度对比建立层级,以及刻意使用留白来隔离那个应当让视线停顿的元素。

Simon Stålenhag — Tales from the Loop 设计风格用在文章页上

Simon Stålenhag — Tales from the Loop 从何而来?

Simon Stålenhag 于 1984 年生于斯德哥尔摩,在冷战结束的那个十年里于瑞典乡间长大。那时,高压电线、天线阵列与第一代工业风机正在被织入瑞典的地貌之中。他就读于斯德哥尔摩皇家艺术学院,曾担任概念艺术家与游戏设计师。2014 年,《Tales from the Loop》艺术书以自费出版形式问世——资金来自瑞典艺术资助——并通过互联网触达全球读者。时机恰到好处:彼时,人们对这种组合的渴望正盛——模拟年代的美学,宽阔空旷的郊区忧郁,以及那种被理解为强大却未必被理解为可控的技术的悄然渗透。

《Tales from the Loop》的核心想象前提是:一座粒子物理研究设施——The Loop——建在瑞典湖区地下,其能量副产物将奇异现象泄漏进了周边的乡野:重力异常、机械动物、在操作者离去很久之后仍自行运动的机器。Stålenhag 以自己 1980 年代的童年记忆填充了这片场景:瑞典的红色木屋、白桦树皮上冬日午后那种特定的琥珀光线,以及斯德哥尔摩群岛上未亮的加油站与半封冻的湖面。结果不是对技术的乡愁,而是透过技术过滤的乡愁——一台在田野里哭泣的锈烂机器,与田野本身一样令人悲伤。

2020 年,亚马逊 Prime 对《Tales from the Loop》的电视剧改编由 Stålenhag 担任执行制片人与视觉顾问,将这套美学带给了大众观众,并巩固了它对制作设计、游戏艺术与广告领域的影响。剧集的调色——柔和的暖色调、以天空为主的构图、克制地使用饱和色作为强调——将画作的语法转译进电影摄影,并将这套词汇的触角延伸至动态与时间性媒介。

超越 Loop 系列,《The Electric State》(2017)将同样的氛围移植至一个架空的 1990 年代美国西南部——以内华达沙漠与杜松灌木丛替换瑞典湖区,却保留着同样的构图逻辑:庞大的废弃机器、渺小的人类身影,以及一片永无止境却没有任何安慰的天空。这次地理上的扩张证明了这套美学具有可移植性——它并不依附于瑞典或 1980 年代,而是依附于一种特定的情感关系:关于尺度、技术与人类渺小之间的关系。这套词汇已成为一套语法,而语法独立于其原始语境而存在。

Simon Stålenhag — Tales from the Loop 的视觉特征是什么?

奶油底与冷调底色

底色几乎从不是纯白。Stålenhag 画中的雪地呈现为暖奶油色,天空则是一种介于阴天与黄昏之间的去饱和蓝灰。在界面转译中,这产生了一种特殊的背景色:在白色会显得临床冷硬的地方稍带温度,在灰色会显得呆滞沉闷的地方稍带清凉——一个窄小的温度区间,读来自然却不失为摄影般的真实感。底色的暖意与天空调色板的清冷制造出微妙的色温张力,使页面表面不至于显得平板。

深海军蓝与炭黑字体

文字与强结构性元素采用深海军蓝或近黑色的炭黑,而非纯黑。区别微妙却意义深远:海军蓝带有一丝海洋气质与忧郁感,与清冷的天空调色板和谐共鸣,而纯黑则会产生截然不同的视觉质感——对于这种风格所建立的大气安静感而言,显得太图形化、太咄咄逼人。标题、导航与正文均占据这个暗冷端的光谱位置,在奶油底上提供对比度,却没有绝对黑色的刺眼锐度。

唯一的橙色强调

饱和的暖橙色——工业警示灯的颜色、黄昏时的安全背心色、冬雾中的钠灯暖光——是整个调色板中唯一的高饱和元素,其使用受到严格控制。在 Stålenhag 的画作中,这类暖橙色光点作为孤立的焦点出现于以冷色调、低饱和为主的构图中,同时发挥情感锚点与视觉焦点的双重功能。在界面设计中,这意味着橙色只保留给单一的活跃状态、单一的行动号召类别或单一的警示等级——绝不作为通用高亮色弥散于整个版面。

天空灰横向色块

Stålenhag 作品中最具辨识度的构图特征之一是低地平线——天空占据画布上方二分之一到三分之二的面积。天空区域去饱和,略亮于雪地,通常从地平线附近的冷近白色向顶部更深的灰蓝色呈现出隐约的大气层次感。转译至界面布局时,这成为去饱和冷灰的面板或分区背景——一条天空色调的色带,用于暗示内容基调的转变,作为侧面板背景或数据语境的旁注区域使用。它不是装饰性的,而是大气性的:在不引入新色彩的情况下,改变内容的情感温度。

尺度对比与异常尺度

Stålenhag 作品中一个决定性的张力是人的尺度与机器尺度之间的关系。孩子以写实比例绘制,而身后矗立的结构则以一种悄然违背透视法则的尺度呈现——它们太巨大、太在场,远离任何人类对大小的理性认知。这制造出一种持续的不安感,始终未能完全消解。在界面语境中,这转译为刻意的尺度对比:一个数字或统计数据以支配整个页面的大小呈现,而周边的元数据退缩至近乎不可辨读;或是一张主视觉图延伸超出网格所暗示的容器边界。这种对比不是偶然的,而是结构性的。

编辑式安静感

Stålenhag 的书不是海报艺术,而是图文叙事,节奏如同小说,散文段落以一种暗示文学而非商业气质的字体排版。书籍的设计——宽裕的页边距、不慌不忙的文字设置、图像与文字获得同等分量——为界面转译提供了直接的先例。字体排印克制而具编辑感:等比间距、慷慨的行间距、以可读性而非信息密度为优先的栏宽。整体印象是 1990 年代初的一份印刷期刊,由某个相信文字与图像同等重要的人用心排版。

锈蚀与风化质感

Stålenhag 画作中的机器几乎从未保持崭新。它们在锈蚀、开裂,被植物或积雪半掩半吞。这种风化品质是其情感基调的核心——它暗示着时间、熵,以及一片将比任何技术都更长寿的风景的漠然。在界面设计中,这并不意味着应用字面意义上的锈迹纹理(那将成为说明性装饰),而是在材质处理上拥抱一种微微磨损的质感:泛黄的羊皮纸而非刚出厂的纸张,略微柔和的边框而非锋利如刀的线条,以及对温度与不完美的整体偏好,而非对无菌精确性的追求。

Simon Stålenhag — Tales from the Loop 设计风格用在仪表盘上

谁塑造了 Simon Stålenhag — Tales from the Loop?

Simon Stålenhag

Stålenhag 是这套美学的唯一创始人与持续实践者。他于 1984 年生于斯德哥尔摩,通过将摄影参考、绘画性氛围与叙事概念艺术相结合的数字绘画,发展出自己的标志性风格。他的自费出版书籍在设计、游戏与思辨小说社区线上传播后,成为国际畅销书。担任亚马逊改编剧集执行制片人与视觉顾问期间,他确保了电视转译忠实于原作的构图与氛围原则,而非仅仅借用其表面图像。他持续的出版产出——包括《The Labyrinth》(2023)——仍在不断发展与延伸这套词汇。

Nils Gulliksson (art director, Simon Stålenhag's books)

最初《Tales from the Loop》书籍的艺术指导与书籍设计,确立了此后成为这套视觉系统语法一部分的字体排印与版面惯例。宽页边距、以图像为主的布局——将画作视为主要文件,配以散文注释,而非配图文字——为这套美学如何转化至页面与屏幕设计树立了先例。书籍设计在公开讨论中鲜少被单独提及,却是理解绘画美学如何成为设计系统的不可或缺的一环。

Mark Romanek (director, Tales from the Loop TV series)

Romanek 对亚马逊 Prime 剧集的执导——尤其是首集——将 Stålenhag 的绘画构图转译进电影摄影语言。他在音乐录影带与剧情片领域的背景(《一小时照片》《别让我走》)为他提供了处理这部剧集主导情感基调的工具:长镜头、静止或极缓慢移动的摄影机、在渺小人物身周留出大量负空间的构图。剧集的视觉语法成为动态设计师与在这套美学中工作的影片制作人的重要参照,展示了静态图像原则如何适应时间维度。

Free League Publishing

瑞典桌游公司 Free League Publishing 于 2017 年推出了官方《Tales from the Loop》角色扮演游戏,该游戏成为这十年间获奖最多的桌游之一,并将这套美学介绍给了全球大量游戏玩家。Free League 的改编要求从 Stålenhag 的画作中发展出一套完整的平面设计系统——规则书版面、角色卡设计、补充材料——由此产生了迄今为止将这套视觉词汇转化为应用设计最为完整的文献记录之一。他们此后设定于同一世界的游戏(《Things from the Flood RPG》《The Electric State RPG》)进一步延伸与精炼了这套设计语言。

今天怎么用 Simon Stålenhag — Tales from the Loop?

Stålenhag 美学适合任何需要在不增加视觉噪音的情况下承载情感重量的设计产物。关键纪律在于克制使用橙色强调——它的功能是警示灯,而非装饰——以及忠实于奶油底加海军蓝的基础色调,正是这一基础提供了使一切连贯的大气底色。应用这种风格意味着在构图之前先确立情绪:问题不是把橙色放在哪里,而是整体构图读来是否安静、不慌不忙,带着一丝忧郁。

在演示文稿中,这种风格在封面与章节分隔页上效果强劲。封面适合借鉴画作中的构图结构:一张去饱和图像或插图占据幻灯片上方三分之二,标题与副标题在奶油底的下方三分之一处以深海军蓝排版。若使用橙色强调,应将其限制于单个词语、一条线规或一个符号。内容页应当被当作设计精良的期刊页面处理——慷慨的页边距,纯以尺度与字重区分的文字层级,无装饰性分割线。数据页在使用海军蓝与奶油的调色板渲染图表、并将橙色保留给唯一具有特殊意义的数据系列时,会获得应有的权威感。

对于网页界面——仪表板、定价页、编辑平台与作品集网站——这套体系提供了坚实的字体排印基础。方法如下:为主要内容区域建立温暖的奶油色或近白色背景,为次级或辅助内容区域使用冷灰天空色调面板,所有正文设为深海军蓝以同时提供对比度与情绪感,仅允许橙色出现在交互状态、活跃导航指示器或主要行动号召元素中。卡片组件使用柔和外阴影而非硬边框,近似画作中前景与背景之间的温和分离。避免使用渐变的诱惑——氛围感应当来自色温对比,而非色彩混融。

对于编辑与营销设计——书籍封面、杂志跨页、活动素材与社交卡片——这种风格在当代视觉景观中能立即形成视觉辨识度,因为当下主导风格要么是过度饱和的最大主义,要么是无菌的白色极简主义。Stålenhag 衍生的编辑版面采用宽页边距结构,将图像设置为出血或浮于大片留白区域,并将强调色限制于整个跨页中单一的重复元素——一条栏线、一个引用文字容器,或一条连续的页码线。营销页面直接转译画作的构图逻辑:以冷奶油调色板拍摄的全宽场景图与文字区块交替出现,建立缓慢的叙事节奏,而非咄咄逼人的推销。

应用这套美学时最常见的错误,是过度使用橙色强调,直至它失去警示灯的品质,沦为与海军蓝争夺注意力的暖色调设计元素。一旦橙色在单个屏幕或跨页中出现两次以上,冷调大气底色与孤立暖色信号之间精心维持的张力便会崩溃,结果只是显得笼统的暖复古感,而非特定的忧郁感。另一个常见错误是以纯正的冷蓝色替代天空灰面板——Stålenhag 世界里的天空是去饱和的、复杂的,而非晴天的干净中蓝,使用纯蓝会创造出截然不同的情绪。若有疑问,请进一步降低饱和度。

Simon Stålenhag — Tales from the Loop 设计风格用在幻灯片 · 封面上

Simon Stålenhag — Tales from the Loop · 常见问题

Stålenhag 美学与 synthwave 或 vaporwave 等其他复古科幻风格有何不同?

Synthwave 与 vaporwave 都建立在 1980 年代商业美学的霓虹饱和、高对比、紫青调色板上——街机游戏、VHS 图形片头、流行音乐。它们是最大主义的、都市的。Stålenhag 美学与之相反:乡村的、去饱和的、低调的,建立在自然世界而非人工光源的调色板上。Synthwave 是温暖而充满能量的,Loop 美学则是清冷而忧郁的。Vaporwave 对消费主义带着反讽式的乡愁,而 Stålenhag 对自然、童年与怪异感带着真诚的乡愁。它们共享一个时代,却从完全不同的源材料中汲取养分。

这种风格在没有摄影或插图图像的情况下能起效吗?

可以,纯字体排印变体是这种风格在数字产品设计中最实用的应用之一。没有图像时,氛围完全由色温承载——奶油底色、天空灰面板、海军蓝文字与经过配给的橙色——加上版面的编辑节奏。一个文字密集的仪表板或文档界面,只要色彩关系正确、字体间距慷慨而不慌不忙,仍然可以读出 Stålenhag 的气质。只要能抵制用装饰性元素填满留白的诱惑,没有插图反而会强调这种风格所以著称的安静品质。

为什么橙色强调被描述为「配给制的」,而不是简单地作为标准强调色使用?

因为橙色在 Stålenhag 画作中的情感效果完全依赖于它的孤立性。一盏橙色警示灯伫立在灰色冬日田野中,令人警觉而美丽,正因为它是孤独的。两盏橙色灯就是一个停车场。同样的原则适用于界面设计:橙色若使用节制,在每个屏幕中只出现于一个位置,在一个其余部分清冷而安静的构图中,它会承载原始画作那种噪音中的信号的全部力量。橙色若作为标准次级调色板色使用——标题、链接下划线、悬停状态、图标填充——就会沦为装饰,完全失去其情感力量。像对待消耗品一样配给它。

这种美学适合深色模式界面吗?

直接深色反转是可能的,但需要仔细重新校准。原始调色板从根本上是一套浅色底色系统——奶油色与天空灰是其大气锚点。反转至深色背景的风险在于同时失去温暖感(奶油色变成炭黑,读来像科技工业感而非田园感)和冷暖张力(海军蓝文字消融进深色底,只留下橙色作为唯一幸存的强调色)。更成功的深色变体是将夜空作为新的底色:非常深的海军黑,以奶油色用于主要文字,天空灰用于次要文字,橙色保留其同样的配给角色。结果读来像月光下的田野,而非反转调色板。

哪类产品或品牌应该避免使用这种风格?

Stålenhag 美学从根本上是一种忧郁与安静惶恐的风格——它美丽,但它不欢快,不温暖(人文意义上的温暖),也不乐观。依赖传达幸福、能量、亲和力或文化庆典感的品牌会发现它适得其反。儿童产品、食品饮料品牌、健身应用、社区平台,以及任何围绕喜悦、健康或社交连接定位自身的产品,都应另寻他法。同样,需要传达速度、紧迫感或实时动态感的产品——交易平台、体育应用、现场活动技术——会发现这种风格刻意的缓慢感与大气安静感是一种负担。这套美学回报耐心,适合那些预期用户会停留、仔细阅读、与复杂情感共处的语境。

获取 Simon Stålenhag — Tales from the Loop 完整设计系统 →