Windows 95 Interface

Windows 95 インターフェース / 1995–2001 / スタイル / Microsoft UI

Microsoftが1995年の公式ガイドライン本で文書化した画面言語。灰色の面を外縁と内縁の二重の線で彫り、影の向きだけで押せる場所を示す。画面下端に帯を常駐させ、すべてのソフトを同じ部品で組ませた。

灰色の面に、明るい線と暗い線を外側と内側に二重に重ねた立体の枠 / 画面下端に常駐する帯と、その左端に置かれた四角いボタン / 濃紺一色のタイトルバーと、その右端にまとめられた3つの小さな四角 / アンチエイリアスのない小さなビットマップ文字で、キーボード割当の1字にだけ下線が引かれる

辞書情報

向いている用途: 業務ソフトの一覧や設定の画面を、拡大縮小を前提としない固定寸法で組みたいとき。1990年代のパソコンの画面を、展示や動画の中で再現するとき
文字: アンチエイリアスのないビットマップのゴシックを等倍で置く。大きさは1種類に絞り、強調は太字だけ。キーボード割当の文字に下線を1本引く。
構成: 画面下端の帯と作業領域の二段に割る。部品どうしの隙間は4px前後まで詰め、ダイアログは右下に肯定と否定のボタンを横一列で置く。
素材: 面の灰、明部の白、暗部の中灰、輪郭の黒という4色だけで彫る。外縁と内縁で2本の線を作り、押した瞬間に明暗を入れ替える。
注意: 灰色と二重の線だけ写して角丸や柔らかい影を足すと、彫り込みの向きが読めなくなり、この様式の要である硬さがそのまま消える。
関連研究: Microsoft Press が1995年に出したガイドライン本の図版と目次 / Windows の描画APIにある外縁と内縁の組み合わせの指定 / 当時の業務ソフトの画面写真に残る部品の寸法と隙間

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

Link: https://indexstyle.org/ja/styles/windows-95-interface
Markdown: [Windows 95 インターフェース（Windows 95 Interface） — デザインスタイル辞典](https://indexstyle.org/ja/styles/windows-95-interface)
HTML: <a href="https://indexstyle.org/ja/styles/windows-95-interface">Windows 95 インターフェース（Windows 95 Interface） — デザインスタイル辞典</a>