{"id":"motif","no":515,"name":"Motif","ja":"モチーフ","era":"1989–","family":"プラットフォームの画面言語","kind":"スタイル","collection":"Dictionary expansion 26","addedAt":"2026-08-19","source":{"title":"Internet Archive (bitsavers) — Open Software Foundation, OSF/Motif Style Guide Revision 1.2 (1993)","url":"https://archive.org/details/bitsavers_openSoftwaFMotifStyleGuideRevision1.21993_16324635"},"reference":{"status":"verified","pageUrl":"https://archive.org/details/bitsavers_openSoftwaFMotifStyleGuideRevision1.21993_16324635","credit":"Internet Archive (bitsavers) — Open Software Foundation, OSF/Motif Style Guide Revision 1.2 (1993)","gallery":[{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Debian%20Motif%20MWM%20Default.png?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Debian%20Motif%20MWM%20Default.png","credit":"Motif Window Manager（mwm）の既定の画面 2014 — Wikimedia Commons / CC0"},{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Xpdf-screenshot.png?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Xpdf-screenshot.png","credit":"xpdf のメニューを開いた画面 — Wikimedia Commons / CC BY-SA 3.0"},{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Common%20Desktop%20Environment.jpg?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Common%20Desktop%20Environment.jpg","credit":"Motif で組まれた CDE のデスクトップ 2012 — Wikimedia Commons / CC BY-SA 3.0"}]},"essence":"The Open Groupが維持するUNIXワークステーション向けの画面言語で、IEEE 1295として規格化され200を超える機種に載った。公式資料が自ら3Dの面取り外観と呼ぶとおり、灰色の面の縁に明暗2色を置いて全部品を押し出して見せる。","cues":["灰色の面の上辺と左辺が明るく、下辺と右辺が暗い縁で、部品が全部浮いて見える","押している間だけ明暗が入れ替わり、部品が沈んで見える","入力を受けている部品の外側を、細い矩形の枠がぐるりと囲む","スクロールバーは角の立った矩形で、両端に三角の矢印ボタンが付く"],"intents":["技術","信頼"],"works":["UNIXワークステーション期の業務ソフトを、いまの画面で再現して展示や資料に使うとき","押せるか押せないかを色でなく凹凸で伝えたい計測器やCADの操作画面を組むとき"],"recipe":{"type":"サンセリフを小さめの一定の大きさで使い、ラベルは1行に収める。字間を空けず、文中に装飾を入れない。","layout":"窓を面取りした矩形で区切り、部品を数ピクセルの隙間で詰めて並べる。余白を取らず、画面いっぱいに操作を敷き詰める。","material":"面の色をひとつ決め、そこから明るい縁と暗い縁を作って上下左右に置く。押下時は明暗を入れ替える。角は丸めない。"},"avoid":"明暗の縁をぼかした影に置き換えると押した瞬間の反転が読めなくなり、立体に見えるだけの飾りに落ちる。","colors":["#D3D3D3","#B4B4B4","#5F9EA0"],"motif":"graphic","pair":["luna","terminal-ui"],"study":["The Open GroupのMotifデータシート（3Dの面取り外観という自称の出どころ）","CDEの画面写真とMotifの部品を突き合わせ、どこが共通でどこが違うか見る","面の色から明るい縁と暗い縁を自動で作る計算式（mwmの既定の色設定）"],"en":{"essence":"Motif is the interface language of UNIX workstations, maintained by The Open Group, standardized as IEEE 1295 and shipped on more than two hundred platforms. Its own data sheet calls the look a distinctive 3D beveled appearance, meaning every part sits on a gray face edged with one light line and one dark line.","cues":["A gray face lit along its top and left edges and darkened along its bottom and right, so every part appears raised","While a control is held down the two edge colors swap and the part sinks","A thin rectangular ring is drawn around whichever control currently takes keyboard input","Scroll bars are square cornered rectangles with a triangular arrow button at each end"],"works":["Rebuilding a UNIX workstation era application for an exhibit or a technical write up","Building instrument or CAD controls where pressable and unpressable must read as relief rather than color"],"recipe":{"type":"A small sans at one fixed size, labels held to a single line, no letterspacing and no ornament inside the text.","layout":"Windows are cut into beveled rectangles and controls are packed a few pixels apart; there is almost no breathing room, the screen is filled with operable parts.","material":"Pick one face color, derive a light edge and a dark edge from it, and paint them on opposite sides; swap the two while pressed, and never round a corner."},"avoid":"Replacing the two hard edge colors with a soft drop shadow kills the flip that signals a press, leaving decoration that merely looks raised.","study":["The Open GroupのMotifデータシート（3Dの面取り外観という自称の出どころ）","CDEの画面写真とMotifの部品を突き合わせ、どこが共通でどこが違うか見る","面の色から明るい縁と暗い縁を自動で作る計算式（mwmの既定の色設定）"]}}