Kontaktieren
Konto Anmelden
Zu Abschnitt

Bildschirmbasierte Benutzeroberflächen stellen besondere Anforderungen an das Symboldesign. Das gilt insbesondere für Größe und Maßstab. Für Benutzeroberflächen sind Symbole erforderlich, die leicht zu verstehen und auch in sehr kleinen Größen gut erkennbar sind.

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

Unsere UI-Symbole (User Interface, Benutzeroberfläche) sind bei 16 Pixeln flach, einfach und lesbar. Sie werden in der Regel in grau oder weiß verwendet. Bei diesen kleineren Größen sollten Sie bei UI- und Standardsymbolen ähnliche Grundsätze befolgen: 12-Grad-Winkel und rechte Winkel, gerundete Ecken und Enden sowie geometrische Figuren.

Red Hat UI-Symbole werden in den Webinhalten von Reb Hat verwendet. Für Produktschnittstellen können Symbole aus dem Patternfly Designsystem verwendet werden.

Beispiele für UI-Symbole

Highlighting the navigation bar on a Red Hat web page

In der Benutzeroberfläche von redhat.com wird die Navigation auf unserer Website durch UI-Symbole einfach und intuitiv.

Example showing UI icons in use on a web card

UI-Symbole können mit Text kombiniert werden, um verschiedene Arten von Inhalten hervorzuheben.

UI icon representing

Verwenden Sie UI-Symbole wie vorgesehen und ohne Änderungen.

Combination of two UI icons

Verzerren, kombinieren oder ändern Sie vorhandene UI-Symbole nicht.

Highlighting the navigation bar on a Red Hat web page

Verwenden Sie kleine UI-Symbole in Benutzeroberflächen.

Example of UI icons placed in a slide deck

Ersetzen Sie Standardsymbole nicht durch UI-Symbole – das ist nicht ihr Zweck.

UI icon representing

Verwenden Sie UI-Symbole so, dass ein Farbkontrastverhältnis von mindestens 3:1 besteht, gemäß den Anweisungen in WCAG 2.1.

UI icon representing

Platzieren Sie UI-Symbole nicht auf Hintergründen, die keinen ausreichenden Kontrast aufweisen.

Gear UI icon next to the word

Setzen Sie UI-Symbole gezielt ein, um die Navigation zu erleichtern oder Inhalte zu markieren.

Sample mockup of a web card

Verwenden Sie nicht den Maßstab von UI-Symbolen, um sie als dekorative Illustrationen zu nutzen.

Red Hat logo LinkedInYouTubeFacebookTwitter

Produkte

Tools

Testen, kaufen und verkaufen

Kommunizieren

Über Red Hat

Als weltweit größter Anbieter von Open-Source-Software-Lösungen für Unternehmen stellen wir Linux-, Cloud-, Container- und Kubernetes-Technologien bereit. Wir bieten robuste Lösungen, die es Unternehmen erleichtern, plattform- und umgebungsübergreifend zu arbeiten – vom Rechenzentrum bis zum Netzwerkrand.

Abonnieren Sie unseren Newsletter, Red Hat Shares

Jetzt anmelden

Wählen Sie eine Sprache

© 2022 Red Hat, Inc.