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



快速判断
视觉特征
- 深色顶部栏与左侧导航
- 白色或浅灰工作表面上的密集表格和表单
- 蓝色用于主要操作,红橙绿用于状态
- 列表、详情和操作在协调面板中展示
适用场景
- 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
相关词条
- Carbon Design System (Carbon Design System)同属平台界面语言。比较PatternFly与Carbon Design System
- SAP Fiori (SAP Fiori)同属平台界面语言。比较PatternFly与SAP Fiori
继续浏览平台界面语言
从平台界面语言中按共同感受优先推荐以下词条。
- Adwaita (アドワイタ)共同感受:Technique / Calm / Trust。
- GOV.UK Design System (GOV.UK デザインシステム)共同感受:Trust / Calm / Technique。
- Breeze (ブリーズ)共同感受:Technique / Calm / Trust。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- 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>