{"id":"cde-interface","no":580,"name":"CDE Interface","ja":"CDEインターフェース","era":"1993–2000s","family":"プラットフォームの画面言語","kind":"スタイル","collection":"Dictionary expansion 31","addedAt":"2026-08-22","source":{"title":"Oracle — Common Desktop Environment: Style Guide and Certification Checklist","url":"https://docs.oracle.com/cd/E19683-01/816-0284/index.html"},"reference":{"status":"verified","pageUrl":"https://docs.oracle.com/cd/E19683-01/816-0284/index.html","credit":"Oracle — Common Desktop Environment: Style Guide and Certification Checklist"},"essence":"UNIXワークステーション各社が共通化したCommon Desktop Environmentの画面言語。Motif由来の厚い立体縁、前面パネル、ワークスペース切替、限定色のアイコンで、異なる機種でも同じ仕事場を作った。","cues":["画面下端に置く箱状のFront Panel","明暗2本の縁で盛り上げたボタンと沈めた入力欄","小さな色数と黒い輪郭で描くピクセルアイコン","複数ワークスペースを常設ボタンで切り替える"],"intents":["技術","信頼","懐かしさ"],"works":["異なるUNIXワークステーションへ共通のデスクトップと業務アプリを配るとき","1990年代の技術端末を、当時の操作構造ごと再現するとき"],"recipe":{"type":"短いシステム書体と、輪郭を優先した小寸法のラベルを使う。","layout":"作業窓を中央へ重ね、下端にFront Panelとワークスペース切替を常設する。","material":"中間色の面へ明るい上左縁と暗い下右縁を重ね、押下時だけ陰影を反転する。"},"avoid":"灰色と立体ボタンだけではCDEにならない。Front Panel、ワークスペース、Motifの状態規則を一つの仕事環境として揃える。","colors":["#B9B7A5","#5B7B7A","#252422"],"motif":"ui","pair":["motif","open-look"],"study":["CDE Style Guide","Front Panel and workspace switch","Motif visual hierarchy"],"en":{"essence":"The Common Desktop Environment unified UNIX workstations through Motif-derived bevels, a persistent Front Panel, workspace switching and low-color icons, making different hardware feel like one workplace.","cues":["Box-like Front Panel along the lower edge","Raised buttons and recessed fields made from paired light and dark borders","Low-color pixel icons with dark outlines","Persistent buttons for switching among workspaces"],"works":["Shipping one desktop and business application language across UNIX workstations","Reconstructing a 1990s technical terminal with its operating structure intact"],"recipe":{"type":"Use brief system type and labels that remain distinct at small sizes.","layout":"Layer work windows centrally and keep the Front Panel and workspace switch along the lower edge.","material":"Place a light top-left edge and dark bottom-right edge on mid-tone surfaces, reversing the bevel only on press."},"avoid":"Gray bevels alone are not CDE. Front Panel, workspaces and Motif state rules must work as one environment.","study":["CDE Style Guide","Front Panel and workspace switch","Motif visual hierarchy"]},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}