PatternFly

PatternFly / 2012– / 风格 / 平台界面语言

Red Hat面向企业产品的开源界面语言,以密集导航、数据视图和严格受控的状态色,让复杂基础设施仍可管理。

PatternFly — PatternFly — official desktop data-list demo snapshot — Copyright (c) 2019 Red Hat, Inc. / MIT
PatternFly — official desktop data-list demo snapshot — Copyright (c) 2019 Red Hat, Inc. / MIT · MIT
PatternFly — AI 生成的诠释图像 1
AI 生成的诠释图像(并非参考作品)
PatternFly — AI 生成的诠释图像 2
AI 生成的诠释图像(并非参考作品)

快速判断

视觉特征

  • 深色顶部栏与左侧导航
  • 白色或浅灰工作表面上的密集表格和表单
  • 蓝色用于主要操作,红橙绿用于状态
  • 列表、详情和操作在协调面板中展示

适用场景

  • Administration products for cloud, containers and networks
  • Giving a suite of enterprise products one density, navigation and status language

使用这一风格

把简短指引带入项目,或将结构化规格交给AI工具。

详细方法与出处制作规则、真实案例、比较、研究与引用格式

辞典词条

字体
Keep headings, body and table labels to a small hierarchy; distinguish values and code with monospace.
版面
Separate dark shell, left navigation, work surface and an on-demand detail pane.
材料
Use white and pale gray broadly, blue for action and saturated color only for alerts and status.
注意
Packing cards and tables together is not enough. Make current location and the priority of abnormal states obvious first.
延伸阅读
PatternFly design foundations / Enterprise navigation and data views / Red Hat product applications

相关词条

继续浏览平台界面语言

从平台界面语言中按共同感受优先推荐以下词条。

查看平台界面语言全部词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link
https://indexstyle.org/zh/styles/patternfly
Markdown
[PatternFly — IndexStyle](https://indexstyle.org/zh/styles/patternfly)
HTML
<a href="https://indexstyle.org/zh/styles/patternfly">PatternFly — IndexStyle</a>

返回索引中的位置