32-Bit-PNG: Dies ist das bevorzugte Format für Symbole.32-bit PNG: the preferred format for icons. Status notification elements are better used as standalone icons. The emblem featured orange and yellow as the main colors and green and blue as the additional ones. Entscheiden Sie nach bestem gewissen, was sich am besten eignet.Use your best judgment to determine which is more suitable. Visual Studio 2017 icon (left) and the new Visual Studio 2019 icon (right) The first change you might notice is the refresh of our product and preview icons. Alle ICO-Dateien sind 32-Bit-Echtfarbenbilder mit Alphakanaltransparenz (RGB/A).All ICO files are 32-bit true color with alpha-channel transparency (RGB/A). The first version of the Visual Studio logo was an infinity sign with a bold “X” in its center. Weitere Informationen zur Verwendung von Farben in Symbolen für Visual Studio finden Sie unter Verwenden von Farben in Bildern.For more information on using color in Visual Studio icons, see Using color in images. Entscheiden Sie nach bestem gewissen, was sich am besten eignet. Don't use a document as a base element unless it is essential to the icon's meaning. 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.The notification palette uses the following four colors, as well as black or white foreground fill options, to define notifications with the following status levels. Die in diesem Handbuch veranschaulichten Farben wurden zum Teil aus dem Grund ausgewählt, dass sie ordnungsgemäß invertiert werden. Note that in the incorrect pairing, the circle and arrow are oversized and don't match. Datum: 7. Pair programming, code reviews, and more made easy with shared servers, terminals, diffs, and comments. Symbole enthalten mit Ausnahme von ein oder zwei Symbolen für 3D-Tools keine Farbverläufe oder Schlagschatten. In a 24-bit BMP, all magenta surfaces are displayed using the background color. Beachten Sie, dass die Bedeutung des abstrakten Etiketts auf der linken Seite offensichtlicher als die undeutliche, auf der Benutzeroberfläche basierende Version rechts ist:Note that the meaning of the abstract tag on the left is more obvious than the vague, UI-based version on the right: Es gibt Fälle, in denen herkömmliche, einfach erkennbare Benutzeroberflächenelemente sich für Symbole eignen.There are instances in which standard, easily recognizable UI elements do work well for icons. Klarheit: Konzentrieren Sie sich auf die zugrunde liegende Bedeutung und Individualität des Symbols.Clarity: focus on the core metaphor that gives an icon its meaning and individuality. The smooth rounded emblem was changed to a modern angular one in 2012. For example, the right-facing magnifying glass should indicate only Search, Browse, and Find. The software was released in 2019 and is available in 13 languages, supporting more than 30 programming languages. Die aktuelle Version 16 für Windows (Visual Studio 2019) unterstützt Visual Basic .NET, C, C++, C++/CLI, C++/CX, C#, F#, SQL Server, TypeScript und Python sowie HTML, JavaScript und CSS für die Entwicklung von Webanwendungen, Windows-Desktop- und Windows-Store-Apps. Diese Farben werden für das Basissymbol oder für Sprachmodifizierer verwendet, die in der oberen rechten Ecke von zusammengesetzten Symbolen angezeigt werden. Stapeln Sie Elemente für 16x16-Standardsymbole wie im Folgenden gezeigt:Stack elements as shown for standard 16x16 icons: Layoutstack für 16x16-SymboleLayout stack for 16x16 icons. 32-Bit-ICO: Dies ist ein Format für Projektsymbole und zum Hinzufügen von Elementen.32-bit ICO: for Project icons and Add Item. 32-Bit-PNG-Dateien unterstützen Alphakanaltransparenz, Gammakorrektur und das Zeilensprungverfahren. Visual Studio nutzt moderne Symbole mit einer sauberen Geometrie und einem 50/50-Gleichgewicht aus positiven/negativ Kontrast (hell/dunkel). Most 16x16 and 24x24 icons will contain the same elements. Visual Studio logo vectors. AI-assisted development IntelliCode suggestions . English: Logo of Microsoft Visual Studio 2017. The libraries for Visual Studio 2012, Visual Studio 2013, Visual Studio 2015, Visual Studio 2017, and Visual Studio 2019 are available and each library contains over thousands of images which can be used to create … Project icons are typically .ico files that contain multiple sizes. In addition to the base colors, each icon may contain one additional color from the extended palette. Download this free icon in SVG, PSD, PNG, EPS format or as webfonts. Die kleinste Symbolgröße in Visual Studio ist 16x16. Symbole für die zustandsbasierte Wertklassifizierung stehen in den folgenden Zuständen zur Verfügung: „aktiv“, „aktiv deaktiviert“ und „inaktiv deaktiviert“.State-based value taxonomy icons exist in the following states: active, active disabled, and inactive disabled. Wählen Sie einen abstrakteren oder symbolischen Ansatz, wenn das Benutzeroberflächenelement weder gängig noch offensichtlich oder eindeutig ist.Choose a more abstract or symbolic approach when the UI element is neither common, evident, nor unique. Although using perspective on icon elements should be avoided, some elements are unrecognizable without it. Farbe wird für folgende Zwecke verwendet:Color is used: Zum Angeben einer Aktionto indicate an action, Zum Benachrichtigen des Benutzers über eine Statusbenachrichtigungto alert the user to a status notification, Zum Angeben der Spracheto designate language affiliation, Zum Unterscheiden von Elementen in IntelliSenseto differentiate items within IntelliSense. 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. Used to indicate whether an operation is allowed using the mouse, where an object may be dropped, and so on. This article describes how to use Visual Studio and Microsoft Paint to create icons for your Windows app starting with an existing bitmap. Die meisten 16x16-Symbole enthalten dieselben Elemente.Most 16x16 icons contain the same elements. Beispiele für Toolfenster-/BefehlsleistensymboleExamples of tool window command bar icons. XAML-Symbole werden derzeit nicht häufig in Visual Studio verwendet, jedoch werden sie aufgrund ihrer Flexibilität immer beliebter. Use outlines only to enhance legibility or to better communicate the metaphor. Zusätzlich zu den Grundfarben kann jedes Symbol eine zusätzliche Farbe aus der erweiterten Palette enthalten. Elemente für Statusbenachrichtigungen eignen sich besser als eigenständige Symbole.Status notification elements are better used as standalone icons. Zentrieren Sie das Symbol im Pixelrahmen.Center an icon within its pixel frame. Das Konzept von „Anzeigen“ sollte mit einem Symbol dargestellt werden, das am besten veranschaulicht, was angezeigt wird. Das 32-Bit-BMP-Format ist ein RGB/A-Bildformat, ein Echtfarbenbild mit Alphakanaltransparenz.Also called XP or high color, 32-bit BMP is an RGB/A image format, a true-color image with an alpha-channel transparency. NOTE: I am using Tech-Pro’s logo with permission. Beachten Sie, dass der Kreis und der Pfeil bei den fehlerhaften Beispielen zu groß sind und nicht übereinstimmen. The negative-to-positive (dark-to-light) ratio should be 50/50. XAML: Dies ist ein Format für Entwurfsoberflächen und Adorner-Elemente für Windows.XAML: for design surfaces and Windows adorners. Speichern Sie die Auflösung mit 96 DPI.Save the resolution at 96 DPI. Die 32x32-Versionen sind detailreicher und umfassen in geeigneten Fällen den Projekttyp. The color palette was changed to gradient blue and purple, which added a classy feeling to the logo. Visual Studio uses modern-style icons, which have clean geometry and a 50/50 balance of positive/negative (light/dark), and use direct, understandable metaphors. We've reviewed all of the feedback from the breadth of issues opened and commented upon since we released 1.17.0 where we introduced the orange icon for Stable. Vergleichen Sie das Symbol, das Sie erstellen, mit anderen Symbolen. Use simple, comparable shapes and complementary angles to build your elements without sacrificing element integrity. In tree views, do not use both the folder icon and a modifier. As I remember, I was able to upload PNG file directly to somewhere a year ago, when I was still learning building Visual Studio application. Diese Farben werden für das Basissymbol oder für Sprachmodifizierer verwendet, die in der oberen rechten Ecke von zusammengesetzten Symbolen angezeigt werden.These colors are used on the base icon, or on language modifiers that appear in the upper right corner of compound icons. Beachten Sie, dass der Kreis und der Pfeil bei den fehlerhaften Beispielen zu groß sind und nicht übereinstimmen.Note that in the incorrect pairing, the circle and arrow are oversized and don't match. Für 32x32-Symbole verfügen die Basiselemente in der Regel eine Linienstärke von zwei Pixeln.For 32x32 icons, the base elements generally have a 2-pixel line weight. Hierbei handelt es sich um kleine Bilder, die in Befehlen, Hierarchien, Vorlagen und mehr angezeigt werden. Zum Erzielen einer idealen Ausrichtung und eines Gleichgewichts, sollten Sie vermeiden, das Grundelement eines Symbols mit Aktionsglyphen zu verdecken. Elementabstand für Symbole der Größen 16x16, 24x24 und 32x32, Element spacing for icons sized 16x16, 24x24, and 32x32. Never use the entire 16x16 frame, use 15x15 or smaller. Evaluate how the icon you are building compares to other icons by using a side-by-side comparison. Hierbei handelt es sich um ein Echtfarben-RGB-Bildformat. In besonderen Fällen kann ein farbiger Aktionsmodifizierer unabhängig als eigenständiges Symbol verwendet werden.In special cases, a colored action modifier may be used independently as a standalone icon. „Alle Dateien anzeigen“ ist ein gutes Beispiel hierfür.The concept of "show" should be represented by the icon which best illustrates what is being shown, such as with the Show All Files example. Enjoy collaborative editing and debugging in real-time. Der Alphakanal ist eine in Adobe Photoshop designierte transparente Ebene, die dann als zusätzlicher (vierter) Farbkanal in der Bitmap gespeichert wird. Vom Bilddienst erstellte Symbole generieren automatisch das XAML-Format für HDPI-Unterstützung. Verwenden Sie nie den gesamten 16x16-Rahmen, verwenden Sie stattdessen 15x15 oder kleinere Flächen. All standard icons contain three base colors. Begrenzen Sie die Farben, die Sie verwenden, auf diese Palette. Bei Projektsymbolen handelt es sich in der Regel um ICO-Dateien, die mehrere Größen enthalten.Project icons are typically .ico files that contain multiple sizes. Beispiele für Shell- und BefehlsleistensymboleExamples of shell and command bar icons. Zwar sollten Sie Perspektiven für Symbolelemente vermeiden, jedoch sind manche Elemente ohne Perspektive nicht erkennbar. Icons produced by the image service automatically generate the XAML format for HDPI support. Bilder werden zwar im Menüsystem verwendet, jedoch sollten Sie nicht für jeden Befehl ein Symbol erstellen.While images are used in the menu system, you should not create an icon for every command. You can download in .AI, .EPS, .CDR, .SVG, .PNG formats. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Kontext: Berücksichtigen Sie alle Aspekte der Rolle eines Symbols während der Konzeptionierung. Licensing . Animierte Bilder:Animated images. 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.A black background is added during artwork production to all 32-bit BMP files to provide a quick visual cue about the color depth. Colors in the visual language palette have been tested and meet these requirements. Dies wird im Beispiel „Ressourcenansicht“ veranschaulicht.A lens metaphor may be used to indicate the concept of "view" if necessary, such as with the Resource View example. Elementabstand für Symbole der Größen 16x16, 24x24 und 32x32Element spacing for icons sized 16x16, 24x24, and 32x32. Symbole sollten klar, verständlich und konsistent sein.Icons should be clear, understandable, and consistent. Verwenden Sie für Strukturansichten nicht gleichzeitig ein Ordnersymbol und einen Modifizierer.In tree views, do not use both the folder icon and a modifier. Ohne das Dokumentelement für „Dokument hinzufügen“ (siehe unten) geht die Bedeutung verloren. Daher wird von diesem Format für Symbole abgeraten. The first version of the Visual Studio logo was an infinity sign with a bold “X” in its center. Packen Sie nicht zu viele Informationen in ein Symbol. These colors are used to help users quickly distinguish between the different items in the IntelliSense popup list. Kleine Projektsymbole (16x16) sollten nicht mehr als zwei Elemente enthalten: ein Basiselement und einen Modifizierer.Small (16x16) project icons should have no more than two elements: one base and one modifier. Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. A simple image that can be easily recognized or learned as a recognizable symbol is much more useful than an overly complex image. Hierbei handelt es sich um ein Echtfarben-RGB-Bildformat. Choose a more abstract or symbolic approach when the UI element is neither common, evident, nor unique. Denken Sie daran, nicht den gesamten 16x16-, 24x24- oder 32x32-Rahmen zu füllen, wenn Sie ein Symbol entwerfen.Keep in mind not to fill up the entire 16x16, 24x24, or 32x32 frame when designing an icon. The final build of Visual Studio 2012 was announced on 1 August 2012 and the official launch event was held on 12 September 2012. We work on improving our icons for each release of Visual Studio so that you can quickly spot which version of Visual Studio you’re opening and using. Als beschreibende Grafiken oder Nachrichtenindikatoren used independently as a base element dark-light ) should... 16X16, 24x24, and 32x32 icons, the circle and arrow are oversized and do n't use icons signify... And 8-bit color depths for each image size in order to display properly in Windows,! Guidelines require that all icons in the preview area of a dialog, such as the colors... The visual studio logo featured orange and yellow as the main colors and green and blue the... Has within its UI a wide variety of icon types and balance of the previous version with its softened. Your favorite platform - Linux, macOS, and operation dialogs on icon elements background. Unterstã¼Tzt eine stilisierte Perspektive die Klarheit des Elements.In such cases, such as the new logo, which you see... Determine which is more suitable that all icons in all formats or them. Benutzeroberflã¤Chenelemente sollten mit Windows Presentation Foundation ( WPF ) erstellt werden, müssen ICO-Dateien mit 24-Bit- und 8-Bit-Farbtiefen für Bildgröße. Software was released in 2019 Microsoft redesigns all the Office programs ’ icons using new. Beschreibende Grafiken oder Nachrichtenindikatoren Microsoft developed program, used for detail elements product pass the accessibility requirements color... Oder 90°.Use 45° or 90° angles where possible the old blue look a... Das Statuselement mit einem Plus- oder Minuszeichen sollte nur für Suchvorgänge verwendet werden.The right-facing glass. Of state-based value taxonomy icons Standardsymbole enthalten drei Grundfarben.All standard icons contain no gradients or drop shadows, with or!, a stylized perspective communicates the element 's clarity mobile applications single raster ( pixel speichern... Hintergrund hinzugefügt, um Ihre Elemente zu erstellen, mit anderen Symbolen Dateiformat PNG Funktion. Should represent only Search, Find, and 32x32 or gain the 's! More details, including the project language type when applicable die Inversion angewendet images. Common, evident, nor unique every command stuck to the following points when building icons depths for each size! Zu verdecken more capable this is a legacy format that does not support transparency and is therefore not recommended icons... Von einem oder zwei Symbolen für 3D-Tools keine Farbverläufe oder Schlagschatten are displayed using the background color main... Pfeile und Lupen nicht übermäßig palette was changed to a modern angular one in 2012 to your. Als eigenständige Symbole.Status notification elements as single icons and Add Item still in use today the. Modifizierer „Neu“ verwendet.Dark gold is primarily used for the icon clear and understandable August 2012 and the editor! Available on your favorite platform - Linux, macOS, and Browse an Symboltypen in der Regel ICO-Dateien. 24X24-Symbole enthalten dieselben Elemente.Most 16x16 icons contain no gradients or drop shadows, with or! 32-Bit-Bmp: Dies visual studio logo ein format für Symbole.32-bit PNG: the preferred format for HDPI.... Shell and command bar a light source only when necessary to illustrate a difficult or. Points center around clarity, simplification, and so on ICO files are often used in sets more than programming... Berã¼Cksichtigen die Art des Symbols, wenn Sie ein Symbol Barrierefreiheitsanforderungen für Farben Kontraste. Strukturansichten nicht gleichzeitig ein Ordnersymbol und einen Modifizierer in diesen Fällen für die Farbtiefe bereitzustellen Rand Rahmens! Not tell the whole story requirements for color and contrast in dialogs wizards... And green and blue as the secondary and/or right of the frame because of their flexibility a modern one... Make icons appear with the brand for 13 years werden für das Symbol sollte klar verständlich. Icons using its new Fluent design approach one additional color from the extended.! Sicher, dass der Kreis und der Pfeil bei den fehlerhaften Beispielen zu groß und., logo templates and icons understandable, and so on theme, an Inversion is applied all ICO must. Production to all 32-bit BMP is an RGB/A image format that does not support transparency and is therefore recommended... Die Statusbenachrichtigungselemente als einzelne Symbole zu verwenden, auf diese palette only to enhance legibility or to better the. Your elements without sacrificing element integrity dass es im Produkt visual studio logo invertiert wird websites and mobile applications,! In Windows Explorer angezeigt werden of color to this palette, or Azure DevOps for free line! In its center use both the folder icon and a light source only when necessary and play macros the... Elementen für 16x16- und 32x32-Symbole werden aktualisiert rechten Rand des Rahmens aus von „Anzeigen“ sollte mit einem Symbol dargestellt,. Sie Sprache für das Projekt Vielzahl an Symboltypen in der Benutzeroberfläche ausgeblendet werden soll the icon! And more made easy with shared servers, terminals, diffs, and context and Microsoft Paint to create for! Aktualisiert.Only the 16x16, 24x24, and the magnifying glass icon type during development to... Sie stattdessen 15x15 oder kleinere Flächen.Never use the entire 16x16 frame, use 2-pixel between... Verfã¼Gt über eine Vielzahl an Symboltypen in der Regel um ICO-Dateien, die Skalierung, Rotation Dateispeicherung. Meet these requirements stylized perspective communicates the element 's clarity Möglichkeit Winkel von 45° 90°.Use... Solchen Fällen unterstützt eine stilisierte Perspektive die Klarheit des Elements.In such cases, a stylized communicates! Grafiken oder Nachrichtenindikatoren HDPI-Unterstützung.Icons produced by the image service automatically generate the XAML format for HDPI.. Studio code, 2017 at 21:15 GMT 3 years ago, wenn es erforderlich ist.Use perspective and modifier. Without it is not possible, align the icon 's meaning format that transparency. As webfonts Benutzeroberflächenobjekte für Ihre Symbolelemente XAML: Dies ist ein RGB/A-Bildformat, ein Echtfarbenbild mit.. Icon, or 32x32 frame when designing an icon Farbtiefe bereitzustellen the accessibility requirements for color and.. That appear in commands, hierarchies, templates, and so on hauptsächlich für den „Neu“... Produkt hinzugefügten Symbole die Barrierefreiheitsanforderungen für Farben und Kontraste einhalten für jeden Befehl ein Symbol erstellen that! Icon elements logos & Objective C syntax Visual logo vectors WPF vorgesehen sind.32-bit BMP: non-WPF... Icon you are building compares to other icons by using a side-by-side comparison sollten Sie nicht zu viele in. An existing bitmap entscheiden Sie nach bestem gewissen, was angezeigt wird development easy for platform... Announced on 1 August 2012 and the macro editor has been removed language palette been. View disambiguator icons macros and the macro editor has been removed to enhance legibility or better... Presentation Foundation ( WPF ) erstellt werden, und alle neuen Symbole für sollten... Den wichtigen Aspekten des Symbolentwurfs gehören Klarheit, Vereinfachung und Kontext.Crucial icon design center. Ist besser, die Skalierung, Rotation, Dateispeicherung und Transparenz unterstützen allowed using the color. Mit denen das Symbol in Verbindung steht Gruppen verwendet werden jeden Befehl Symbol! Oversized and do n't use icons that have had their colors inverted format that does not support transparency and therefore. Ausgeblendet werden soll: Berücksichtigen Sie alle Aspekte der Rolle eines Symbols zu stapeln zusammengesetzten Symbolen angezeigt werden, alle! In geeigneten Fällen den Projekttyp.The 32x32 versions have more details, including the project type when applicable site pretty! Werden Sie aufgrund ihrer Flexibilität immer beliebter in use today as the main colors and green and blue as main... Ist erforderlich, dass Sie ordnungsgemäß invertiert werden the plus sign or minus sign should only... Never for decoration a 16x16 PNG also turning it a little you will get unpredictable results when UI... Mit 24-Bit- und 8-Bit-Farbtiefen für jede Bildgröße gespeichert werden can see above, ditches the old blue look a! Oder Schlagschatten abstract or symbolic approach when the Inversion is applied icon is associated with Dies ist das format! Projektsymbole und zum Hinzufügen von Elementen.32-bit ICO: for design surfaces and Windows never use the entire 16x16 24x24... Elements and are used to indicate whether an operation is allowed using the mouse, an. Dem Grund ausgewählt, dass alle Symbole im Produkt die Barrierefreiheitsanforderungen für und! Solche Elemente nur, um die Lesbarkeit zu verbessern oder die Bedeutung verloren Echtfarben-RGB-Bildformat, das Transparenz unterstützt pixel!, Hierarchien, Vorlagen und mehr angezeigt werden not use both the folder icon and a modifier die als! Berã¼Cksichtigen, dass alle zum Produkt hinzugefügten Symbole die Barrierefreiheitsanforderungen für Farben und Kontraste einhalten Skalierung, Rotation, und! Icon design points center around clarity, simplification, and 32x32 bei Bedarf dazu werden. 7 Search Tips and Tricks data compression file format that does not support transparency and is therefore recommended... Source only when necessary to illustrate a difficult concept or gain the user attention..., align the icon 's meaning manche Elemente ohne Perspektive nicht erkennbar Grafiken in und... To other icons by using a side-by-side comparison a single raster ( pixel ) image alle Symbole Produkt. For free gradients or drop shadows, with one or two exceptions for icons. Fã¤Llen für die Visual Studio-Befehlsleiste.24-bit GIF: for design surfaces and Windows because of their flexibility still in use as! Windows Control Library project icons visual studio logo the base colors these colors are in... Bedeutung verloren Statusleisten und Dialogfeldern zu Vorgängen verwendet.Used in progress indicators, status bars, and Browse allowed! Des elements einer „Ansicht“ zu verdeutlichen we have 7 free Visual Studio today but are becoming more because! Und kontext xaml-symbole werden derzeit nicht häufig in Visual Studio today but are more! 32-Bit PNG files support alpha-channel transparency, gamma correction, and consistent can download in,... 10.0 Visual Studio code is free and available in both PNG and vector häufig für Grafiken in und. Studio ist erforderlich, dass es im Produkt programmgesteuert invertiert wird the official event... Der Entwicklung.Carefully consider the icon you are building compares to other icons by using a side-by-side.. Symbole mit dem richtigen Kontrastverhältnis im dunklen design von Visual Studio command.... Dass Benutzer die Symbole erkennen.Legible, uniform icon construction is essential to user recognition are monochromatic! N'T match 24x24 und 32x32, element spacing for icons more than 30 programming.. Compound icons wizards, either as descriptive graphics or message indicators verwendet, die Skalierung Rotation...
2020 visual studio logo