ターミナルUI

Terminal UI / 1970s– / スタイル / UI表現

黒地に単色蛍光の等幅文字が走る端末画面の様式。VT100の緑の残光は「コンピュータの顔」の原風景となり、ハッカー描写からモダンなCLIツールまで反復され続ける。

Terminal UI — AI生成の解釈イメージ 1
AI生成の解釈イメージ(参考作品ではありません)
Terminal UI — Autopilot《DEC VT100上で動作する Colossal Cave Adventure》2014年 — Wikimedia Commons / CC BY-SA 3.0
Autopilot《DEC VT100上で動作する Colossal Cave Adventure》2014年 — Wikimedia Commons / CC BY-SA 3.0 · CC BY-SA 3.0
Terminal UI — Attys《ncurses製 Linux kernel menuconfig 画面》2011年 — Wikimedia Commons / CC BY-SA 3.0
Attys《ncurses製 Linux kernel menuconfig 画面》2011年 — Wikimedia Commons / CC BY-SA 3.0 · CC BY-SA 3.0

ひと目で判断

見た目の特徴

  • 黒地に単色蛍光
  • 等幅グリッド
  • カーソルの明滅
  • 走査線とグロー

向いている用途

  • 開発者向けの道具で、状態と次の操作を等幅の一画面に収めたいとき
  • 技術的な硬さや秘匿性を、演出として画面に持たせたいとき

このスタイルを使う

短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。

詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式

辞書情報

文字
等幅の一書体で組み、強調は太さと反転だけに任せる
構成
桁と行のグリッドに全要素を載せ、塊の間は空行で分ける
素材
黒地に蛍光一色を基調とし、走査線やにじみは控えめに足す
注意
走査線やちらつきを強くかけると読みが落ち、道具としての速さより雰囲気の方が勝ってしまう。
関連研究
DEC VT100 / 映画のハッカー画面表象 / 現代CLI/TUIデザイン

関連項目

UI表現をさらに見る

同じ「UI表現」から、共通する印象が多い順に次の項目を選んだ。

UI表現の全項目を見る

この項目を引用する

辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。

Link
https://indexstyle.org/ja/styles/terminal-ui
Markdown
[ターミナルUI(Terminal UI) — デザインスタイル辞典](https://indexstyle.org/ja/styles/terminal-ui)
HTML
<a href="https://indexstyle.org/ja/styles/terminal-ui">ターミナルUI(Terminal UI) — デザインスタイル辞典</a>

一覧内の位置へ戻る