Terminal UI vs Windows 95 Interface
ターミナルUI / Windows 95 インターフェース
Terminal UI comes from UI Expression and Windows 95 Interface from Microsoft UI. Both are read here as style. They are reached for with some of the same intent, which is where they get confused.
Terminal UI
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.
Windows 95 Interface
The screen language Microsoft set down in its 1995 handbook for software design. Gray panels are carved with a doubled outer and inner edge, so the direction of the shadow alone says what can be pressed. A bar sits permanently along the bottom, and every application is assembled from the same system parts.
| Terminal UI | Windows 95 Interface | |
|---|---|---|
| Era | 1970s– | 1995–2001 |
| Family | UI Expression | Microsoft UI |
| Kind | Style | Style |
| Cues | Single phosphor color on black / The monospace grid / A blinking cursor / Scanlines and glow | Gray panels framed by a doubled edge, one light line and one dark line, outside and inside / A bar pinned to the bottom of the screen with a single square button at its left end / A flat navy title bar with three small squares grouped at its right end / Small bitmap text with no antialiasing, one letter underlined to mark the keyboard shortcut |
| Best used for | Developer tools packing state and next steps into one monospaced screen · Staging technical hardness or secrecy as the look of an interface | Laying out a list or settings screen for business software at a fixed pixel size that never has to scale · Rebuilding the look of a 1990s personal computer for an exhibition or a video |
| Type | One monospaced face where emphasis comes from weight and inversion alone | Set a bitmap sans at its native size with antialiasing off. Use one size, reserve bold for emphasis, and underline the single shortcut letter. |
| Composition | Everything on the column and row grid, blocks separated by blank lines | Split the screen into a permanent bottom bar and a work area. Pack controls about four pixels apart, and put confirm and cancel in a row at the lower right of a dialog. |
| Material | One phosphor hue on black with scanlines and bloom added sparingly | Carve everything from four values: the gray face, a white highlight, a mid gray shadow, a black outline. Build relief from an outer and an inner line, and swap light for dark on press. |
| Caution | Heavy scanlines and flicker cost legibility and the atmosphere ends up beating the speed that made the tool worth using. | Copy the gray and the doubled line but add rounded corners or soft shadows, and the direction of the carving stops reading, taking the hardness that defined the original with it. |