Home首页/Style Academy风格学院/Aperture Science

What is Aperture Science?什么是 Aperture Science？

Curio · Updated更新于 2026-07-11

Aperture Science renders a fictional research corporation as cold fluorescent test-chamber walls, where sterile order and a pair of glowing portal rings are the only things breaking the silence.光圈科技把一家虚构科研公司，转译成冷白荧光灯下的测试室墙面——只有一圈发光的传送门光环，打破这份秩序井然的沉默。

Aperture Science in briefAperture Science 速览

Aperture Science is the visual language of Valve's 2007 puzzle game Portal: an interface built entirely from clean modular test-chamber panels, painted concrete, and institutional wayfinding signage, all lit by an even, slightly clinical fluorescent glow. It borrows the vocabulary of a mid-century industrial research facility — the kind of place that would have run classified experiments in the 1960s and never modernized its decor — and applies it with total consistency, panel by panel.光圈科技（Aperture Science）是 Valve 于 2007 年推出的解谜游戏《传送门》的视觉语言：一套完全由整洁的模块化测试室面板、涂装混凝土与机构化导视标识构成的界面，通体被一种均匀、略带临床感的荧光灯光笼罩。它借用了中世纪工业研究设施的词汇——那种在1960年代进行机密实验、之后再也没有翻新过装潢的场所——并以毫无破绽的一致性，逐块面板地贯彻下去。

The surfaces are deliberately unglamorous: off-white or pale gray, seamed into repeating squares by visible panel lines, marked here and there with condensed institutional signage that reads like it was stenciled by a facilities department rather than designed by a branding agency. Ornament does not exist in this world. Color is rationed almost to nothing, which is precisely why the system's two accent colors — a warm orange and a cool blue, echoing the game's portal mechanic — feel so charged whenever they appear.墙面被刻意设计得毫不华丽：米白或浅灰，以清晰可见的接缝线拼成重复的方格，偶尔点缀着一些压缩体的机构化标识，读起来更像是设施部门用模版喷涂上去的，而非品牌代理机构设计出来的。这个世界里不存在装饰。色彩被压缩到近乎为零，也正因如此，这套系统的两种强调色——呼应游戏传送门机制的暖橙与冷蓝——一旦出现，就显得格外醒目。

The mood this produces is sterile, procedural, and quietly unsettling. Nothing in the environment is overtly threatening; the menace is entirely a function of restraint — a space so clean, so evenly lit, and so devoid of human warmth that its blankness starts to feel like a kind of pressure. This is a system built to communicate authority and control through the simple absence of anything decorative.由此产生的气质是无菌、程序化，且暗藏一丝不安。这个环境里没有任何东西是明显具有威胁性的；那份威胁感完全源于克制本身——一个如此干净、如此均匀受光、如此缺乏人情温度的空间，它的空白开始变成一种压迫感。这是一套通过纯粹缺席装饰，来传达权威与控制的系统。

Aperture Science design style applied to a Article page

See the Aperture Science design system查看 Aperture Science 完整设计系统

Where does Aperture Science come from?Aperture Science 从何而来？

Portal began life outside Valve, as a student project called Narbacular Drop, built at DigiPen Institute of Technology by a small team that included Kim Swift. The game's core mechanic — walking through one hole in space to emerge from another — impressed Valve enough that the studio hired the entire student team in 2005 specifically to turn the prototype into a shippable product, an unusually direct pipeline from classroom project to commercial release.《传送门》最初诞生于 Valve 之外，是一个名为《穿越虫洞》（Narbacular Drop）的学生项目，由包括金·斯威夫特（Kim Swift）在内的一支小团队在 DigiPen 理工学院完成。这款游戏的核心机制——从空间中的一个洞走进去，从另一个洞里走出来——给 Valve 留下了深刻印象，以至于该工作室在2005年直接整支雇下了这个学生团队，专门把原型打磨成一款可发售的正式产品——这是一条从课堂项目直通商业发行的、异常直接的路径。

Under Valve's direction, the small teleportation demo was rebuilt around a fictional frame: Aperture Science, a rival research company to the Half-Life universe's Black Mesa, run by a malfunctioning artificial intelligence named GLaDOS. Writer Erik Wolpaw, working with the design team, shaped the tone of the piece — dry, deadpan, unnervingly polite — and that tonal choice is inseparable from the visual one. A villain who speaks in calm, helpful corporate language needed a physical environment that looked calm and helpful too, which is why the test chambers read as sterile administrative space rather than an overt dungeon or lair.在 Valve 的主导下，这个小型传送演示被重新搭建进一个虚构的故事框架里：光圈科技，一家与《半衰期》宇宙中黑山研究所对立的科研公司，由一台运行故障的人工智能 GLaDOS 掌管。编剧艾里克·沃尔帕（Erik Wolpaw）与设计团队合作，塑造了整部作品的基调——干涩、面无表情，礼貌到令人不安——而这种语气上的选择，与视觉上的选择密不可分。一个用平静、乐于助人的企业语言说话的反派，需要一个同样看起来平静、乐于助人的物理环境，这正是为什么测试室读起来像一处无菌的行政空间，而非一座赤裸裸的地牢或巢穴。

Visually, the design drew on the aesthetics of mid-century clinical and industrial architecture — the kind of unadorned, modular, easily-cleaned institutional interior found in period research labs, hospitals, and civil-defense facilities, where function and hygiene outranked any concern for visual warmth. The portal rings themselves, rendered in a bright orange-and-blue pairing, were a practical design solution as much as an aesthetic one: the two colors needed to be instantly distinguishable from each other and from the muted environment around them, so players could always tell which portal was which at a glance.在视觉上，这套设计借鉴了中世纪临床与工业建筑的美学——那种不加修饰、模块化、易于清洁的机构式内部空间，常见于同时代的研究实验室、医院与民防设施，那里功能与卫生的优先级远高于任何视觉温度的考量。传送门光环本身以明亮的橙蓝配色呈现，既是审美选择，也是实用性的解决方案：这两种颜色必须能被彼此、以及周围克制的环境一眼分辨开来，好让玩家随时能分清哪个传送门是哪一个。

Portal's design proved influential well beyond gaming: its combination of dry institutional signage, mid-century clinical minimalism, and a near-total absence of color became shorthand across web and product design for a very specific mood — a fictional-corporate, slightly dystopian calm — that designers now reach for whenever they want a system to feel controlled, clinical, and quietly ominous rather than warm or organic.《传送门》的设计影响力远远超出了游戏领域：它把干涩的机构式标识、中世纪临床极简主义，与近乎全无色彩的处理结合在一起，这种组合成了网页与产品设计中一种特定情绪的代名词——一种虚构的、略带反乌托邦色彩的企业式平静——如今设计师每当想让一套系统显得受控、临床、暗藏不安而非温暖或有机时，都会援引这套语言。

What defines the Aperture Science look?Aperture Science 的视觉特征是什么？

Color色彩

The base palette is almost entirely neutral — off-white, pale gray, cool concrete tones — so that the two portal accent colors, a warm orange and a cool blue, carry the full weight of visual interest whenever they appear. Because they are used so sparingly, they read as active signals rather than decoration: something to click, something in motion, something that matters right now.基础色板几乎完全中性——米白、浅灰、冷调混凝土色——因此两种传送门强调色（暖橙与冷蓝）一旦出现，就承担了全部的视觉兴趣。正因为使用得如此克制，它们读起来像主动信号而非装饰：某个可以点击的东西，某个正在运动的东西，某个此刻重要的东西。

Surface and Seams表面与接缝

Every large surface is broken into repeating squares by visible seam lines, echoing modular test-chamber wall panels. These seams function as a structural grid rather than decoration — content aligns to the same rhythm the panel lines establish, so the interface itself feels assembled from identical, interchangeable units.每一块大面积表面都被可见的接缝线切分为重复的方格，呼应模块化测试室的墙板。这些接缝起结构性网格的作用，而非装饰——内容与面板线建立的同一节奏对齐，因此界面本身感觉像是由完全相同、可互换的单元组装而成。

Signage and Typography标识与字体排印

Labels and wayfinding text use a condensed, institutional sans that reads like stenciled facilities signage rather than branded lettering — evenly weighted, unadorned, and set with generous, even spacing so it stays legible at a glance the way a hazard label or a room number does.标签与导视文字采用一种压缩体的机构化无衬线字体，读起来像模版喷涂的设施标识，而非品牌化的字体——字重均匀、毫无装饰，字距宽松而均衡地排布，让它像一张危险标签或房间号那样，一瞥即可辨认。

Hazard and Directional Marks警示与方向标记

Chevrons, diagonal hazard stripes, and stencil arrows appear only where function demands it — marking an edge, a direction, a boundary. They never accumulate into pattern for its own sake; each mark is doing a specific, legible job, the way real industrial signage never repeats a motif purely for texture.人字纹、斜向警示条纹与镂版箭头只在功能需要之处出现——标记一处边缘、一个方向、一道边界。它们绝不会为了图案本身而堆积重复；每一处标记都在完成一项具体、可辨认的任务，就像真实的工业标识绝不会纯粹为了纹理而重复某个母题。

Light and Atmosphere光线与氛围

Illumination is flat, even, and slightly cold — closer to overhead fluorescent tube lighting than to any dramatic or directional light source. There are no warm pools of light and no soft ambient falloff; the evenness itself is what produces the clinical, faintly institutional mood.光照是平坦、均匀且略带冷调的——更接近头顶荧光灯管的照明，而非任何戏剧性或方向性的光源。没有温暖的光斑，也没有柔和的环境光衰减；正是这种均匀本身，制造出那种临床、略带机构感的氛围。

Zero Ornament零装饰

Nothing exists on the page that would not exist on the wall of a real test facility. No gradients softening the flat panels, no decorative borders, no illustrative flourishes — the restraint is total, and it is precisely that totality which makes the environment feel controlled rather than merely minimal.页面上不存在任何在真实测试设施墙面上不会存在的东西。没有渐变来柔化平面面板，没有装饰性边框，没有插图式的花饰——这种克制是彻底的，而正是这种彻底性，让这个环境显得受控，而非仅仅是极简。

Aperture Science design style applied to a Dashboard

See the Aperture Science design system查看 Aperture Science 完整设计系统

Who shaped Aperture Science?谁塑造了 Aperture Science？

Kim Swift

Swift led the student team behind Narbacular Drop at DigiPen Institute of Technology, whose portal-teleportation mechanic became the foundation of the finished game. Valve hired the entire team in 2005 specifically to develop the prototype into Portal, making Swift a direct link between the game's core idea and its eventual sterile-institutional visual world.斯威夫特在 DigiPen 理工学院领导了《穿越虫洞》背后的学生团队，其传送门传送机制成为最终成品游戏的基础。Valve 于2005年专门整支雇下这支团队，将原型开发成《传送门》，使斯威夫特成为这款游戏核心创意与其最终无菌机构式视觉世界之间的直接纽带。

Erik Wolpaw

As a writer on Portal, Wolpaw shaped the calm, deadpan, unnervingly polite corporate voice of GLaDOS and the wider Aperture Science fiction — a tonal choice that demanded a physical environment just as composed and administratively calm, which is why the game's visual world reads as sterile office-and-lab space rather than an overt villain's lair.作为《传送门》的编剧，沃尔帕塑造了 GLaDOS 及更广泛的光圈科技设定那种平静、面无表情、礼貌到令人不安的企业式语气——这种语气选择要求一个同样克制、同样具有行政式平静感的物理环境，这正是为什么这款游戏的视觉世界读起来像一处无菌的办公与实验空间，而非一座赤裸裸的反派巢穴。

Valve Corporation

Valve acquired the Narbacular Drop team and rebuilt their prototype into a full commercial release, embedding it within the studio's existing Half-Life fiction as a rival research entity. Valve's design culture of dry humor and understated environmental storytelling shaped the restraint that defines the system's every surface.Valve 收购了《穿越虫洞》团队，并将他们的原型重新打造为完整的商业发行版，将其嵌入工作室既有的《半衰期》设定之中，作为一家对立的科研机构。Valve 那种干涩幽默与低调环境叙事的设计文化，塑造了这套系统每一处表面所遵循的克制。

DigiPen Institute of Technology

The school where Narbacular Drop was built as a student project provided the unusually direct pipeline from classroom prototype to commercial game — a production history that left its mark on the finished aesthetic, which still carries the plain, unglamorous, functional quality of an academic experiment rather than a polished corporate product.《穿越虫洞》作为学生项目诞生的那所学校，提供了一条从课堂原型直通商业游戏的异常直接的路径——这段制作历史也在最终的美学中留下了印记，使其至今仍带有一种朴素、不加修饰、功能导向的学院实验气质，而非一件打磨光鲜的企业产品。

How do you use Aperture Science today?今天怎么用 Aperture Science？

Applying Aperture Science well means committing to absence: the discipline is almost entirely about what you leave out. Start from a near-monochrome base — off-white or pale concrete-gray panels seamed into a visible grid — and treat the orange-and-blue accent pair as a strictly rationed resource reserved for the handful of elements that genuinely need to grab attention.要用好光圈科技这套风格，关键在于承诺"缺席"：这套自律几乎完全体现在你所省略的东西上。从一个近乎单色的基底出发——米白或浅灰混凝土色的面板，以可见的网格拼接接缝——并把橙蓝强调色对当作一种被严格配给的资源，只留给那一小撮真正需要吸引注意力的元素。

For presentation slides, a cover page works well as a single evenly-lit panel with condensed institutional type and a single accent-colored mark, echoing a stenciled facility sign. Content slides should keep the panel-seam grid as a quiet structural backdrop; data slides suit the system particularly well, since a single orange or blue data point against a field of neutral gray panels reads with immediate, unambiguous emphasis.在演示文稿中，封面页适合做成一整块受光均匀的面板，配以压缩体的机构化字体与单一的强调色标记，呼应一块模版喷涂的设施标牌。内容页应保留面板接缝网格作为安静的结构性背景；数据页尤其适合这套系统，因为在一片中性灰面板中出现的单个橙色或蓝色数据点，会读出立即而不容置疑的强调感。

For web interfaces, the system is well suited to dashboards, admin tools, and settings panels where a calm, procedural mood signals reliability and control. Use the panel-seam grid as a literal layout grid, keep body copy in the plain institutional sans, and reserve the orange-and-blue pair for status indicators, toggles, or the two states of a binary choice — a natural fit given their origin as a two-color signaling system.在网页界面中，这套系统非常适合仪表板、管理后台与设置面板——这些场景需要一种平静、程序化的氛围来传达可靠与可控。把面板接缝网格用作真实的布局网格，正文保持朴素的机构化无衬线体，将橙蓝配对保留给状态指示、开关切换，或某个二元选择的两种状态——考虑到这对颜色本身就源自一套双色信号系统，这种用法再自然不过。

For editorial and marketing work, the aesthetic suits any story about technology, research culture, or institutional bureaucracy told with a dry, slightly unsettling wit — think exposés, satirical technology writing, or speculative-fiction branding. Marketing pages benefit from full-bleed panel-gray sections punctuated by a single accent-colored call to action, letting the rarity of color do the persuasive work.在编辑与营销内容中，这种美学适合任何以干涩、略带不安的机智口吻讲述的技术、科研文化或机构官僚题材——比如深度调查报道、讽刺性的科技写作，或思辨性科幻品牌。营销页面适合用通版灰色面板区块，点缀单一强调色的行动号召，让色彩的稀缺本身完成说服的工作。

A common mistake is treating the orange-and-blue pairing as a general-purpose brand palette and spreading it evenly across a layout — doing so collapses the tension the system depends on. The colors should always feel scarce, deliberate, and slightly clinical in their placement, never decorative or evenly distributed.一个常见的错误，是把橙蓝配对当成一套通用品牌色板，均匀铺满整个版面——这样做会瓦解这套系统所依赖的张力。这两种颜色的出现应当始终显得稀少、刻意且带有一丝临床感，绝不应该成为装饰性或均匀分布的色彩。

Aperture Science design style applied to a Slide · cover

See the Aperture Science design system查看 Aperture Science 完整设计系统

Aperture Science — FAQAperture Science · 常见问题

Does this style require a fictional or gaming context to make sense?这种风格是不是必须依附于虚构或游戏语境才说得通？

No — its origin is fictional, but its visual grammar is drawn from real mid-century institutional architecture, and it works perfectly well divorced from the game entirely. Any product that wants to feel procedural, controlled, and quietly authoritative — internal tools, technical documentation, research-lab branding — can use it without any reference to its source needing to be legible.不需要——它的出身是虚构的，但视觉语法取自真实的中世纪机构式建筑，完全可以脱离游戏本身独立使用。任何想要显得程序化、受控、带着一丝安静权威感的产品——内部工具、技术文档、科研实验室品牌——都可以使用它，而不需要让人一眼认出其出处。

How sparingly should the orange and blue accents really be used?橙蓝强调色到底应该用得多克制？

Treat them as a two-state signaling system rather than a decorative pair: one color for one kind of action or status, the other color for its counterpart, and nothing else competing for attention in between. If more than a small handful of elements on a screen carry accent color, the scarcity that makes them legible as signals has already been lost.把它们当作一套双状态信号系统来使用，而不是一对装饰色：一种颜色对应一类动作或状态，另一种颜色对应它的对应项，中间不应有其他元素来争夺注意力。如果一个屏幕上超过一小撮元素带有强调色，那种让它们可被识别为信号的稀缺性，就已经丧失了。

Can this system work with imagery or photography?这套系统能搭配图像或摄影吗？

Sparingly, and only if the imagery matches the mood — flat, evenly lit, documentary-style photography of interiors or equipment fits, while warm, soft-focus, or emotionally expressive photography breaks the clinical tone immediately. Illustration in general is largely absent from the source material and is best avoided.可以，但要克制，且必须符合整体氛围——平实、光照均匀、纪实风格的室内或设备摄影是适配的，而温暖、柔焦或情感表达丰富的摄影会立刻破坏这种临床基调。插图在源材料中基本是缺席的，最好也避免使用。

Is this style too cold for consumer-facing products?这种风格对于面向消费者的产品是不是太冷了？

It can be, depending on the product's emotional goals. The system communicates control, precision, and institutional authority extremely well, but it offers almost nothing in the way of warmth, playfulness, or organic texture. It suits technical, analytical, or satirical contexts far better than hospitality, wellness, or lifestyle products.视产品的情感目标而定，确实可能偏冷。这套系统在传达控制感、精确性与机构权威方面表现极佳，但几乎不提供任何温暖、趣味或有机质感。它更适合技术性、分析性或讽刺性的语境，而非款待、健康或生活方式类产品。

What is the biggest risk when adapting this style?移植这种风格时最大的风险是什么？

The biggest risk is over-decorating it — adding gradients, drop shadows, extra colors, or illustrative flourishes to make it feel more finished. The style's entire power comes from restraint; any addition that softens or warms the surfaces undoes the sterile, controlled quality that makes it distinctive in the first place.最大的风险是把它过度装饰化——添加渐变、投影、额外的颜色或插图式花饰，试图让它"看起来更完整"。这种风格的全部力量都来自克制；任何柔化或温暖化表面的添加，都会瓦解那种无菌、受控的品质，而这恰恰是它最初显得与众不同的原因。

Get the full Aperture Science design system获取 Aperture Science 完整设计系统