产品图标用于在狭小空间中表示我们的产品与技术,例如应用市场、分类目录、浏览器标签页和收藏图标。产品图标在小尺寸上显示效果较好,特意采用了简单的设计,但也可经过改造后为营销和宣传材料中的插画使用。它们切不可用作产品 LOGO,也不得在红帽品牌语境之外使用。

Examples of product icons in both the product icon and service icon styles

产品图标可以

a green check icon   在用户界面中用于表示产品。

a green check icon   在产品界面或浏览器标签页中用作收藏图标。

a green check icon   在图表或信息图中用于表示产品。

a green check icon   为周边产品或营销宣传材料中的插画使用。

产品图标不可

A red x icon   用于产品 LOGO。

A red x icon   与红帽图标互换使用。

A red x icon   在红帽品牌语境(即,带有明文表示的完整产品名称或红帽或产品 LOGO,或在红牌品牌的界面内)之外使用。

产品图标样式

我们的产品图标系统包含 2 种样式。一种适用于我们销售的产品(带有 SKU),另一种适用于所有其他技术产品。这有助于用户更好地了解我们的产品组合,并在应用市场和分类目录中轻松找到他们要寻找的技术。

an example of a product icon in Red Hat's product icon style

产品图标样式

带有 SKU 的产品为黑色实心圆角正方形,内部由红色加白色表示。关键元素以红色突出显示。

service icon style

服务图标样式

所有其他技术产品(包括服务、功能、组件、插件和操作器)均为黑框白色背景空心圆角正方形,内部由红色加黑色表示。关键元素以红色突出显示。

产品图标使用示例

A screenshot of Red Hat Marketplace featuring two Red Hat offerings represented by product icons

应用市场和分类目录

产品图标应主要用于在高度视觉化的用户界面中表示我们的产品与技术,例如应用市场、分类目录和产品环境等。

An example of using a product icon as a favicon in a browser tab

收藏图标和浏览器标签页

产品图标也可用作浏览器标签页中的收藏图标,或者用在产品界面的导航菜单中。不过,它们应当始终在红帽品牌语境内使用(附近带有完整的红帽 LOGO 或产品 LOGO)。

Example of a product icon being used in a topology diagram

图表

产品图标可以在图表中用于代表产品和技术,例如产品界面中的拓扑视图、产品文档内的技术图解或辅助产品计划的信息图。

Example of a product icon adapted and used as artwork in a social graphic

改造后用作插画

产品图标可用于制作插画来辅助市场营销计划,如周边产品或社交媒体平面设计。图标应当在不同时间和应用之间保持一致,插画则不同,可以灵活多变。进一步了解插画

A product icon and product logo being used in separate imprint areas

Do this

产品图标应当作为与 LOGO 相区分的单独元素加以使用。

Example of what not to do when using product icons and logos together

Do not do this

请勿通过替换红帽图标来组合产品图标和 LOGO。

Example of product icons being used correctly in context of the Red Hat brand

Do this

产品图标应在红帽品牌语境内使用。

Example of product icons being used incorrectly without the context of the Red Hat brand

Do not do this

不要在红帽品牌语境之外使用产品图标。

Red Hat AMQ product icon in the product icon style

Do this

产品图标应按原样使用。

Example of incorrectly scaling and altering the colors of elements of a product icon

Do not do this

不要改变颜色,或单独缩放图标的各个部分。

A product icon in the product icon style on a black background with a white drop shadow to add separation from the background

Do this

在黑色背景上使用产品图标样式时可添加得体的阴影。

Example of incorrectly adding an outline to the product icon style to create separation on a black background

Do not do this

在黑色背景上使用时,不要给产品图标样式添加外框线。