Jump to section

我们的图标系统简洁、素雅、开放。标准图标可用于在营销材料、演示文稿、网页内容、信息图和图表中表示一般性技术概念。它们专为小尺寸展示而设计,效果最佳的尺寸是 32 到 100 像素。如果需要更大的视觉元素,请使用插图

Example showing white standard icons being used on a red background
Example showing red standard icons being used on a black background
Example showing black standard icons being used on a gray background

所有图标都使用相同的笔画粗细和角半径,尽可能从正面显示对象,采用平面透视,并且由几何形状组成。图标有 3 种颜色可选:红色、黑色和白色,但也可更改为我们品牌配色中的任何颜色。

标准图标使用示例

Two slides from the Red Hat presentation template showing standard icons

标准图标是一种增加视觉吸引力并突出演示文稿要点的快捷方式。

Example showing icons used in a technical diagram

标准图标用在示意图或图表中,可以快速标出重要的组件或操作。

Examples showing red icons being used on a web card design

在网页中,也可以在卡片或列表中使用标准图标来增加视觉吸引力。

Mug with a grid of standard icons

标准图标作为小尺寸视觉元素效果较好,例如马克杯等周边产品或按钮。

Red cloud icon used alone

Do this

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

Red cloud and lock icons being merged together

Do not do this

请勿添加元素来创建不同形状,也不要组合图标。使用插图来展示较复杂的概念。

Quote with small talk bubble icon to the left and attribution

Do this

使用图标来补充文本或其他细小设计元素。效果最佳的尺寸是 32 到 100 像素。

Quote with large talk bubble that is not proportional to the text

Do not do this

图标尺寸不宜太大。图标应当作为其他设计元素的补充,而不是成为主导视觉元素。

Arrow and lightbulb icon being used without modifications

图标应按设计原样使用,不要修改线条粗细或尺寸。

Arrow and lightbulb icons being distorted and used incorrectly

不要更改或扭曲图标,或者增加线条粗细。

Red Hat standard icons for monitor and printer being used correctly

仅使用来自红帽标准图标库的图标。

Red Hat standard icon for monitor being paired with an outdated icon for printer

不要混合使用来自互联网、其他平台或以往红帽库的图标。

用标准图标组成图案

图案是利用图标来快速创建引人入胜的图形的一种方式。图案可用来加深项目、团队或产品的辨识度。请仔细思量图案的使用位置,确保其合理、得当。请记住,留白是我们品牌的一大关键元素,因此没有必要填满每一处空白。

Cloud icon unfilled and filled repeated and used as a pattern

通过改变尺寸和填充来试验一个图标的效果。

Container, app, and cloud icons used in a grid as a pattern

尝试选用一组相同大小的相关图标。

Orange and red pattern of icons connected by dotted lines

尝试在一组图标中添加连接线,其粗细应当与图标中的线条相匹配。

Pattern including icons that are multicolored in red and black, connected by teal dotted lines

试验不同的颜色和比例,但始终运用红帽红来突出我们的品牌。

图标图案使用示例

Example of an icon pattern printed on a notebook

图标图案是为团队、产品或项目定制周边产品的一种绝佳方式,既能发挥个性化创意,又能秉持红帽品牌规范。

Example of an icon pattern being used on an email header

图标图案可以添加到文档或电子邮件标题的小空间内,提高视觉吸引力,且不增加凌乱感。

Pattern made from the talk bubble and conversation icons

Do this

变化 1 到 2 个元素,以带来律动感和趣味性。

Talk bubble icon repeated on a grid with no variation

Do not do this

不要一成不变地使用同一个图标,这样只会让人感到重复和乏味。

Image with text

Do this

使用不太复杂且不会干扰文案或其他元素的图案。

Image with text that is obscured by an icon pattern

Do not do this

图案不应影响文字信息的识读。

Pattern of monitor and laptop icons linked by dotted lines

Do this

图标应独立使用,并用线条或其他形状来连接它们。

Pattern of monitor and laptop icons that have been modified to connect together

Do not do this

不要将不同图标组合在一起,使其丧失本来的含义。

Pattern with the shield, server, and container icons used in a grid

Do this

图标图案中只能使用标准图标。

Pattern with shield and server icon and container mini-spot illustration

Do not do this

不要在图案中混合使用不同样式的图标或插图。