アカウント ログイン
Jump to section

Red Hat のアイコンシステムは単純、明確、オープンです。マーケティング資料、プレゼンテーション、Web コンテンツ、インフォグラフィック、図表の一般的な技術概念を表すために、標準アイコンを使用します。標準アイコンは小さなサイズでの使用を意図しており、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

Web では、カードやリストで標準アイコンを使用して視覚的な興味を付加することができます。

Mug with a grid of standard icons

標準アイコンは、マグカップやボタンなどの記念品に使う小さなビジュアルとしても適しています。

Red cloud icon used alone

アイコンは変更せず、デザインされたとおりに使用します。

Red cloud and lock icons being merged together

要素を追加して別の形状を作成したり、アイコンを組み合わせたりしないでください。複雑な概念を表すにはイラストを使用してください。

Quote with small talk bubble icon to the left and attribution

テキストや他の小さなデザイン要素を補完するために、アイコンを使用します。32 - 100 ピクセルのサイズが最適です。

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

アイコンを過度に大きくしないでください。アイコンはスペースを支配するビジュアルではなく、他のデザイン要素を補完するものでなければなりません。

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 の標準アイコンライブラリのアイコンのみを使用します。

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

インターネット、別のブランド、または以前の Red Hat ライブラリのアイコンを混在させないでください。

パターンとしての標準アイコン

パターンは、アイコンを使用して視覚的に興味深いグラフィックをすばやく作成する方法です。パターンを使用すると、プログラム、チーム、製品を認識しやすくすることができます。パターンを使用する場所は慎重に検討して、効果的に活用してください。空白は当社のブランドの重要な要素であるため、空白部分をすべて埋める必要はありません。

Cloud icon unfilled and filled repeated and used as a pattern

1 種類のアイコンを使って、サイズを変えたり、塗りつぶしたりしてみましょう。

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

色や縮尺を変えてみましょう。ただし、当社のブランドを強調するために、Red Hat レッドは必ず使用します。

アイコンパターンの使用例

Example of an icon pattern printed on a notebook

アイコンパターンは、Red Hat ブランドに忠実でありながら、チーム、製品、またはプログラム向けの記念品をカスタマイズするための優れた方法です。

Example of an icon pattern being used on an email header

ドキュメントや E メールヘッダーの小さなスペースにアイコンパターンを追加すると、雑然とした印象を与えずに視覚的な興味を付加することができます。

Pattern made from the talk bubble and conversation icons

1 つまたは 2 つの要素に変化をつけて、リズムを出して関心を引きます。

Talk bubble icon repeated on a grid with no variation

同じアイコンをただ並べて使用しないでください。退屈で単調になります。

Image with text

使用するパターンは複雑すぎず、テキストや他の要素の邪魔にならないものにします。

Image with text that is obscured by an icon pattern

メッセージが読みにくくなるようなパターンは使用しないでください。

Pattern of monitor and laptop icons linked by dotted lines

アイコンを個別に配置し、それらを線などを使ってつなぎます。

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

アイコンの意味が失われるような方法でアイコンをつなぐことは避けてください。

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

アイコンパターンでは、標準アイコンのみを使用します。

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

異なるスタイルのアイコンやイラストを 1 つのパターンに混在させないでください。

Red Hat logo LinkedInYouTubeFacebookTwitter

製品

ツール

試用、購入、販売

コミュニケーション

Red Hat について

エンタープライズ・オープンソース・ソリューションのプロバイダーとして世界をリードする Red Hat は、Linux、クラウド、コンテナ、Kubernetes などのテクノロジーを提供しています。Red Hat は強化されたソリューションを提供し、コアデータセンターからネットワークエッジまで、企業が複数のプラットフォームおよび環境間で容易に運用できるようにしています。

ニュースレター「Red Hat Shares」を購読する

今すぐ登録する

言語を選択してください

© 2022 Red Hat, Inc.