Terminal UI vs Vector Scan Graphics

ターミナルUI / ベクタースキャン

Terminal UI comes from UI Expression and Vector Scan Graphics from Technical Expression. Both are read here as style. They are reached for with some of the same intent, which is where they get confused.

Terminal UI

Terminal UI — Autopilot《DEC VT100上で動作する Colossal Cave Adventure》2014年 — Wikimedia Commons / CC BY-SA 3.0Terminal UI — Attys《ncurses製 Linux kernel menuconfig 画面》2011年 — Wikimedia Commons / CC BY-SA 3.0Terminal UI — Per Erik Strandberg《htop の画面》2008年 — Wikimedia Commons / CC BY-SA 3.0

The terminal look: monospaced phosphor characters on black. The VT100's green afterglow became the primal image of the computer's face, repeated from hacker cinema to modern CLI tools.

Vector Scan Graphics

Vector Scan Graphics — アタリ《Bradley Trainer》1981 の画面（『Battlezone』の軍用版）— Wikimedia Commons / Public domainVector Scan Graphics — GCE ベクトレックス（1982）で《Spike》のタイトル画面を表示 — Wikimedia Commons / CC BY 4.0Vector Scan Graphics — テクトロニクス4010 の蓄積管ディスプレイに描かれた合衆国地図 — Wikimedia Commons / CC BY-SA 4.0

Game imagery drawn stroke by stroke as an electron beam traces bright lines across a vector monitor. Glowing wireframes hanging in black void carried a tension that defined how the early arcade pictured the future.

Terminal UIVector Scan Graphics
Era1970s–1979–1985
FamilyUI ExpressionTechnical Expression
KindStyleStyle
CuesSingle phosphor color on black / The monospace grid / A blinking cursor / Scanlines and glowGlowing wireframes / Black void / Uniform luminous lines / Geometric tension
Best used forDeveloper tools packing state and next steps into one monospaced screen · Staging technical hardness or secrecy as the look of an interfaceInstrument or navigation screen effects needing a tense future made of lines alone · Dark-room projection or large-screen staging built from glowing figures
TypeOne monospaced face where emphasis comes from weight and inversion aloneLetters drawn as line segments, curves replaced by short straight runs
CompositionEverything on the column and row grid, blocks separated by blank linesA few shapes floating on black at the center, density kept low
MaterialOne phosphor hue on black with scanlines and bloom added sparinglyUniform stroke weight with light suggested only by bloom around the line
CautionHeavy scanlines and flicker cost legibility and the atmosphere ends up beating the speed that made the tool worth using.The moment fills or cast shadows are added the logic of emitted light collapses and only a dark screen with line art remains.

Put these two together

UI Expression ／ Technical Expression

IndexStyle