Home首页/Style Academy风格学院/Mirror's Edge Clean City

What is Mirror's Edge Clean City?什么是 Mirror's Edge Clean City？

Curio · Updated更新于 2026-07-11

Mirror's Edge Clean City design style — example

Mirror's Edge Clean City turns an entire skyline into a blank canvas — cool daylight on hard white planes, with a single signal-red route the only thing allowed to move the eye.「镜之边缘 · 洁净都市」把整座天际线变成一张空白画布——冷日光洒在坚硬的白色平面上，唯有一抹信号红路线，被允许牵引视线。

Mirror's Edge Clean City in briefMirror's Edge Clean City 速览

This style reproduces the visual language of Mirror's Edge, the 2008 action game developed by EA DICE in Stockholm, which imagined an authoritarian city rendered almost entirely in stark white. It is a design system built on total discipline: one dominant neutral (white, lit by cool daylight), one single vivid accent (signal red), and a strict rule about what each is allowed to mean.这种风格再现了《镜之边缘》的视觉语言——这款2008年由瑞典斯德哥尔摩的 EA DICE 工作室开发的动作游戏，构想出一座近乎完全以刺目白色呈现的极权城市。它是一套建立在彻底纪律之上的设计体系：一种主导性中性色（白色，由冷调日光照亮）、一种单一鲜明的强调色（信号红），以及一条关于二者各自被允许承载何种含义的严格规则。

The core idea, called 'Runner Vision' in the original game, is functional color-coding taken to its most extreme, minimal form: white surfaces are simply space — walls, rooftops, architecture to move through — while red marks the one thing that matters in that space, whether a pipe to grab, a door to open, or a path to follow. No other color is permitted to compete with this signal, which means the game's entire city, however large or complex, reads instantly and without ambiguity.原作中被称为「奔跑者视觉」的核心理念，是将功能性色彩编码推向最极致、最简约的形式：白色表面单纯就是空间——墙壁、屋顶、可供穿行的建筑体——而红色只标出这片空间中唯一重要的东西，无论是一根可抓握的管道、一扇可打开的门，还是一条可循的路径。不允许任何其他颜色与这一信号相互竞争，这意味着整座城市无论多大、多复杂，都能被瞬间、毫无歧义地读懂。

Applied as an interface style, this translates into a design language obsessed with legibility through elimination rather than addition. Surfaces are flat, cool, and hard-edged rather than textured or warm; shadows are crisp rather than soft; and the discipline of reserving color exclusively for a single, functional purpose is the entire mechanism that makes the system feel clean, fast, and weightless rather than merely white and empty.作为一种界面风格运用时，这转化为一种痴迷于「以删减而非叠加实现可读性」的设计语言。表面扁平、冷调、边缘硬朗，而非带纹理或暖意；阴影干净利落，而非柔和；将色彩严格保留给单一功能性用途的这条纪律，正是让这套体系显得干净、迅捷、轻盈无重，而非仅仅是「白色而空旷」的全部机制所在。

Mirror's Edge Clean City design style applied to a Article page

See the Mirror's Edge Clean City design system查看 Mirror's Edge Clean City 完整设计系统

Where does Mirror's Edge Clean City come from?Mirror's Edge Clean City 从何而来？

Mirror's Edge was released in 2008, developed by EA DICE, the Stockholm-based studio best known before this project for large-scale military shooter games. The game represented a deliberate creative departure — a first-person parkour title set in an unnamed, dystopian city where surveillance and control are near-total, and where the protagonist, a courier called a Runner, moves across rooftops and through buildings to evade a watching authority.《镜之边缘》于2008年发行，由瑞典斯德哥尔摩的 EA DICE 工作室开发——这家工作室在此之前，以大规模军事射击游戏闻名。这款游戏代表了一次刻意的创作转向——一款第一人称跑酷题材游戏，设定在一座未具名的反乌托邦城市之中，监控与管控近乎无处不在，而主角是一名被称为「奔跑者」的信使，在屋顶与建筑之间穿行，躲避无处不在的当局监视。

The game's art direction, credited significantly to concept artists including Robert Briscoe alongside the broader DICE team led under Owe Bergsten's production, made a specific narrative and mechanical choice: the city is rendered in stark, sterile white specifically because the authoritarian regime governing it wants total visual control and total surveillance, an environment scrubbed of the visual noise, advertising, and clutter of a real city. The whiteness itself is a form of oppression made visible — a city with nowhere to hide.该作的美术方向——很大程度上归功于包括 Robert Briscoe 在内的概念艺术家，以及在 Owe Bergsten 主导制作下的整个 DICE 团队——做出了一个特定的叙事与机制选择：这座城市之所以被呈现为刺目、无菌的白色，正是因为统治它的政权渴望彻底的视觉控制与彻底的监视，一个被清除了真实城市那种视觉噪音、广告与杂乱的环境。白色本身，就是一种被可视化的压迫——一座无处可藏的城市。

Against this white, the game introduced 'Runner Vision', a design and gameplay mechanic that tints usable objects — the exact ledges, pipes, and doors a player needs to interact with to progress — in saturated red. This was as much a functional necessity as an artistic choice: parkour gameplay across rooftops demanded that players understand, at a glance and at speed, exactly what was traversable, and the strict red-versus-white color logic solved this problem elegantly without cluttering the screen with icons or markers.在这片白色之上，游戏引入了「奔跑者视觉」——一种将玩家需要互动才能前进的可用物体（确切的檐口、管道与门）染成饱和红色的设计与玩法机制。这既是艺术选择，也同样是功能上的必需：在屋顶之间进行跑酷玩法，要求玩家能够一眼、且在高速移动中，准确理解哪些地方可以攀行，而严格的「红对白」色彩逻辑，优雅地解决了这一问题，无需用图标或标记把画面弄得杂乱。

The style's roots trace conceptually to Swiss and International Typographic Style design principles — grid-based clarity, restrained color, functional hierarchy — scaled up from a printed page or a poster to the size of an entire fictional skyline. Critics and designers who studied the game afterward frequently noted this lineage explicitly: Mirror's Edge took the disciplined, function-first color logic long associated with mid-century Swiss graphic design and applied it, almost unmodified in spirit, to architecture and environmental design at city scale.这种风格的根源，在概念上可追溯至瑞士与国际主义字体排印风格的设计原则——基于网格的清晰性、克制的色彩、功能性的层级——被从一页印刷品或一张海报的尺度，放大到一整座虚构天际线的尺度。后来研究这款游戏的评论者与设计师，常常明确指出这一渊源：《镜之边缘》把长期与二十世纪中叶瑞士平面设计相关联的、有纪律的功能优先色彩逻辑，几乎原封不动地应用到了城市尺度的建筑与环境设计之中。

What defines the Mirror's Edge Clean City look?Mirror's Edge Clean City 的视觉特征是什么？

Color色彩

The palette is radically reduced: a dominant near-white neutral, lit with a cool daylight cast, and a single saturated signal red used exclusively as a functional marker. No secondary or tertiary colors are permitted — introducing even a muted third hue undermines the absolute clarity the system depends on. The red is never decorative; every instance of it means 'this is usable, go here.'色板被极致精简：一种主导性的近白中性色，笼罩着冷调日光的色泽，以及一种仅作为功能性标记使用的饱和信号红。不允许出现次级或第三级色彩——即便引入一种柔和的第三色相，也会削弱这套体系所依赖的绝对清晰性。红色从不作装饰之用；它每一次出现，都意味着「这里可用，往这走」。

Flat Hard-Edged Planes扁平硬边平面

Surfaces are rendered as clean, flat, geometric planes with crisp, hard edges rather than rounded corners or soft transitions. Nothing feels soft, plush, or organic; every wall, ledge, and surface reads as a precise architectural plane, reinforcing the sense of a clinical, engineered environment.表面被呈现为干净、扁平的几何平面，边缘硬朗清晰，而非圆角或柔和过渡。没有任何东西显得柔软、蓬松或有机；每一面墙、每一处檐口、每一片表面，读起来都是精确的建筑平面，强化了一种临床、被工程设计过的环境感。

Cool Daylight Lighting冷调日光

Light throughout the system is cool and clinical rather than warm — closer to overcast daylight or diffused sunlight on white concrete than to golden hour or interior lamplight. This coolness reinforces the sense of a sterile, controlled environment and keeps the white ground from ever reading as cozy or inviting.整套体系中的光线都是冷调、临床感的，而非温暖的——更接近阴天日光或漫射在白色混凝土上的阳光，而非黄金时刻的暖光或室内灯光。这种冷调强化了一种无菌、受控环境的感觉，也让白色底面始终不会读作温馨或诱人。

Signal-Based Hierarchy信号式层级

Visual hierarchy is established entirely through the presence or absence of the red signal color, rather than through size, position, or secondary color coding. An element either carries the signal color, meaning it demands attention and action, or it does not, meaning it recedes into the white field regardless of its physical size or prominence.视觉层级完全通过红色信号是否出现来确立，而非依靠尺寸、位置或次级色彩编码。一个元素要么带有信号色，意味着它要求注意与行动；要么不带，意味着无论其物理尺寸或显著程度如何，它都退回到白色背景之中。

Weightlessness轻盈无重感

Despite depicting solid architecture, the overall composition avoids anything that suggests heaviness — deep shadow, dense texture, or visual clutter. The white ground and cool light combine to make even large architectural forms feel light, open, and permeable, supporting a sense of speed and movement rather than mass and weight.尽管描绘的是坚实的建筑体，整体构图却回避一切暗示沉重感的元素——深重的阴影、密集的纹理或视觉杂乱。白色底面与冷调光线结合，让即便是庞大的建筑形态也显得轻盈、开阔、通透，支撑起一种速度与运动感，而非质量与重量感。

Absolute Restraint绝对的克制

The system tolerates no ornamental detail, no decorative pattern, and no secondary visual interest competing with the white-versus-red logic. This is Swiss-style minimalism taken to its most extreme conclusion — not merely simplified, but stripped to the point where the environment itself becomes a functional interface.这套体系不容忍任何装饰性细节、任何装饰图案，也不容忍任何与「白对红」逻辑相竞争的次要视觉趣味。这是瑞士式极简主义被推向最极端结论的形态——不仅仅是简化，而是被剥离到环境本身即成为一个功能性界面的地步。

Environmental Scale环境级尺度

Unlike most minimalist design systems, which operate at the scale of a page, screen, or product, this style's discipline is applied at the scale of an entire built environment — a skyline, a city block, a full architectural space. This scale is part of what makes the restraint feel so striking: the same rules that would govern a single printed page are applied without exception across an entire world.与大多数在页面、屏幕或产品尺度上运作的极简主义设计体系不同，这种风格的纪律被应用在一整个建成环境的尺度之上——一片天际线、一整个街区、一整个建筑空间。这种尺度，正是这份克制显得如此引人注目的原因之一：本该只用来规范单张印刷页面的规则，被毫无例外地施加到了一整个世界之上。

Mirror's Edge Clean City design style applied to a Dashboard

See the Mirror's Edge Clean City design system查看 Mirror's Edge Clean City 完整设计系统

Who shaped Mirror's Edge Clean City?谁塑造了 Mirror's Edge Clean City？

EA DICE

The Stockholm-based studio developed Mirror's Edge as a deliberate departure from its earlier large-scale military shooter work, committing as a team to the stark white-and-red visual language and the first-person parkour mechanics that depended on it.这家总部位于斯德哥尔摩的工作室，将《镜之边缘》开发为对其此前大规模军事射击游戏作品的一次刻意转向，作为一个团队全情投入于这套刺目的白红视觉语言，以及依赖它而成立的第一人称跑酷玩法机制。

Owe Bergsten

Bergsten led production on Mirror's Edge at DICE, overseeing the studio's commitment to the game's distinctive minimalist visual approach at a time when the broader industry favored more visually dense, texture-heavy environments.Bergsten 在 DICE 主导了《镜之边缘》的制作，在整个行业更偏爱视觉密度更高、纹理更繁复的环境设计的年代，监督工作室对这款游戏独特极简视觉手法的坚持投入。

Robert Briscoe

A concept artist central to establishing Mirror's Edge's visual identity, Briscoe helped define the stark white architecture and signal-red functional color language that became the game's most recognizable and widely referenced design contribution.作为《镜之边缘》视觉识别确立过程中的核心概念艺术家，Briscoe 参与定义了那种刺目的白色建筑与信号红功能色彩语言，这后来成为该游戏最具辨识度、也最广受引用的设计贡献。

How do you use Mirror's Edge Clean City today?今天怎么用 Mirror's Edge Clean City？

This style carries a mood of clinical clarity, speed, and controlled tension, which makes it most effective wherever a product needs to communicate absolute focus — one clear action, one clear path — rather than a rich or warm emotional register. It rewards extreme restraint: the moment more than one accent color or decorative element is introduced, the system's core logic collapses.这种风格带有一种临床般的清晰感、速度感与受控的张力，因此最适合产品需要传达绝对专注——一个清晰的行动、一条清晰的路径——而非丰富或温暖的情绪调性的场合。它对极致克制的回报极高：一旦引入超过一种强调色或装饰性元素，这套体系的核心逻辑就会瓦解。

For presentation slides, the style is powerful for cover pages and single-focus content slides where one idea, number, or call to action needs total, unambiguous attention: a white or near-white field with a single red-highlighted element reads instantly as 'this is the point.' It works less well for dense, information-heavy slides, since the system depends on having very little competing for attention.在演示文稿中，这种风格对于需要一个想法、一个数字或一个行动号召获得完全、毫无歧义的关注的封面页与单一焦点内容页而言极具力量：一片白色或近白底面上，只有一个被红色高亮的元素，瞬间读作「这就是重点」。它对信息密集的内容页则不太适用，因为这套体系依赖于几乎没有其他事物与之争夺注意力。

For web interfaces, the style suits products built around a single critical action or state — onboarding flows, safety-critical alerts, primary call-to-action buttons on an otherwise minimal page. A dashboard can use the white-and-cool-light ground for all structural chrome, reserving the signal red exclusively for the one button, alert, or status that requires immediate user action, exactly as the original game reserved red for exactly what a player needed to interact with.对于网页界面，这种风格适合围绕单一关键行动或状态构建的产品——引导流程、安全相关的警示、原本极简页面上的主要行动号召按钮。仪表板可以用白色与冷调光线的底面承载所有结构性界面框架，将信号红专门保留给唯一需要用户立即行动的按钮、警示或状态，一如原作将红色专门保留给玩家确实需要互动的对象。

For editorial and marketing work, the style pairs well with content about speed, precision, minimalism, or technology positioned as clean and modern — a masthead using a stark white field with one red architectural or graphic element reproduces the tension of the source material without needing any literal game or city imagery. It is particularly effective for hero sections meant to direct a viewer's eye toward exactly one call to action.对于编辑与营销内容，这种风格很适合与速度、精确、极简，或被定位为干净现代的科技相关的内容——用刺目的白色底面搭配一个红色的建筑或图形元素制成版头，无需任何具体的游戏或城市图像，就能重现源材料的张力。它对于旨在把观者视线引向恰好一处行动号召的主视觉区域尤为有效。

The most common mistake is treating the white ground as merely 'light mode' and adding secondary neutral tones, subtle shadows, or a second accent color for variety — doing so immediately breaks the absolute binary logic the style depends on. A second common mistake is using red too often across a layout; if red appears in more than one or two places, it stops functioning as a signal and starts reading as ordinary brand color, losing the urgency that defines the style.最常见的错误，是把白色底面仅仅当作「浅色模式」，并为求变化添加次级中性色调、微妙阴影或第二种强调色——这样做会立刻打破这种风格所依赖的绝对二元逻辑。第二个常见错误，是在版面中过于频繁地使用红色；一旦红色出现在超过一到两处，它就不再作为信号发挥作用，而开始读作普通的品牌色，失去这种风格所定义的那种紧迫感。

Mirror's Edge Clean City design style applied to a Slide · cover

See the Mirror's Edge Clean City design system查看 Mirror's Edge Clean City 完整设计系统

Mirror's Edge Clean City — FAQMirror's Edge Clean City · 常见问题

Can this style use any accent color, or does it have to be red specifically?这种风格是否只能用红色作为强调色，还是可以用其他颜色？

The underlying logic — one neutral field, one single reserved signal color used exclusively for actionable elements — can technically work with a different accent hue. But red carries specific associations with urgency and immediate action that closely match the style's original purpose, and most applications that depart from red end up needing to reintroduce some of that same visual urgency through other means, which adds complexity the system is designed to avoid.其底层逻辑——一种中性背景色，一种专门保留给可行动元素使用的单一信号色——理论上可以换成不同的强调色。但红色本身就带有紧迫感与即时行动的特定联想，与这种风格最初的用途高度契合，多数偏离红色的应用，最终都需要通过其他方式重新引入同样的视觉紧迫感，这反而增加了这套体系原本旨在避免的复杂性。

How much of a layout should be red versus white?版面中红色与白色的比例应该是多少？

Red should occupy a very small proportion of the overall composition — ideally limited to a single element or a small handful of related elements per screen or slide. The style's entire power comes from red being rare and unmistakable; if it grows to occupy a large area, it stops reading as a functional signal and starts reading as a background color choice.红色应只占整体构图中很小的比例——理想情况下，每个屏幕或每张幻灯片，只限于一个元素或一小组相关元素使用红色。这种风格的全部力量，都来自红色的稀有与不容错认；如果红色扩展到占据大面积区域，它就不再读作功能性信号，而开始读作一种背景色选择。

Does this style work for content-heavy or data-dense products?这种风格适合内容繁多或数据密集的产品吗？

It struggles in these contexts. The system depends on having very little visual competition, so a genuinely dense dashboard or long-form article will tend to overwhelm the white-and-red discipline unless the layout is restructured to surface only one critical element at a time. It is much better suited to focused moments — a single decision point, alert, or call to action — than to comprehensive information display.在这类场景中，这种风格表现欠佳。这套体系依赖于几乎没有视觉竞争，因此一个真正数据密集的仪表板或长篇文章，除非重新组织版面、每次只呈现一个关键元素，否则往往会压垮白红二元的纪律。它更适合聚焦的时刻——一个决策点、一次警示、一个行动号召——而非全面的信息展示。

How does this differ from generic Swiss-style minimalism?这与泛泛的瑞士式极简主义有何区别？

Swiss International Typographic Style typically works at page or poster scale, uses a broader (if still restrained) color range including photography, and organizes content through a mathematical grid. This style narrows that discipline down to an absolute binary — one neutral, one signal color — and applies it at the scale of an entire environment rather than a printed page, making it more extreme and more single-purpose than general Swiss-style work.瑞士国际主义字体排印风格通常在页面或海报的尺度上运作，使用范围更广（尽管依然克制）的色彩，包括摄影图像，并通过数学网格来组织内容。这种风格把那套纪律收窄为一种绝对的二元对立——一种中性色，一种信号色——并将其应用于一整个环境的尺度，而非一张印刷页面，使其比一般的瑞士风格作品更为极端、也更为单一目的化。

Is this style only appropriate for gaming or entertainment products?这种风格是否只适合游戏或娱乐类产品？

No. While it originates from a specific video game, the underlying logic — extreme visual restraint paired with a single functional signal color — transfers cleanly to any product where absolute clarity about one required action matters more than visual richness: safety and alert systems, onboarding flows, or any minimalist brand that wants a genuinely singular focal point rather than a busy hierarchy of competing elements.不会。虽然它源于一款特定的电子游戏，但其底层逻辑——极致的视觉克制搭配单一的功能性信号色——可以清晰地移植到任何「对唯一所需行动的绝对清晰度」比「视觉丰富性」更重要的产品之中：安全与警示系统、引导流程，或任何希望拥有真正单一焦点、而非繁杂竞争层级的极简品牌。

Get the full Mirror's Edge Clean City design system获取 Mirror's Edge Clean City 完整设计系统