{"id":"ribbon-ui","no":537,"name":"Ribbon","ja":"リボン","era":"2007–","family":"Microsoft UI","kind":"レイアウト","collection":"Dictionary expansion 26","addedAt":"2026-08-19","source":{"title":"Microsoft Learn — Windows 7 Ribbons (Windows User Experience Interaction Guidelines)","url":"https://learn.microsoft.com/en-us/windows/win32/uxguide/cmd-ribbons"},"reference":{"status":"verified","pageUrl":"https://learn.microsoft.com/en-us/windows/win32/uxguide/cmd-ribbons","credit":"Microsoft Learn — Windows 7 Ribbons (Windows User Experience Interaction Guidelines)","gallery":[{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Ribbon%20Context%20Tab.png?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Ribbon%20Context%20Tab.png","credit":"Office 2007様式のリボンと文脈タブ — Wikimedia Commons / CC BY-SA 4.0"}]},"essence":"ウィンドウ上端にタブの列として命令を並べる命令帯で、メニューバーとツールバーの両方を置き換える。Office 2007で導入され、Microsoftはタブ、グループ、文脈タブ、ギャラリーという語彙を公式の指針で定義した。命令には必ずラベルが付き、使う頻度によって大きさが変わる。","cues":["ウィンドウ最上部にタブで切り替わる帯が常駐し、その高さは48ピクセルに固定される","帯の中は名前の付いたグループに区切られ、区切りの下端にグループ名が並ぶ","命令の絵は32×32と16×16の二段階で、頻度の高い命令だけが大きい絵で先に置かれる","選択した対象の種類に応じて色の付いた文脈タブが現れ、そのタブ集合の名前は Tools で終わる"],"intents":["信頼","技術"],"works":["命令が数十を超える業務ソフトで、メニューとツールバーを一つの面に統合し直すとき","命令の効果を選ぶ前に見せたいとき、ギャラリーとライブプレビューで選ばせる画面を設計するとき"],"recipe":{"type":"すべての命令にテキストラベルを付ける。アイコンだけで済ませるのは、誰でも知っている命令が並ぶ場所に限る。","layout":"上端に固定の帯を置き、タブは七つ以内に抑える。最初のタブをHomeとして頻度の高い命令を集め、帯の中は名前付きのグループで区切る。","material":"アイコンは32×32と16×16の二種を用意し、頻度の高い命令に大きい方をあてる。帯の中に置くギャラリーのサムネイルは、48ピクセルの高さに収まる寸法から選ぶ。"},"avoid":"既存のメニューとツールバーをそのまま帯に並べ替えるだけだと、占める面積が増えるだけで、結果を先に見せるという利点が出ない。","colors":["#D6E4F5","#2E5C99","#F5F4F2"],"motif":"graphic","pair":["aero","windows-95-interface"],"study":["Office 2007がメニューバーを捨てた理由","文脈タブとモーダルタブの違い","Altから始まるキーチップが、タブと命令をどう二段階で絞り込むか"],"en":{"essence":"A command bar that organises a program's features into a series of tabs at the top of a window, replacing both the menu bar and the toolbars. Microsoft introduced it with Office 2007 and named its parts in the Windows guidelines: core tabs, groups, contextual tabs, galleries, the Application button and the Quick Access Toolbar. Every command carries a label, and its size follows how often it is used.","cues":["A tabbed band sits permanently at the top of the window, fixed at 48 pixels high","The band is cut into labelled groups, with each group name running along its lower edge","Command icons come in two sizes, 32 by 32 and 16 by 16, and the frequent ones take the large size and lead the group","Coloured contextual tabs appear when an object type is selected, and their tab set labels end in Tools"],"works":["Consolidating menus and toolbars into a single surface for a business application with dozens of commands","Designing a surface where users pick by seeing the result first, through galleries and live preview"],"recipe":{"type":"Label every command. Icons stand alone only where the commands are ones everybody already knows.","layout":"Fix the band to the top and keep core tabs to seven or fewer. Make the first tab Home and gather the frequent commands there, then cut the band into labelled groups.","material":"Draw each icon at both 32 by 32 and 16 by 16, giving the large size to the frequent commands. Size in ribbon gallery thumbnails to fit inside the 48 pixel band."},"avoid":"Merely refactoring existing menus and toolbars into the band costs the extra space without gaining the results oriented commands that justify it.","study":["why Office 2007 threw out the menu bar","the difference between contextual tabs and modal tabs","how key tips beginning with Alt narrow first to a tab and then to a command"]}}