{"id":"nextstep-ui","no":517,"name":"NeXTSTEP Interface","ja":"ネクストステップ・インターフェース","era":"1988–1997","family":"プラットフォームの画面言語","kind":"スタイル","collection":"Dictionary expansion 26","addedAt":"2026-08-19","source":{"title":"Internet Archive (bitsavers) — NeXT Computer, \"NeXTSTEP User Interface Guidelines, Release 3\" (Nov 1993)","url":"https://archive.org/details/bitsavers_nextReleasInterfaceGuidelinesRelease3Nov93_9141848"},"reference":{"status":"verified","pageUrl":"https://archive.org/details/bitsavers_nextReleasInterfaceGuidelinesRelease3Nov93_9141848","credit":"Internet Archive (bitsavers) — NeXT Computer, \"NeXTSTEP User Interface Guidelines, Release 3\" (Nov 1993)","gallery":[{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/WorldWideWeb.png?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:WorldWideWeb.png","credit":"NeXTSTEP 上の WorldWideWeb ブラウザ — Wikimedia Commons / Public domain"},{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/HP-HP9000-715-Screenshot-Running-NeXTSTEP%2001.jpg?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:HP-HP9000-715-Screenshot-Running-NeXTSTEP%2001.jpg","credit":"Thomas Schanz《HP9000 715 上の NeXTSTEP 3.3》2018 — Wikimedia Commons / CC BY-SA 4.0"},{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/The%20Electronic%20AppWrapper%203D%20Reality%20Screen%20Shot.png?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:The%20Electronic%20AppWrapper%203D%20Reality%20Screen%20Shot.png","credit":"NeXTSTEP 上の Electronic AppWrapper と 3D Reality — Wikimedia Commons / CC BY-SA 4.0"}]},"essence":"NeXTが1993年の公式ガイドライン書で定めた画面言語。文書は黒と白と灰だけの配色、陰影で立体感を出す簡潔な外観を目標に掲げる。メニューは画面左上に縦の柱として立ち、常駐アプリの箱は右端に縦に並ぶ。","cues":["画面左上に縦一列で立つメニューと、その右側へ接続されて開く下位メニュー","画面の右端に縦に並ぶ正方形のアプリ用アイコン","色相を持たない灰の階調だけで彫られた厚いベベル","作業中の窓のタイトルバーが黒く塗られ、そうでない前面の窓は濃い灰になる"],"intents":["技術","静けさ","高級"],"works":["開発者向けの道具を、彩度を持たない階調と陰影だけで組み立てたいとき","いまのApple の画面言語がどこから来たかを、資料や展示で示すとき"],"recipe":{"type":"Helvetica 系の1書体で通し、太さと大きさの差だけで階層をつける。使えない項目は消さずに濃い灰の文字のまま残す。","layout":"左上に縦のメニュー柱、右端に縦のアイコン列を固定し、その間を作業領域にする。窓は重なる前提で、どれが手元かはタイトルバーの黒さだけで示す。","material":"白、明るい灰、暗い灰、黒の4段だけを使い、色相を持ち込まない。光は上から当たる想定で、全部品のベベルの明暗を揃える。"},"avoid":"灰の階調だけを写したうえで彩度の高い強調色を1つ加えると、明度で階層を作るという前提が崩れ、画面全体の読み順が壊れる。","colors":["#AAAAAA","#555555","#000000"],"motif":"graphic","pair":["aqua","swiss"],"study":["NeXTSTEP User Interface Guidelines Release 3 の図版と用語集","起動していないアプリのアイコンの左下に打たれる3つの点の意味","同じ部品体系がのちの Apple の画面にどう引き継がれたか"],"en":{"essence":"The screen language NeXT laid down in its 1993 interface guidelines. The document states the goal outright: a color scheme based on black, white, and gray, and a simple appearance that uses shading for a three dimensional effect. The main menu stands as a vertical column at the upper left, and docked application icons run down the right edge.","cues":["A menu standing as a vertical column at the upper left, submenus attaching to its right","Square application icons docked in a vertical strip along the right edge of the screen","Thick bevels carved entirely from gray values, with no hue anywhere in them","A black title bar on the window taking keystrokes, dark gray on a window that is merely frontmost"],"works":["Building a developer tool whose entire hierarchy is carried by gray values and shading, with no accent hue","Showing where the visual language of today's Apple desktop came from, in a talk or an exhibit"],"recipe":{"type":"Run one Helvetica style face throughout and build hierarchy from weight and size alone. Leave unavailable commands in place in dark gray instead of removing them.","layout":"Fix a vertical menu column at the upper left and a vertical icon strip at the right edge, and give the space between them to the work. Windows are meant to overlap, so a black title bar is the only marker of the one in hand.","material":"Work in four steps from white to black and admit no hue. Assume one light source above, and keep every bevel consistent with it."},"avoid":"Reproduce the grays and then add one saturated accent, and the premise that value carries hierarchy fails, taking the reading order of the whole screen with it.","study":["NeXTSTEP User Interface Guidelines Release 3 の図版と用語集","起動していないアプリのアイコンの左下に打たれる3つの点の意味","同じ部品体系がのちの Apple の画面にどう引き継がれたか"]}}