{"id":"sap-fiori","no":556,"name":"SAP Fiori","ja":"SAP Fiori","era":"2013–","family":"プラットフォームの画面言語","kind":"スタイル","collection":"Dictionary expansion 29","addedAt":"2026-08-22","source":{"title":"SAP Fiori for Web — Design Principles","url":"https://experience.sap.com/fiori-design-web/design-principles/"},"reference":{"status":"verified","pageUrl":"https://experience.sap.com/fiori-design-web/design-principles/","credit":"SAP Fiori for Web — Design Principles"},"essence":"巨大な業務トランザクションを役割ごとの小さなアプリへ分解し、role-based、adaptive、simple、coherent、delightfulの五原則で揃えるSAPの画面言語。","cues":["役割別のタイルとカード","上部の常設シェルバーと検索","表とフォームを床面図の型で整理","端末幅に応じて詳細面を段階的に開く"],"intents":["信頼","技術","静けさ"],"works":["ERPの大きな機能を職種と作業単位へ分け直すとき","デスクトップとモバイルで同じ業務を継続できる画面を設計するとき"],"recipe":{"type":"短い業務語と数値を明確にし、長い説明は必要な場面でだけ開く。","layout":"シェル、要約、作業面の三段に分け、一覧から詳細へ幅に応じて展開する。","material":"白い作業面と淡い青灰を基礎に、青を主操作、状態色を意味へ割り当てる。"},"avoid":"既存ERPの全項目を小さくして移すだけではFioriにならない。役割に不要な機能を先に外す。","colors":["#F5F6F7","#0A6ED1","#32363A"],"motif":"ui","pair":["ant-design","carbon-design-system"],"study":["Fioriの五原則","floorplans","role-based appsとLaunchpad"],"en":{"essence":"SAP's role-based design language reduces enterprise processes to the information and actions each person needs, then carries them consistently across devices.","cues":["Role-based launchpad tiles","Shell bar and object pages","Compact tables and semantic status","Calm blue on pale work surfaces"],"works":["Enterprise workflows that differ by user role","Connecting overview, object detail and task completion"],"recipe":{"type":"Use concise business labels and expose status with words as well as color.","layout":"Move from overview to object page to focused task, preserving context throughout.","material":"Use pale layers, restrained blue and semantic colors for status only."},"avoid":"Putting every enterprise function on one screen defeats the role-based premise. Remove what the current task does not need.","study":["Fiori design principles","Launchpad and object page","Role-based adaptive design"]},"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."}}