PatternFly
PatternFly / 2012– / スタイル / プラットフォームの画面言語
Red Hatが企業向け製品群のために育てたオープンソースの画面言語。複雑なインフラや管理対象を、高密度のナビゲーション、表、カード、状態表示で扱いながら、色を操作と異常へ絞って静かな作業面を保つ。
ひと目で判断
見た目の特徴
- 濃いマストヘッドと左サイドナビ
- 白と淡い灰の作業面に密な表とフォーム
- 青を主操作、赤・橙・緑を状態へ限定
- 複数ペインで一覧・詳細・操作を同時に見せる
向いている用途
- クラウド、コンテナ、ネットワークの状態と操作を一画面で扱う管理製品
- 複数の企業向け製品へ共通の密度、状態色、ナビゲーションを与えるとき
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 見出し、本文、表ラベルを少数の段階へ固定し、値とコードは等幅で区別する。
- 構成
- 濃いシェル、左ナビ、作業面、必要時だけ開く詳細ペインへ分ける。
- 素材
- 白と淡い灰を広く使い、青は操作、鮮色は警告と状態に限る。
- 注意
- カードと表を詰め込むだけではPatternFlyにならない。作業の現在地と異常の優先順位が一目で分かる情報設計を先に作る。
- 関連研究
- PatternFly design foundations / enterprise navigation and data views / Red Hat product applications
関連項目
- Carbon Design System（Carbon Design System）同じ「プラットフォームの画面言語」の系統。PatternFlyとCarbon Design Systemの違いを見る
- SAP Fiori（SAP Fiori）同じ「プラットフォームの画面言語」の系統。PatternFlyとSAP Fioriの違いを見る
プラットフォームの画面言語をさらに見る
同じ「プラットフォームの画面言語」から、共通する印象が多い順に次の項目を選んだ。
- アドワイタ（Adwaita）共通する印象：技術 / 静けさ / 信頼。
- GOV.UK デザインシステム（GOV.UK Design System）共通する印象：信頼 / 静けさ / 技術。
- ブリーズ（Breeze）共通する印象：技術 / 静けさ / 信頼。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/patternfly
- Markdown
- [PatternFly（PatternFly） — デザインスタイル辞典](https://indexstyle.org/ja/styles/patternfly)
- HTML
- <a href="https://indexstyle.org/ja/styles/patternfly">PatternFly（PatternFly） — デザインスタイル辞典</a>