Account 登录
快速跳转

屏幕界面对图标设计提出了特殊的挑战,尤其是大小和比例。屏幕界面要求图标易于理解,并且在非常小的尺寸下仍保持清晰。

UI icons on red background
UI icons on black background
UI icons on grey background

我们的 UI(用户界面)图标采用扁平化设计,简单清晰,大小为 16 像素。它们通常为灰色或白色。对于这些较小的尺寸,可对 UI 图标运用与标准图标相同的原则:12° 和直角,末端和角为圆形,使用几何形状。

红帽网页资产使用红帽 UI 图标。产品界面可能会使用来自 Patternfly 设计系统的图标。

UI 图标使用示例

Highlighting the navigation bar on a Red Hat web page

在 redhat.com 的界面中,UI 图标可以让用户更快速、更直观地浏览我们的网站。

Example showing UI icons in use on a web card

UI 图标可与文本相结合,提升不同种类内容的吸引力。

UI icon representing

UI 图标应按设计原样使用,不得改动。

Combination of two UI icons

请勿扭曲、组合或以其他方式改动现有的 UI 图标。

Highlighting the navigation bar on a Red Hat web page

UI 图标应在界面中以小尺寸使用。

Example of UI icons placed in a slide deck

请勿用 UI 图标替代标准图标,这并非其设计用途。

UI icon representing

根据 WCAG 2.1 指南要求,使用 UI 图标应保持至少 3:1 的色彩对比度。

UI icon representing

请勿将 UI 图标放置于对比不足的背景中。

Gear UI icon next to the word

使用 UI 图标协助导航或注解内容。

Sample mockup of a web card

请勿缩放 UI 图标来用作装饰图案。

Red Hat logo LinkedInYouTubeFacebookTwitter

产品

工具

试用购买与出售

沟通

关于红帽

我们是世界领先的企业开源解决方案供应商,提供包括 Linux、云、容器和 Kubernetes。我们致力于提供经过安全强化的解决方案,从核心数据中心到网络边缘,让企业能够更轻松地跨平台和环境运营。

订阅我们的新闻稿 Red Hat Shares

立即注册

选择语言

© 2022 Red Hat, Inc. 京ICP备09066747号