PatternFly

PatternFly / 2012– / スタイル / プラットフォームの画面言語

Red Hatが企業向け製品群のために育てたオープンソースの画面言語。複雑なインフラや管理対象を、高密度のナビゲーション、表、カード、状態表示で扱いながら、色を操作と異常へ絞って静かな作業面を保つ。

濃いマストヘッドと左サイドナビ / 白と淡い灰の作業面に密な表とフォーム / 青を主操作、赤・橙・緑を状態へ限定 / 複数ペインで一覧・詳細・操作を同時に見せる

PatternFly — AI生成の解釈イメージ
AI生成の解釈イメージ(参考作品ではありません)

辞書情報

向いている用途
クラウド、コンテナ、ネットワークの状態と操作を一画面で扱う管理製品。複数の企業向け製品へ共通の密度、状態色、ナビゲーションを与えるとき
文字
見出し、本文、表ラベルを少数の段階へ固定し、値とコードは等幅で区別する。
構成
濃いシェル、左ナビ、作業面、必要時だけ開く詳細ペインへ分ける。
素材
白と淡い灰を広く使い、青は操作、鮮色は警告と状態に限る。
注意
カードと表を詰め込むだけではPatternFlyにならない。作業の現在地と異常の優先順位が一目で分かる情報設計を先に作る。
関連研究
PatternFly design foundations / enterprise navigation and data views / Red Hat product applications

関連項目

この項目を引用する

辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。

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>

一覧内の位置へ戻る