Bilder und Symbole für Visual Studio

Bildverwendung in Visual Studio

Bevor Sie selbst Grafiken erstellen, sollten Sie die mehr als 1.000 Bilder in Erwägung ziehen, die in der Visual Studio-Bildbibliothek zur Verfügung gestellt werden.

Arten von Bildern

  • Symbole: Hierbei handelt es sich um kleine Bilder, die in Befehlen, Hierarchien, Vorlagen und mehr angezeigt werden. Die in Visual Studio verwendete Standardsymbolgröße ist 16x16 mit dem Dateiformat PNG. Vom Bilddienst erstellte Symbole generieren automatisch das XAML-Format für HDPI-Unterstützung.

    Hinweis

    Bilder werden zwar im Menüsystem verwendet, jedoch sollten Sie nicht für jeden Befehl ein Symbol erstellen. Informationen darüber, ob Sie einem Befehl ein Symbol zuweisen sollten, finden Sie unter Menüs und Befehle für Visual Studio.

  • Miniaturbilder: Diese Bilder werden im Vorschaubereich eines Dialogfelds verwendet, z. B. im Dialogfeld „Neues Projekt“.

  • Dialogfeldbilder: Diese Bilder werden in Dialogfeldern oder Assistenten angezeigt und fungieren entweder als beschreibende Grafiken oder Nachrichtenindikatoren. Verwenden Sie diese Bilder selten und nur bei Bedarf, um ein schwieriges Konzept zu veranschaulichen oder die Aufmerksamkeit des Benutzers auf etwas zu lenken (Warnungen).

  • Animierte Bilder: Diese Bilder werden in Fortschrittsindikatoren, Statusleisten und Dialogfeldern zu Vorgängen verwendet.

  • Cursor. Diese Bilder werden verwendet, um mithilfe des Mauszeigers anzugeben, ob ein Vorgang zulässig ist, wo ein Objekt gelöscht werden kann und mehr.

Symboldesign

Visual Studio nutzt moderne Symbole mit einer sauberen Geometrie und einem 50/50-Gleichgewicht aus positiven/negativ Kontrast (hell/dunkel). Außerdem werden direkte und leicht verständliche Metaphern verwendet. Zu den wichtigen Aspekten des Symbolentwurfs gehören Klarheit, Vereinfachung und Kontext.

  • Klarheit: Konzentrieren Sie sich auf die zugrunde liegende Bedeutung und Individualität des Symbols.

  • Vereinfachung: Reduzieren Sie das Symbol auf die Kernbedeutung, versuchen Sie, nur die notwendigen Elemente zu verwenden, um die Bedeutung zu verbildlichen.

  • Kontext: Berücksichtigen Sie alle Aspekte der Rolle eines Symbols während der Konzeptionierung. Dies ist insbesondere bei der Auswahl der Elemente wichtig, die die Bedeutung des Symbols bilden.

    Beim Entwerfen von Symbolen gibt es einige Punkte, die Sie vermeiden sollten:

  • Verwenden Sie keine Symbole, die für Benutzeroberflächenelemente stehen, es sei denn, Sie haben guten Grund dazu. Wählen Sie einen abstrakteren oder symbolischen Ansatz, wenn das Benutzeroberflächenelement weder gängig noch offensichtlich oder eindeutig ist.

  • Verwenden Sie gängige Elemente wie Dokumente, Ordner, Pfeile und Lupen nicht übermäßig. Verwenden Sie solche Elemente nur, wenn sie für die Bedeutung des Symbols unerlässlich sind. Beispielsweise sollte die nach rechts ausgerichteten Lupen nur für Suchvorgänge verwendet werden.

  • Obwohl einige alte Symbolelemente die Verwendung von Perspektiven beibehalten, sollten Sie keine neuen Symbole mit Perspektive erstellen, es sei denn, die Bedeutung des Elements ist andernfalls undeutlich.

  • Packen Sie nicht zu viele Informationen in ein Symbol. Ein einfaches Bild, das ein leicht zu erkennendes Symbol darstellt, ist viel nützlicher als ein übermäßig komplexes Bild. Ein Symbol kann nicht alle Informationen enthalten.

Symbolerstellung

Konzeptionierung

Visual Studio verfügt über eine Vielzahl an Symboltypen in der Benutzeroberfläche. Berücksichtigen die Art des Symbols während der Entwicklung. Verwenden Sie keine unklaren oder ungewöhnlichen Benutzeroberflächenobjekte für Ihre Symbolelemente. Entscheiden Sie sich in diesen Fällen für die symbolische Bedeutung wie im unten gezeigten Symbol für Smarttags. Beachten Sie, dass die Bedeutung des abstrakten Etiketts auf der linken Seite offensichtlicher als die undeutliche, auf der Benutzeroberfläche basierende Version rechts ist:

Korrekte Verwendung symbolischer Bilder Falsche Verwendung symbolischer Bilder
Correct Smart Tag icon Incorrect Smart Tag icon

Es gibt Fälle, in denen herkömmliche, einfach erkennbare Benutzeroberflächenelemente sich für Symbole eignen. „Fenster hinzufügen“ ist ein Beispiel hierfür:

Korrekte Verwendung eines Benutzeroberflächenelements für ein Symbol Falsche Verwendung eines Benutzeroberflächenelements für ein Symbol
Correct Add Window icon Incorrect Add Window icon

Verwenden Sie kein Dokumentsymbol als Basiselement, es sei denn, es ist für die Bedeutung des Symbols wichtig. Ohne das Dokumentelement für „Dokument hinzufügen“ (siehe unten) geht die Bedeutung verloren. Für eine Funktion wie „Aktualisieren“ ist das Dokumentelement jedoch nicht für die Bedeutung notwendig.

Korrekte Verwendung des Dokumentsymbols Falsche Verwendung des Dokumentsymbols
Correct Document icon Incorrect Document icon

Das Konzept von „Anzeigen“ sollte mit einem Symbol dargestellt werden, das am besten veranschaulicht, was angezeigt wird. „Alle Dateien anzeigen“ ist ein gutes Beispiel hierfür. Eine Vergrößerungsmetapher kann bei Bedarf dazu verwenden werden, das Konzept einer „Ansicht“ zu verdeutlichen. Dies wird im Beispiel „Ressourcenansicht“ veranschaulicht.

„Anzeigen“ „Ansicht“
Show icon View icon

Das nach rechts zeigende Lupensymbol sollte nur für Suchvorgänge verwendet werden. Die nach links zeigende Variante mit einem Plus- oder Minuszeichen sollte nur für Funktionen zum Vergrößern und Verkleinern verwendet werden.

„Suche“ „Zoomen“
Search icon Zoom icon

Verwenden Sie für Strukturansichten nicht gleichzeitig ein Ordnersymbol und einen Modifizierer. Verwenden Sie nach Möglichkeit nur den Modifizierer.

Richtige Strukturansichtssymbole Falsche Strukturansichtssymbole
Correct tree view icon (1)Correct tree view icon (2) Incorrect tree view icon (1)Incorrect tree view icon (2)

Informationen zum Stil

Layout

Stapeln Sie Elemente für 16x16-Standardsymbole wie im Folgenden gezeigt:

Layout stack for 16x16 icons
Layoutstack für 16x16-Symbole

Elemente für Statusbenachrichtigungen eignen sich besser als eigenständige Symbole. Es gibt jedoch Kontexte, in denen eine Benachrichtigung auf das Basiselement gestapelt werden sollte, z. B. das Symbol „Aufgabe abgeschlossen“:

Standalone notifications in Visual Studio
Eigenständige Benachrichtigungssymbole

Task complete icon
Symbol für abgeschlossene Aufgabe

Bei Projektsymbolen handelt es sich in der Regel um ICO-Dateien, die mehrere Größen enthalten. Die meisten 16x16-Symbole enthalten dieselben Elemente. Die 32x32-Versionen sind detailreicher und umfassen in geeigneten Fällen den Projekttyp.

Project icons in Visual Studio
16x16- und 32x32-Symbole für VB-Windows-Steuerelementbibliothek-Projekte

Zentrieren Sie das Symbol im Pixelrahmen. Wenn das nicht möglich ist, richten Sie das Symbol am oberen und/oder rechten Rand des Rahmens aus.

Icon centered within the pixel frame
Innerhalb des Pixelframes zentriertes Symbol

Icon aligned to top right of pixel frame
Oben rechts am Rahmen ausgerichtetes Symbol

Icon centered and aligned to top of pixel frame
Am oberen Rand des Rahmens ausgerichtetes und zentriertes Symbol

Zum Erzielen einer idealen Ausrichtung und eines Gleichgewichts, sollten Sie vermeiden, das Grundelement eines Symbols mit Aktionsglyphen zu verdecken. Platzieren Sie die Glyphe in die obere linke Ecke das Basiselements. Achten Sie auf die Ausrichtung und das Gleichgewicht des Symbols, wenn Sie ein zusätzliches Element hinzufügen.

Richtige Ausrichtung und Gleichgewicht Falsche Ausrichtung und Gleichgewicht
Correct icon balance and alignment Incorrect icon balance and alignment

Stellen Sie sicher, dass Symbole, die die gleichen Elemente nutzen und in Gruppen verwendet werden, die gleichen Größen aufweisen. Beachten Sie, dass der Kreis und der Pfeil bei den fehlerhaften Beispielen zu groß sind und nicht übereinstimmen.

Richtige Gleichheit der Größen Fehlende Gleichheit der Größen
Correct icon size and parity Incorrect icon size and parity

Nutzen Sie konsistente Linien und visuelle Gewichtungen. Vergleichen Sie das Symbol, das Sie erstellen, mit anderen Symbolen. Verwenden Sie nie den gesamten 16x16-Rahmen, verwenden Sie stattdessen 15x15 oder kleinere Flächen. Das Verhältnis von heller zu dunkler Fläche sollte 50/50 sein.

Richtiges Verhältnis Falsches Verhältnis
Correct visual weight for icons (1)

Correct visual weight for icons (2)

Correct visual weight for icons (3)
Incorrect visual weight for icons

Verwenden Sie einfache, vergleichbare Formen und komplementäre Winkel, um Ihre Elemente zu erstellen, ohne die Elementintegrität zu vernachlässigen. Verwenden Sie nach Möglichkeit Winkel von 45° oder 90°.

Correct icon angles

Perspektive

Das Symbol sollte klar und verständlich sein. Verwenden Sie Perspektiven und Lichtquellen nur, wenn es erforderlich ist. Zwar sollten Sie Perspektiven für Symbolelemente vermeiden, jedoch sind manche Elemente ohne Perspektive nicht erkennbar. In solchen Fällen unterstützt eine stilisierte Perspektive die Klarheit des Elements.

3-point perspective
3-Punkt-Perspektive

1-point perspective
1-Punkt-Perspektive

Die meisten Elemente sollten nach rechts zeigen oder ausgerichtet sein:

Icons angled right

Verwenden Sie Lichtquellen nur, wenn Sie einem Objekt dadurch die erforderliche Klarheit verleihen.

Richtige Verwendung von Lichtquellen Falsche Verwendung von Lichtquellen
Correct light sources for icons Incorrect light sources for icons

Verwenden Sie Konturen nur, um die Lesbarkeit zu verbessern oder die Bedeutung zu verdeutlichen. Das Verhältnis von heller zu dunkler Fläche sollte 50/50 sein.

Richtige Verwendung von Konturen Falsche Verwendung von Konturen
Correct outlines Incorrect outlines

Symboltypen

Shell- und Befehlsleistensymbole bestehen aus nicht mehr als drei der folgenden Elemente: ein Basiselement, ein Modifizierer, eine Aktion und ein Statuselement.

Examples of shell and command bar icons
Beispiele für Shell- und Befehlsleistensymbole

Toolfenster-/Befehlsleistensymbole bestehen aus nicht mehr als drei der folgenden Elemente: ein Basiselement, ein Modifizierer, eine Aktion und ein Statuselement.

Examples of tool window command bar icons
Beispiele für Toolfenster-/Befehlsleistensymbole

Strukturansichtssymbole zur Begriffserklärung bestehen aus nicht mehr als drei der folgenden Elemente: ein Basiselement, ein Modifizierer, eine Aktion und ein Statuselement.

Examples of tree view disambiguator icons
Beispiele für Strukturansichtssymbole zur Begriffserklärung

Symbole für die zustandsbasierte Wertklassifizierung stehen in den folgenden Zuständen zur Verfügung: „aktiv“, „aktiv deaktiviert“ und „inaktiv deaktiviert“.

Examples of state-based value taxonomy icons
Beispiele für Symbole für die zustandsbasierte Wertklassifizierung

IntelliSense-Symbole bestehen aus nicht mehr als drei der folgenden Elemente: ein Basiselement, ein Modifizierer und ein Statuselement.

Examples of IntelliSense icons
Beispiele für IntelliSense-Symbole

Kleine Projektsymbole (16x16) sollten nicht mehr als zwei Elemente enthalten: ein Basiselement und einen Modifizierer.

Examples of small (16x16) project icons16x16 project icon (2)16x16 project icon (3)
Beispiele für kleine Projektsymbole (16x16)

Große Projektsymbole (32x32) bestehen aus nicht mehr als vier der folgenden Elemente: ein Basiselement, ein bis zwei Modifizierer und eine Sprachüberlagerung.

Examples of large (32x32) project icons
Beispiele für große Projektsymbole (32x32)

Informationen zur Produktion

Alle neuen Benutzeroberflächenelemente sollten mit Windows Presentation Foundation (WPF) erstellt werden, und alle neuen Symbole für WPF sollten das 32-Bit-PNG-Format aufweisen. Das 24-Bit-PNG-Format ist veraltet und unterstützt die Transparenz nicht. Daher wird von diesem Format für Symbole abgeraten.

Speichern Sie die Auflösung mit 96 DPI.

Dateitypen

  • 32-Bit-PNG: Dies ist das bevorzugte Format für Symbole. Hierbei handelt es sich um ein Dateiformat zur verlustfreien Datenkomprimierung, das ein einzelnes Rasterbild (Pixel) speichern kann. 32-Bit-PNG-Dateien unterstützen Alphakanaltransparenz, Gammakorrektur und das Zeilensprungverfahren.

  • 32-Bit-BMP: Dies ist ein Format für Steuerelemente, die nicht für WPF vorgesehen sind. Das 32-Bit-BMP-Format ist ein RGB/A-Bildformat, ein Echtfarbenbild mit Alphakanaltransparenz. Der Alphakanal ist eine in Adobe Photoshop designierte transparente Ebene, die dann als zusätzlicher (vierter) Farbkanal in der Bitmap gespeichert wird. Während der Erstellung der Grafik wird allen 32-Bit-BMP-Dateien ein schwarzer Hintergrund hinzugefügt, um schnell einen visuellen Hinweis für die Farbtiefe bereitzustellen. Dieser schwarze Hintergrund stellt die Fläche dar, die in der Benutzeroberfläche ausgeblendet werden soll.

  • 32-Bit-ICO: Dies ist ein Format für Projektsymbole und zum Hinzufügen von Elementen. Alle ICO-Dateien sind 32-Bit-Echtfarbenbilder mit Alphakanaltransparenz (RGB/A). Da ICO-Dateien mehrere Größen und Farbtiefen speichern können, weisen Vista-Symbole oft ein ICO-Format mit Bildgrößen von 16x16, 32x32, 48x48 und 256x256 auf. Damit ICO-Dateien ordnungsgemäß in Windows Explorer angezeigt werden, müssen ICO-Dateien mit 24-Bit- und 8-Bit-Farbtiefen für jede Bildgröße gespeichert werden.

  • XAML: Dies ist ein Format für Entwurfsoberflächen und Adorner-Elemente für Windows. XAML-Symbole sind vektorbasierte Bilddateien, die Skalierung, Rotation, Dateispeicherung und Transparenz unterstützen. XAML-Symbole werden derzeit nicht häufig in Visual Studio verwendet, jedoch werden sie aufgrund ihrer Flexibilität immer beliebter.

  • SVG

  • 24-Bit-BMP: Dies ist ein Format für die Visual Studio-Befehlsleiste. Hierbei handelt es sich um ein Echtfarben-RGB-Bildformat. 24-Bit-BMP stellt eine Symbolkonvention dar, bei der eine leicht erkennbare transparente Ebene mit Magenta (R=255, G=0, B=255) als Transparenzfarbe erstellt wird. Im 24-Bit-BMP-Format werden alle magentafarbenen Flächen mit der Hintergrundfarbe dargestellt.

  • 24-Bit-GIF: Dies ist ein Format für die Visual Studio-Befehlsleiste. Hierbei handelt es sich um ein Echtfarben-RGB-Bildformat, das Transparenz unterstützt. GIF-Dateien werden häufig für Grafiken in Assistenten und für GIF-Animationen verwendet.

Symbolerstellung

Die kleinste Symbolgröße in Visual Studio ist 16x16. Die größte häufig verwendete Symbolgröße ist 32x32. Denken Sie daran, nicht den gesamten 16x16-, 24x24- oder 32x32-Rahmen zu füllen, wenn Sie ein Symbol entwerfen. Eine erkennbare, einheitliche Symbolerstellung ist entscheidend dafür, dass Benutzer die Symbole erkennen. Halten Sie sich beim Erstellen von Symbolen an die folgenden Richtlinien.

  • Symbole sollten klar, verständlich und konsistent sein.

  • Es ist besser, die Statusbenachrichtigungselemente als einzelne Symbole zu verwenden, anstatt diese auf ein Basiselement eines Symbols zu stapeln. In gewissen Kontexten erfordert die Benutzeroberfläche möglicherweise, dass das Statuselement mit einem Basiselement verknüpft wird.

  • Bei Projektsymbolen handelt es sich in der Regel um ICO-Dateien, die mehrere Größen enthalten. Nur die 16x16-, 24x24- und 32x32-Symbole werden aktualisiert. Die meisten 16x16- und 24x24-Symbole enthalten dieselben Elemente. Die 32x32-Versionen sind detailreicher und umfassen in geeigneten Fällen sie Sprache für das Projekt.

  • Für 32x32-Symbole verfügen die Basiselemente in der Regel eine Linienstärke von zwei Pixeln. Eine Linienstärke von einem oder zwei Pixeln kann für detaillierte Elemente verwendet werden. Entscheiden Sie nach bestem gewissen, was sich am besten eignet.

  • Es sollte mindestens ein Abstand von einem Pixel zwischen Elementen für 16x16- und 24x24-Symbole bestehen. Verwenden Sie für 32x32-Symbole einen Abstand von zwei Pixeln zwischen Elementen sowie zwischen dem Modifizierer und dem Basiselement.

    Element spacing for icons sized 16x16, 24x24, and 32x32
    Elementabstand für Symbole der Größen 16x16, 24x24 und 32x32

Farben und Barrierefreiheit

Gemäß der Konformitätsrichtlinien von Visual Studio ist erforderlich, dass alle Symbole im Produkt die Barrierefreiheitsanforderungen für Farben und Kontraste einhalten. Dies wird durch eine Inversion des Symbols erzielt. Beim Entwerfen des Symbols sollten Sie also berücksichtigen, dass es im Produkt programmgesteuert invertiert wird.

Weitere Informationen zur Verwendung von Farben in Symbolen für Visual Studio finden Sie unter Verwenden von Farben in Bildern.

Verwenden von Farben in Bildern

Symbole in Visual Studio sind hauptsächlich monochromatisch. Die Farbe soll spezifische Informationen vermitteln und gilt nie nur zur Dekoration. Farbe wird für folgende Zwecke verwendet:

  • Zum Angeben einer Aktion

  • Zum Benachrichtigen des Benutzers über eine Statusbenachrichtigung

  • Zum Angeben der Sprache

  • Zum Unterscheiden von Elementen in IntelliSense

Zugriff

Gemäß der Konformitätsrichtlinien von Visual Studio ist erforderlich, dass alle zum Produkt hinzugefügten Symbole die Barrierefreiheitsanforderungen für Farben und Kontraste einhalten. Die Farben in der visuellen Sprachpalette wurden getestet und erfüllen diese Anforderungen.

Farbinversion für dunkle Designs

Damit Symbole mit dem richtigen Kontrastverhältnis im dunklen Design von Visual Studio angezeigt werden, wird eine programmgesteuerte Inversion angewendet. Die in diesem Handbuch veranschaulichten Farben wurden zum Teil aus dem Grund ausgewählt, dass sie ordnungsgemäß invertiert werden. Begrenzen Sie die Farben, die Sie verwenden, auf diese Palette. Andernfalls können Sie unvorhersehbare Ergebnisse erhalten, wenn die Inversion angewendet wird.

Examples of icons that have had their colors inverted
Beispiele für Symbole mit invertierten Farben

Basispalette

Alle Standardsymbole enthalten drei Grundfarben. Symbole enthalten mit Ausnahme von ein oder zwei Symbolen für 3D-Tools keine Farbverläufe oder Schlagschatten.

Verbrauch Name Helligkeit (Helles Design) Muster Beispiel
Hintergrund/Dunkel VS BG 424242 / 66,66,66 Swatch 424242 Base palette example
Vordergrund/Hell VS FG F0EFF1 / 240,239,241 Swatch F0EFF1
Gliederung VS Out F6F6F6 / 246,246,246 Swatch F6F6F6

Zusätzlich zu den Grundfarben kann jedes Symbol eine zusätzliche Farbe aus der erweiterten Palette enthalten.

Erweiterte Palette

Aktionsmodifizierer

Die vier unten gezeigten Farben geben die Arten von Aktionen an, die von Aktionsmodifizierern benötigt werden:

Verbrauch Name Helligkeit (alle Designs) Muster
Positiv VS Action Green 388A34 / 56,138,52 Swatch 388A34
Negativ VS Action Red A1260D / 161,38,13 Swatch A1260D
Neutral VS Action Blue 00539C / 0,83,156 Swatch 00539C
Erstellen/Neu VS Action Orange C27D1A / 194,156,26 Swatch C27D1A
Beispiele

Grün wird für positive Aktionsmodifizierer wie „Hinzufügen“, „Ausführen“, „Abspielen“ und „Überprüfen“ verwendet.

Ausführung Abfrage ausführen Alle Schritte wiedergeben Steuerelement hinzufügen
Run icon Execute query icon Play all steps icon Add control icon

Rot wird für negative Aktionsmodifizierer wie „Löschen“, „Beenden“, „Abbrechen“ und „Schließen“ verwendet.

Beziehung löschen Spalte löschen Abfrage beenden Verbindung offline
Delete relationship icon Delete column icon Stop query icon Connection offline icon

Blau wird für neutrale Aktionsmodifizierer verwendet, die in den meisten Fällen mit Pfeilen dargestellt werden, z. B. „Öffnen“, „Weiter“, „Zurück“, „Importieren“ und „Exportieren“.

Gehe zu Feld Im Batch einchecken Adress-Editor Zuordnungs-Editor
Go to field icon Batched check-in icon Address editor icon Association editor icon

Dunkelgold wird hauptsächlich für den Modifizierer „Neu“ verwendet.

Neues Projekt Neues Diagramm erstellen Neuer Komponententest Neues Listenelement
New project icon Create new graph icon New unit test icon New list item icon

Sonderfälle

In besonderen Fällen kann ein farbiger Aktionsmodifizierer unabhängig als eigenständiges Symbol verwendet werden. Die für das Symbol verwendete Farbe stellt die Aktionen dar, mit denen das Symbol in Verbindung steht. Diese Verwendung ist auf eine kleine Teilmenge von Symbolen beschränkt, einschließlich:

Ausführung Beenden Löschen Speichern Rückwärts navigieren
Run icon Stop icon - Solid red square. Delete icon Save icon Navigate back icon

Codehierarchiepalette

Ordner

Verbrauch Name Helligkeit (alle Designs) Muster Beispiel
Ordner Ordner DCB67A / 220,182,122 Swatch DCB67A Folder color icon

Visual Studio-Sprachen

Allen gängigen in Visual Studio verfügbaren Sprachen oder Plattformen ist eine Farbe zugeordnet. Diese Farben werden für das Basissymbol oder für Sprachmodifizierer verwendet, die in der oberen rechten Ecke von zusammengesetzten Symbolen angezeigt werden.

Verbrauch Name Helligkeit (alle Designs) Muster
ASP, HTML, WPF ASP HTML WPF Blue 0095D7 / 0,149,215 Swatch 0095D7
C++ CPP Purple 9B4F96 / 155,79,150 Swatch 9B4F96
C# CS Green (VS Action Green) 388A34 / 56,138,52 Swatch 388A34
CSS CSS Red BD1E2D / 189,30,45 Swatch BD1E2D
F# FS Purple 672878 / 103,40,120 Swatch 672878
JavaScript JS Orange F16421 / 241,100,33 Swatch F16421
VB VB Blue (VS Action Blue) 00539C / 0,83,156 Swatch 00539C
TypeScript TS Orange E04C06 / 224,76,6 Swatch E04C06
Python PY Green 879636 / 135,150,54 Swatch 879636
Beispiele für Symbole mit Sprachmodifizierern
VB C# C++ F# JavaScript Python
Visual Basic icon C# icon C++ icon F# icon JavaScript icon Python icon
HTML WPF ASP CSS TypeScript
HTML icon
HTML
WPF icon
WPF
ASP icon
ASP
CSS icon
CSS
TypeScript icon
TypeScript

IntelliSense

IntelliSense-Symbole nutzen eine exklusive Farbpalette. Diese Farben werden dazu verwendet, Benutzer dabei zu helfen, schnell zwischen verschiedenen Elementen in der IntelliSense-Pop-Up-Liste zu unterscheiden.

Verbrauch Name Helligkeit (alle Designs) Muster
Klassen, Ereignisse VS Action Orange C27D1A / 194,125,26 Swatch C27D1A
Erweiterungsmethoden, Methoden, Module, Delegate VS Action Purple 652D90 / 101,45,144 Swatch 652D90
Felder, Enum-Elemente, Makros, Strukturen, Union-Werttypen, Operatoren, Schnittstellen VS Action Blue 00539C / 0,83,156 Swatch 00539C
Object VS Action Green 388A34 / 56,138,52 Swatch 388A34
Konstanten, Ausnahmen, Enum-Elemente, Zuordnungen, Zuordnungselemente, Namespaces, Vorlagen, Typdefinitionen Background (VS BG) 424242 / 66,66,66 Swatch 424242
Beispiele für IntelliSense-Symbole
Klasse Privates Ereignis Delegieren Friend-Methode Feld
IntelliSense class icon IntelliSense private event icon IntelliSense delegate icon IntelliSense method friend icon Field icon
Geschütztes Enum-Element Object Vorlage Ausnahmeverknüpfung
IntelliSense protected enum item icon IntelliSense object icon IntelliSense template icon IntelliSense exception shortcut icon

Benachrichtigungen

Benachrichtigungen in Visual Studio werden zum Angeben des Status verwendet. Die Farbpalette für Benachrichtigungen enthält die folgenden vier Farben, einschließlich der Optionen zum Füllen des Vordergrunds mit Schwarz oder Weiß, um Benachrichtigungen mit den folgenden Status zu definieren.

Verbrauch Name Helligkeit (alle Designs) Muster
Status: Neutral Notification Blue (VS Blue) 1BA1E2 / 27,161,226 Swatch 1BA1E2
Status: Positiv Notification Green (VS Green) 339933 / 51,153,51 Swatch 339933
Status: Negativ Notification Red (VS Red) E51400 / 229,20,0 Swatch E51400
Status: Warnung Notification Yellow (VS Orange) FFCC00 / 255,204,0 Swatch FFCC00
Füllen des Vordergrunds Notification Black (Black) 000000 / 0,0,0 Swatch #000000
Füllen des Vordergrunds Notification White (White) FFFFFF / 255,255,255 Swatch FFFFFF

Beispiele für Benachrichtigungssymbole

Warnung Warnung Abgeschlossen Beenden
Alert icon Warning icon Complete icon Stop icon - Solid red circle with a white square in the center.