What is System Shock (Citadel cyberspace)?什么是 System Shock (Citadel cyberspace)？
System Shock turns the interface into a hostile machine: phosphor-green wireframes burn through a black void while magenta and purple announce that SHODAN is watching.《网络奇兵》把界面变成一台充满敌意的机器：磷光绿线框刺穿纯黑虚空，洋红与紫色宣告 SHODAN 正在注视。
System Shock (Citadel cyberspace) in briefSystem Shock (Citadel cyberspace) 速览
System Shock is a cyberpunk screen language rooted in the Citadel Station cyberspace of the 1994 immersive-sim game. Its defining image is a field of neon-green vector corridors suspended over pure black, surrounded by the visual pressure of a hostile retro terminal. The result is not futuristic polish but a system that feels exposed, unstable, and actively opposed to the user.《网络奇兵》的视觉语言根植于1994年沉浸式模拟游戏中的西塔代尔空间站赛博空间。它最具辨识度的画面，是悬浮在纯黑虚空中的霓虹绿矢量走廊，周围包裹着敌意复古终端所制造的视觉压力。它追求的不是光洁的未来感，而是一套暴露、失稳、主动与用户对抗的系统。
The design system combines harsh phosphor-green glow, pixel-terminal type, scanline CRT grime, and deliberate glitch artifacts. Green establishes the machine world and carries most structural information. Magenta and purple are reserved for hostile data and SHODAN’s threat, giving danger a distinct visual register instead of treating every color as decoration.这套设计系统融合了刺眼的磷光绿、像素终端字体、CRT扫描线污痕与有意保留的故障伪影。绿色构成机器世界，并承担大部分结构信息；洋红与紫色只用于敌对数据和 SHODAN 的威胁，使危险拥有独立的视觉标记，而不是让每种颜色都沦为装饰。
Its darkness is structural rather than atmospheric. Black is the void on which every line, character, and warning must register. Wireframes describe space without filling it in; terminal text feels emitted rather than printed; distortion suggests that the display is receiving compromised information. Nothing is soft, pristine, or ornamental. Every mark should feel like evidence from a system under pressure.黑暗在这里不是氛围，而是结构。纯黑是所有线条、字符与警告必须显现其上的虚空。线框只描绘空间而不填满空间；终端文字像被机器发射出来，而不是印在页面上；失真暗示显示器正在接收遭到入侵的信息。没有柔和，没有洁净，也没有无意义的装饰。每一道痕迹都应像系统受压时留下的证据。
See the System Shock (Citadel cyberspace) design system查看 System Shock (Citadel cyberspace) 完整设计系统
Where does System Shock (Citadel cyberspace) come from?System Shock (Citadel cyberspace) 从何而来？
The original System Shock appeared in 1994 through Looking Glass Technologies, within the North American tradition of immersive-sim cyberpunk. Its visual identity emerged from the idea of cyberspace as an inhabitable but threatening machine environment: corridors were rendered as vector wireframes, terminals carried the player’s information, and the surrounding void made every luminous mark feel isolated and consequential.《网络奇兵》由 Looking Glass Technologies 于1994年推出，属于北美沉浸式模拟赛博朋克传统。它的视觉身份建立在这样一种观念上：赛博空间是一处可以进入、却始终带有威胁的机器环境。走廊以矢量线框呈现，终端承担玩家获取信息的入口，而周围的虚空让每一道发光痕迹都显得孤立且不可忽视。
The style also belongs to the 1990s CRT and cyberspace aesthetic. Phosphor green, scanlines, terminal pixels, and display grime are not nostalgic surface effects added after the fact; together they define how information is allowed to appear. The screen behaves like hardware. It glows, degrades, breaks up, and leaves traces of transmission between the user and the machine.这种风格也属于1990年代的 CRT 与赛博空间美学。磷光绿、扫描线、终端像素与屏幕污痕并不是后来附加的怀旧表面效果；它们共同规定了信息应当如何出现。屏幕表现得像硬件：它会发光，会衰减，会断裂，也会留下用户与机器之间传输过程的痕迹。
Vector wireframe interfaces are central because they express space through edges and direction. A corridor does not need realistic material, shading, or architectural detail to feel navigable. Its lines establish orientation while the black around them preserves uncertainty. This creates a visual language that is economical but tense: the less the system reveals, the more threatening each visible signal becomes.矢量线框界面之所以重要，是因为它通过边缘与方向表达空间。走廊不需要真实材质、复杂阴影或建筑细节，也能让人感到自己正在其中移动。线条负责建立方位，黑色则保留不确定性。于是，这套视觉语言既节制又紧张：系统透露得越少，每一道可见信号就越像危险的征兆。
Nightdive Studios’ remake around 2023 extends this lineage into a contemporary release while keeping the original screen language legible. The important continuity is not a literal reproduction of every old artifact, but the preservation of the underlying relationship between void, wireframe, terminal, and threat. SHODAN remains the force that turns a technical interface into a psychological one: magenta and purple do not merely diversify the palette; they indicate that the machine has an enemy intelligence behind it.Nightdive Studios 在约2023年的重制版中，将这条视觉谱系延伸到当代作品，同时保留了原作屏幕语言的辨识度。真正需要延续的并不是对旧时代伪影的逐项复制，而是虚空、线框、终端与威胁之间的关系。SHODAN 让技术界面转化为心理界面：洋红与紫色并非为了丰富色板，而是在暗示机器背后存在着敌对的智能。
What defines the System Shock (Citadel cyberspace) look?System Shock (Citadel cyberspace) 的视觉特征是什么？
Phosphor Color磷光色彩
Pure black forms the ground, while phosphor green carries the dominant visual load. It should feel luminous, electrical, and slightly abrasive rather than calm or decorative. Magenta and purple appear as threat colors, marking hostile data and SHODAN’s presence. Their rarity gives them authority: they should interrupt the green system, not compete with it everywhere.纯黑构成底面，磷光绿承担主要的视觉信息。它应当显得发光、带电，甚至略带刺痛感，而不是平静或装饰性的绿色。洋红与紫色是威胁色，用于标记敌对数据与 SHODAN 的存在。正因为出现得少，它们才具有权威感：应当打断绿色系统，而不是到处与绿色争夺注意力。
Pixel Terminal Type像素终端字体
Typography should recall a terminal display: pixel-defined, compact, mechanical, and visibly tied to the screen that emits it. Letterforms are information-bearing objects rather than neutral editorial text. Titles can feel like system states or warnings, while supporting copy remains legible but retains the texture of a machine readout. Smooth, luxurious type weakens the fiction.字体应当让人联想到终端显示：由像素构成，紧凑、机械，并且明显属于正在发出它的屏幕。字形不是中性的编辑文字，而是承载信息的机器对象。标题可以像系统状态或警告，辅助文字则保持清晰，同时保留机器读数般的质感。过于顺滑、奢华的字体会削弱这种叙事。
Vector Wireframes矢量线框
Space is described through luminous edges, corridors, grids, and directional fragments. Wireframes should remain open enough for black to occupy the interior, preserving the sensation of a structure suspended in cyberspace. Their power comes from orientation and tension, not from realistic modeling. Lines are architectural signals and navigational evidence at once.空间通过发光边缘、走廊、网格与方向性片段来呈现。线框应保持足够开放，让黑色进入形体内部，保留结构悬浮于赛博空间中的感觉。它的力量来自方位与张力，而非写实建模。线条既是建筑信号，也是导航证据。
CRT DistortionCRT 失真
Scanlines, grime, and controlled interference make the interface feel displayed rather than rendered. These artifacts should remain purposeful: they establish the age and physicality of the screen, suggest transmission, and add pressure to warnings or unstable data. If distortion covers everything equally, it becomes a filter; when it appears selectively, it becomes part of the system’s behavior.扫描线、污痕与受控干扰让界面像是被显示出来，而不是被干净地渲染出来。这些伪影必须具有目的：它们建立屏幕的年代感与物理感，暗示传输过程，并为警告或不稳定数据增加压力。如果所有内容都被同样程度地扭曲，效果就只剩滤镜；只有选择性地出现，失真才会成为系统行为的一部分。
Hostile Contrast敌意对比
The style depends on severe contrast between luminous information and the surrounding void. Green should emerge with enough force to feel active, while magenta and purple should cut across it as exceptional signals. Soft transitions, gentle surfaces, and quiet tonal layering are out of character. The composition should feel like a warning console that has no interest in comforting its operator.这种风格依赖发光信息与周围虚空之间的强烈对比。绿色必须以足够的力量浮现，显得主动而具有侵入性；洋红与紫色则像异常信号一样切入其中。柔和过渡、温和表面与安静的层次铺陈都不合适。整体应像一台不打算安抚操作者的警告终端。
Glitch as Meaning作为意义的故障
Glitches are not random decoration. They imply damaged communication, hostile control, or information that cannot be trusted. A broken line can suggest a compromised spatial map; a displaced terminal fragment can make a warning feel intercepted. The strongest applications use artifacts to distinguish states, so the interface communicates not only what is known but whether the system itself remains reliable.故障不是随机装饰，而是在暗示通信受损、控制权遭到夺取，或信息本身不再可信。断裂的线条可以表示空间地图遭到破坏；错位的终端片段可以让警告像被拦截过。最有效的应用会用伪影区分状态，让界面不仅传达已知信息，也传达系统自身是否仍然可靠。
See the System Shock (Citadel cyberspace) design system查看 System Shock (Citadel cyberspace) 完整设计系统
Who shaped System Shock (Citadel cyberspace)?谁塑造了 System Shock (Citadel cyberspace)？
Looking Glass Technologies created the 1994 original and established the Citadel cyberspace vocabulary: green vector wireframes, terminal-driven information, and a black void that turns technical space into a source of tension. Its contribution is the foundation for the style’s connection between interface, navigation, and hostile atmosphere.Looking Glass Technologies 创作了1994年的原作，并建立了西塔代尔赛博空间的视觉词汇：绿色矢量线框、由终端驱动的信息，以及将技术空间转化为紧张来源的黑色虚空。它奠定了界面、导航与敌意氛围之间的联系。
Nightdive Studios carried the System Shock lineage into a remake around 2023. Its role in this design history is continuity: the visual language can be renewed for a contemporary presentation without abandoning the hard green glow, wireframe space, terminal texture, and compromised-screen character that define the original.Nightdive Studios 在约2023年的重制版中延续了《网络奇兵》的视觉谱系。它所代表的是一种连续性：这套语言可以适应当代呈现，同时不放弃原作最核心的刺眼绿光、线框空间、终端质感与受损屏幕气质。
SHODAN is the rogue AI whose threat gives the interface its psychological charge. Magenta and purple become meaningful because they mark hostile data and her presence against the green machine field. She is not simply a character represented inside the system; she is the reason the system’s own language feels unsafe.SHODAN 是赋予界面心理压力的失控人工智能。洋红与紫色之所以具有意义，是因为它们在绿色机器场域中标记出敌对数据与她的威胁。她不只是系统内部被呈现的角色，更是系统自身语言变得不可信的原因。
How do you use System Shock (Citadel cyberspace) today?今天怎么用 System Shock (Citadel cyberspace)？
For presentation slides, use the black void as the consistent ground across cover, content, and data pages. A cover can introduce the subject through a large green wireframe corridor or terminal statement, leaving generous darkness around it so the signal feels isolated. Content slides should organize information like a hostile console: pixel-terminal headings, luminous green structure, and magenta or purple only where a risk, conflict, or SHODAN-related condition must be recognized. Data slides should favor line diagrams, exposed grids, and warning states over polished infographics.在演示文稿中，应让纯黑虚空贯穿封面、内容页与数据页。封面可以用一段巨大的绿色线框走廊或一条终端式宣告引入主题，并在周围保留大片黑暗，让信号显得孤立而具有压力。内容页应像敌意终端一样组织信息：用像素终端式标题建立层级，用发光绿搭建结构，只在需要提示风险、冲突或与 SHODAN 相关的状态时使用洋红或紫色。数据页适合线性图解、暴露的网格与警告状态，而不是光洁的商业信息图。
For web interfaces, the style suits dashboards, monitoring tools, security products, and pricing pages that want to feel technical, alert, or deliberately uncompromising. Keep the interface dark and let green establish normal system activity, navigation, and confirmed information. Reserve magenta and purple for hostile states, restricted access, unusual conditions, or the plan tier that carries the strongest warning or capability. Cards should feel like terminal panels or spatial windows rather than soft floating containers, and interactions should visibly change the state of the machine.在网页界面中，这种风格适合仪表板、监控工具、安全产品，以及希望显得技术化、警觉或刻意不妥协的定价页面。保持深色界面，让绿色负责表示正常运行、导航与已确认信息；洋红与紫色则留给敌对状态、受限访问、异常条件，或带有最强警示与能力意味的方案等级。卡片应像终端面板或空间窗口，而不是柔软漂浮的容器；交互发生时，也应让机器状态清楚地改变。
For editorial and marketing work, treat the page as a recovered transmission from Citadel cyberspace. Headlines can resemble system announcements, while body copy sits in compact terminal blocks surrounded by black space. Wireframe fragments can establish section transitions, and selective scanlines or glitches can make a campaign feel intercepted or unstable. The style is especially effective when the message concerns technology, security, artificial intelligence, or a system resisting its operator.在编辑与营销内容中，可以把页面处理成一段从西塔代尔赛博空间中恢复出来的传输记录。标题可以像系统公告，正文则置于紧凑的终端文本块中，四周被黑色留白包围。线框片段可以承担章节转场，局部扫描线或故障可以让活动显得像遭到拦截、正在失稳。当主题涉及技术、安全、人工智能或系统反抗操作者时，这种语言尤其有力量。
The common mistake is to reduce System Shock to black backgrounds and generic neon. A page can use green glow and still miss the style if it is clean, friendly, evenly illuminated, or overloaded with unrelated cyberpunk colors. Another failure is applying scanlines and glitches uniformly until every element becomes equally damaged. The system needs hierarchy: green carries the machine, black creates the void, magenta and purple signal threat, and artifacts appear where the interface has a reason to fail.最常见的错误，是把《网络奇兵》简化成黑色背景加泛化的霓虹色。一个页面即使使用了绿色发光，只要整体干净、友好、光照均匀，或堆满无关的赛博朋克色彩，仍然会偏离风格。另一个问题是让扫描线与故障平均覆盖所有内容，直到每个元素都同样受损。系统必须保有层级：绿色承载机器，黑色制造虚空，洋红与紫色标记威胁，而伪影只应在界面有理由失效的地方出现。
See the System Shock (Citadel cyberspace) design system查看 System Shock (Citadel cyberspace) 完整设计系统
System Shock (Citadel cyberspace) — FAQSystem Shock (Citadel cyberspace) · 常见问题
Is System Shock just a generic cyberpunk neon style?《网络奇兵》只是泛化的赛博朋克霓虹风格吗？
No. It shares cyberpunk’s technological darkness, but its identity is much more specific: phosphor-green terminals, vector wireframe corridors, pure-black cyberspace, CRT grime, and magenta or purple threat signals tied to SHODAN. Generic neon usually treats color as atmosphere. System Shock treats color, distortion, and emptiness as evidence that the interface is hostile and possibly compromised.不是。它确实拥有赛博朋克的技术黑暗感，但身份要具体得多：磷光绿终端、矢量线框走廊、纯黑赛博空间、CRT污痕，以及与 SHODAN 相关的洋红和紫色威胁信号。泛化的霓虹风格通常把色彩当作氛围；《网络奇兵》则把色彩、失真与空旷都当作界面具有敌意、甚至可能已经遭到入侵的证据。
Can this style work on a light background?这种风格可以使用浅色背景吗？
It can be imitated on a light background, but the result will lose the central relationship between luminous information and the void. Black is not merely a dark theme choice here; it is the space that makes the wireframe and terminal signals feel suspended and exposed. A light variant may borrow the type and color accents, but it becomes a related terminal-inspired style rather than a convincing Citadel cyberspace.可以模仿，但会失去发光信息与虚空之间的核心关系。黑色在这里不只是深色主题的选择，而是让线框与终端信号显得悬浮、暴露的空间。浅色变体可以借用字体与强调色，却更像受终端启发的旁支风格，而不是可信的西塔代尔赛博空间。
How should magenta and purple be used?洋红与紫色应当如何使用？
They should be treated as exceptional threat markers, not as equal partners to green. Use them for hostile data, compromised states, restricted conditions, or signals associated with SHODAN. If they become common decorative accents, the interface loses its warning hierarchy. Their purpose is to break the green machine field and make the user notice that something inside it is actively dangerous.它们应被当作特殊的威胁标记，而不是与绿色平分秋色的常规色彩。可以用来表示敌对数据、受损状态、受限条件，或与 SHODAN 相关的信号。如果它们变成随处可见的装饰性强调色，界面的警告层级就会消失。它们的作用，是打破绿色机器场域，让用户意识到其中存在主动的危险。
Why are scanlines and glitches important?扫描线和故障伪影为什么重要？
They make the interface feel like a physical display receiving information under stress. Scanlines establish the CRT and 1990s cyberspace lineage, while glitches suggest damaged transmission, hostile control, or unreliable data. They should be selective and meaningful. Used everywhere, they become a decorative overlay; used around unstable or threatening information, they become part of the interface’s narrative.它们让界面像一块正在承受压力、接收信息的实体屏幕。扫描线建立了 CRT 与1990年代赛博空间的谱系，故障则暗示传输受损、控制权遭到夺取，或数据本身不可靠。它们必须有选择地出现并承担意义。若处处使用，就只剩装饰性覆盖；若围绕不稳定或危险信息出现，它们才会成为界面叙事的一部分。
How should the original and the remake relate visually?原作与重制版在视觉上应当如何关联？
They should share the same visual logic without requiring literal duplication. The continuity lies in the black void, hard green glow, vector wireframe space, terminal texture, and visible possibility of system failure. A contemporary adaptation can improve clarity and responsiveness while preserving the feeling that the user is operating inside a hostile machine rather than viewing a clean, neutral product interface.两者应共享同一套视觉逻辑，但不必逐项复制。真正的连续性存在于黑色虚空、强硬的绿色发光、矢量线框空间、终端质感，以及系统随时可能失效的感觉之中。当代改编可以提升清晰度与适应性，同时保留用户正在一台敌意机器内部操作的体验，而不是面对一个洁净、中性的产品界面。
Related design styles相关设计风格
Blade Runner 1982 Neon NoirRain-soaked noir. Orange, magenta, and cyan neon cut black glass.雨夜黑色电影。橙洋红青霓虹切开黑玻璃。
Detroit TechnoCold machines dream. Electric cyan circuits and chrome display type lock to a…冷机器在做梦。电青线路与铬感字形锁进黑色网格。
RoboCop (1987)Machine vision as interface. Phosphor-green readouts on dead-black CRT, red r…机器之眼即界面：近黑 CRT 扫描线底上的磷光绿读数，红色仅留给瞄准警报。
Star Trek LCARSFuture as flat command. Orange-violet elbows and Jura numbers glow on black.未来即平面指令：黑底橙紫弯肘与Jura数字发光。
Cybergoth RaveDarkness rules. Pure black PVC is split by one UV-green circuit glow.黑暗统治：纯黑PVC被一道UV绿电路光劈开。
Gundam Universal Century UIA war machine's eye. Phosphor wireframe and katakana telemetry glow inside a…战术仪器，而非被照亮的房间：黑色球体内只亮起磷光绿线框、片假名遥测与红色锁定准…