Microsoft-ui-xaml: Logo-Re-Design und Swag

Erstellt am 22. Aug. 2019  ·  312Kommentare  ·  Quelle: microsoft/microsoft-ui-xaml

[Update 18.10.19] Wir haben ein neues Logo und einen neuen Swag!

Hallo, wundervolle Gemeinschaft! Ein großes Dankeschön an euch alle, dass ihr dieses Haus gefahren habt. Wir wollten wirklich etwas schaffen, das all die Lieblingsarbeiten vereint, die alle hier eingereicht haben. Wir glauben, dass dies der Fall ist.

WinUI Logo

WinUI Logo Wireframe

Lass uns nachbesprechen

Wir haben das alte Xaml-Logo hier:

Original Xaml Logo

Wenn @itsmichaelwest der Geschichte

WinUI_LogoExporation_V3_GitHub

Von dort wandten wir uns an die Gemeinde. Nach (fast) weiteren hundert Einsendungen, bei denen es um Neukolorierung und Styling ging, haben wir uns in diese einfache, aber elegante Variante verliebt, um die Brackets in sich zu halten. Wie @embender es paraphrasiert ausdrückte: "Ich mag die unterschiedlichen Höhen an den Klammern. Es macht es ein wenig abstrakt - malt etwas Kunst auf die Wissenschaft", zu der UI verschmilzt - Kunst und Wissenschaft in einem."

New WinUI Logo - wireframe

Was die Farbe angeht - unsere Benutzergemeinschaft sprach und forderte etwas, das sich immer noch "wie Windows anfühlte". @mdtauk hat es leicht gemacht, sich dieses bekannte Blau vorzustellen, das unsere Community noch einmal repräsentiert:

New WinUI Logo - color

Natürlich habe ich in dieser kurzen Zusammenfassung die ~300 Interaktionen von fast 40 Mitwirkenden hier und viele weitere auf Twitter und offline zusammengefasst. Die kurze Geschichte lautet: Ohne euch alle hätten wir das nicht geschafft, und ich hoffe, ihr seht alle ein wenig von eurer Arbeit und eure Geschichte spiegelt sich in dem wider, was wir gemeinsam geschaffen haben. Es wirkt irgendwie modern und retro zugleich, hip und doch auch historisch, präzise und asymmetrisch. Es ist ein bisschen ein Gesprächsstoff, und das ist beabsichtigt. 😊

New WinUI Logo - wireframe and color

Ich freue mich auf

Wenn man bedenkt, wie vielfältig diese Zusammenarbeit war und all die bunten Variationen, die wir gesehen haben, wie könnten wir die Dinge nicht mit all den Ideen, die Sie uns gegeben haben, lebendig halten? Wir freuen uns, mit den Farben und dem Thema experimentieren zu können. Behaltet Twitter im Auge, während wir lustige Design-Arbeiten teilen und versuchen, festliche Monats-, Feiertags- und Veröffentlichungsvarianten zum Teilen zu finden! 😊

Wir werden auch beginnen, aufregende Swag-Designs zu iterieren. Schauen Sie unbedingt an unserem Stand auf der Microsoft Ignite vorbei, um einen dieser Aufkleber unten abzuholen!

WinUI Logo Sticker

Wir haben Swag zu teilen!

Community Team, ich habe dich laut und deutlich gehört. Sie wollten die Gelegenheit haben, den gleichen Swag zu kaufen, den unsere internen Teammitglieder bei Microsoft Ignite, auf der Bühne und auf der ganzen Welt rocken werden. Wir haben uns entschieden, unseren Swag über eine Firma zu entwerfen und zu bestellen, die dies für Sie möglich machen könnte.

Ich habe heute unsere letzte Bestellung von über 100 Artikeln aufgegeben. Jedes Teammitglied konnte sich für das eine oder andere entscheiden. Vielen gefielen beide so gut, dass wir das eine genommen und das andere selbst bestellt haben (mich eingeschlossen)!

Bitte lassen Sie es mich wissen, wenn Sie Fragen haben. Ich habe ein paar Anmerkungen:

  • W enn Sie ein Gewinner unserer "1000. Ausgabe - Danke!"
  • Die Hoodies erfordern eine Mindestbestellmenge von 6. Du kannst das Produkt ganz einfach gegen eines ohne Mindestbestellwert tauschen oder ein Sammelbestellformular zusammenstellen.
  • Wenn Sie diese Woche bestellen/an Ihr Hotel versenden, können Sie diese rechtzeitig erhalten, um sie von 4. bis 8. November bei Microsoft Ignite in Orlando, FL, zu tragen!

Bestelllink für WinUI Hoodies

WinUI Hoodies

WinUI Shirt-Bestelllink

WinUI Shirts


[Geschlossen 12.09.19} Logo-Redesign!

Das WinUI-Team aktualisiert unser Logo und lädt die Community ein, mit uns zu experimentieren, zu kreieren und neue Ideen zu entwickeln!

Logo-Anforderungen:

  • Trendy, hip, professionell
  • Skalierbar von einer nativen Größe von 64x64px bis zu 16x16px und beliebig groß und dennoch erkennbar.

Zeitleiste:

Um die Bemühungen im Rahmen zu halten, möchten wir unsere endgültige Auswahl bis zum 6. September festlegen.

Wo wird das verwendet?

  • Produkt-/Repo-Branding
  • Beute
  • Aufkleber
  • Medien (Twitter, GitHub usw.)

Legales Zeug:

Wir lizenzieren ein Referenzdesign unter der Creative Commons Attribution-No Derivatives 4.0 https://creativecommons.org/licenses/by-nd/4.0/ oder nicht kommerziell. Wir wollen jedoch nicht, dass tausende Varianten des Logos in freier Wildbahn Amok laufen, weshalb wir eine Lizenz gewählt haben, die die Weiterverbreitung von angepasstem Material einschränkt.

Wenn Sie Anpassungen haben, senden Sie diese bitte an unser GitHub-Projekt, und wir bieten alle Anpassungen an, die unter derselben Creative Commons-Lizenz eingereicht werden. Zur Erinnerung: Im Rahmen der Lizenz darf die Verwendung des referenzierten Materials nicht den Eindruck erwecken, dass es von Microsoft gesponsert, unterstützt oder offiziell anerkannt wird oder in einem rechtswidrigen Kontext verwendet werden kann. Kurz gesagt, verwenden Sie Ihren gesunden Menschenverstand, wenn Sie auf eines der Logo-Designs verweisen – wir freuen uns, wenn Sie es teilen, werden jedoch bei unsachgemäßer Verwendung Maßnahmen ergreifen.

Ressourcen:

  • Aktuelles Logo:
    WinUI Library Logo

  • Aktuelle Repository-Kachel
    WinUI Repo Tile

hot team-Controls

Hilfreichster Kommentar

Es ist immer wieder spannend zu sehen, wie sich die Community zum Thema Ikonografie zusammenfindet! ✨

Ich habe einen frühen Entwurf erstellt, von dem ich denke, dass er sich auf verschiedene Medien/Merch ziemlich gut skalieren lässt. In der Mitte befindet sich ein abgerundeter Würfel, bei dem jedes Gesicht in verschiedenen Farben schattiert ist – derzeit aus der Windows-Markenpalette ausgewählt, kann dies natürlich geändert werden.

Die Größer/Kleiner-als-Zeichen umschließen den Würfel. Diese sind bei kleineren Größen nicht sichtbar, sondern konzentrieren sich auf den Würfel.

Das Logo kann auch für Merch-Zwecke umrandet werden. Hatte eine Idee, wie es auf einem T-Shirt aussehen könnte.

Noch ein WIP, Feedback wird sehr geschätzt. 😊 Bin selbst besorgt, dass es sich etwas zu abstrakt anfühlt, aber das lasse ich mal von der Community beurteilen!

WinUI_LogoExporation_GitHub

Alle 312 Kommentare

Hallo zusammen! Windows IXP (ehemals Composition) PM hier, der meine Ideen zum Mix hinzufügen wollte :) Hier sind ein paar, mit denen ich herumgespielt habe - lass es mich wissen!

WINUI
logo2
logo
logoagain

Deine Einsendungen sind unglaublich, @embender. Die letzten und ersten gefallen mir besonders gut.

WebUI
Schnell ein WinUI-Symbol nachgebaut, das nicht fehl am Platz für andere Produkte innerhalb der Suite geparkt wäre.

Unglaublich, @iconredesign! Ich liebe deine Verwendung von Schattierungen im Symbol, um App-Regionen hervorzurufen.

Um eine Verwechslung mit dem Microsoft Word-Symbol (unten) zu vermeiden, was würden Sie davon halten, einige der Fluent Design System-Farben oder ähnliches zu übernehmen?

Microsoft Word icon

Absolut! Ich habe versucht, die Farbe des WinUI-Themas beizubehalten, aber es kam mir in den Sinn, dass sie vielleicht auf den kürzesten Blick ein und dasselbe aussehen könnten.

Ich werde mir die vorgestellten Richtlinien ansehen und eine Überarbeitung einreichen. Vielen Dank!

@iconredesign

Absolut! Ich habe versucht, die Farbe des WinUI-Themas beizubehalten, aber es kam mir in den Sinn, dass sie vielleicht auf den kürzesten Blick ein und dasselbe aussehen könnten.

Ich werde mir die vorgestellten Richtlinien ansehen und eine Überarbeitung einreichen. Vielen Dank!

Hier ist die gute Nachricht: Sie können uns helfen, neue Designfarben zu standardisieren. Unsere Richtlinien sind in dieser Hinsicht absichtlich locker, damit wir die Freiheit haben, dies großartig zu machen!

@SavoySchuler

Beute

Ich hoffe, dass einige Shirts zum Kauf angeboten werden, sobald das Logo offiziell ist.

@SavoySchuler

Beute

Ich hoffe, dass einige Shirts zum Kauf angeboten werden, sobald das Logo offiziell ist.

@shaggygi , bemerkt! Welche Art von Design wird dich dazu bringen, in den nächsten Jahren jede Woche eines unserer Shirts zu tragen? Meine Messlatte für Swag ist mindestens so hoch. 😉

@SavoySchuler Ich mag nicht zu auffällig 😄. Normalerweise trage ich mein GitHub-Shirt alle paar Wochen. Ein einfaches endgültiges Logo wäre schön ... wahrscheinlich gerade genug, damit andere neugierig sind und fragen, was es bedeutet, zu erklären / zu fördern.

WebUI v2

Ich denke, es ist wichtig für einen Designer, ein vollständiges Manifest vorzulegen, also hier ist es.

Das Logo erinnert natürlich an andere Softwareprodukte von Microsoft. Dies macht die Organisation dahinter klar und die Ikonographie einer simulierten Benutzeroberfläche definiert klar, wofür diese App gedacht ist. Die WinUI > hebt sich von einem Office-Produkt ab, die Verwendung von Klammern und Schrägstrichen anstelle eines Buchstabens unterscheidet sie deutlich und vermeidet eine Verschmelzung für Buchstaben. Insgesamt vermittelt das Symbol deutlich, dass 1) es sich um ein Microsoft-Produkt handelt, 2) es sich um ein codebasiertes Tool für das UI-Design handelt und 3) es sich NICHT um ein Office-Produkt handelt.

Das flache Design integriert das Element, bei dem sich die Hauptthemafarbe der App bis zum Hintergrund durchsetzt. Metaphorisch ist es die „Basis“ der App und entspricht dem Designschema einer App wie Excel. Visuell lässt sich ein Fazit ziehen, wo „WebUI die Basis des UI-Designs ist, das darauf ruht. Es hat es ermöglicht“.

Während meiner kurzen Recherche zu WinUI, um sicherzustellen, dass mein Logo tatsächlich das Produkt repräsentiert, landete ich auf einem Flaggschiff-Bild, das eine Beispielschnittstelle zeigt, die die Breite der Schnittstellenelemente zeigt. Die Grautöne wurden symbolisch aus diesem Bild herausgehoben, um 1) Einfachheit der Farbgebung zu erreichen, um ein hässliches Design zu vermeiden, 2) Es ist nur ein Farbunterschied zu Weiß und ist auch neutral, und 3) um Hierarchien hervorzuheben, die es mit dem Handel von . weiter verstärken User Interface Design (das ich persönlich liebe) und 4) die differenzierten Grautöne bedeuteten, dass diese Metapher unabhängig von der Größe des gerenderten Symbols funktioniert, vor allem seiner Größe in der Taskleiste.

Was also zum Thema Standardisierung gibt es bessere Farben zur Darstellung der Microsoft-Benutzeroberfläche als die Farben, die bereits zur Darstellung des Designs verwendet werden? Es fließt schon perfekt mit dem Weiß.

Ich hoffe, es gefällt Ihnen, und wenn Sie Bedenken haben, zögern Sie bitte nicht, diese zu äußern!

Ich entschuldige mich jedoch, wenn Sie das Gefühl haben, dass ich an diesem Design feststecke, also bin ich offen für eine Aktualisierung, wenn es angemessener ist.

@iconredesign
Die Idee hinter Ihrem Design ist in Ordnung, aber die Ausführung hat Probleme.

Erstens, warum gibt es 3 Radien von abgerundeten Ecken? Wählen Sie einen für den Masterrahmen und einen anderen für die Box mit > darin und die Karten.

Zweitens müssen die Farben angepasst werden, es macht keinen Sinn, einen hellen Farbton oben und dann einen dunklen darunter zu haben.

Drittens gehe ich davon aus, dass Sie versucht haben, einen Schatten mit mehreren dunklen Quadraten mit Deckkraft zu erstellen? Das wäre für etwas Abstrakteres in Ordnung, aber in den meisten Fällen wird es nicht so gemacht.

Außerdem sieht das Design irgendwie so aus, als hättest du ein Symbol genommen, es in Illustrator vektorisiert und etwas geändert (genau wie mein erster Eindruck war).

Deshalb brauche ich die Meinung von außen, denn ich bin immun dagegen, in meinem Kopf festzustecken.

Ich werde Ihre Anregungen berücksichtigen und verfeinern. Vielen Dank!

Beachten Sie, dass der Schlagschatten noch früh ist, damit das Finale nicht so unorganisiert aussieht. Es ist buchstäblich unberührt von dem, was ursprünglich nur ein Modell sein sollte.

Hallo @SavoySchuler , ich habe mich gefragt, was die Mission von WinUI in Ihren Worten ist? Ich frage, weil es gut wäre, diese Gedanken mit dem neuen Logo hervorzurufen. Vielen Dank!

@iconredesign

Beachten Sie, dass der Schlagschatten noch früh ist, damit das Finale nicht so unorganisiert aussieht. Es ist buchstäblich unberührt von dem, was ursprünglich nur ein Modell sein sollte.

Ist es nicht einfacher, auf eine Schaltfläche zu klicken, um einen Schatten zu erhalten, als ein Rechteck zu erstellen, eine Farbe auszuwählen, die Deckkraft zu verringern und sie dann zu kopieren? 😄

WebUI v3

Auf alle Probleme eingehen:

1 - Alle Radien vereinheitlicht und die Oberseite des Symbols korrigiert, was ein großes Versehen war. Die Karten wurden korrigiert, um die geraden Ecken der Schnittstelle zu verwenden.

2 - Die Navigationsleiste ist jetzt dunkler und hat den gleichen Farbton wie der erste Menüpunkt in der Liste.

3 - Endlich auf den oben genannten "einen Knopf" geklickt, nachdem er diesen Teil für das erste Mockup beschleunigt hatte, damit der Schlagschatten jetzt viel schöner aussehen sollte.

Auf der Suche nach etwas, das möglicherweise im Symbol fehlt, aber ich denke, es sieht im Moment in Ordnung aus.

@iconredesign
Mit den Fixes ist es jetzt etwas besser 🙂

IDK, vielleicht nur ich, aber vielleicht eine neue Richtung einschlagen? Es erinnert mich zu sehr an das Word-Symbol...

WebUI variant

Du hast gefragt, ich habe geliefert! Andere Takes, also ist das > Teil der Schnittstelle, und die Elemente werden aus dem Blatt gehoben, damit das Evokationselement noch im Spiel ist. Blau ist WinUI-Blau.

@iconredesign
Verbessert, aber jetzt sind wir zu flach und zu scharfen Ecken gegangen. Fluent bewegt sich in Richtung (leichter) Farbverläufe, Schatten und abgerundeter Ecken.

Die grau/weißen Kästchen stehen für Menüpunkte oder?

Bearbeiten: Denken Sie auch an kleine Größen (wie im ersten Beitrag erwähnt), nicht sicher, wie diese entzifferbar wäre :)

Diese Variante ist auf kleine Größen ausgelegt. Bei dieser Größe können Sie Farbverläufe und abgerundete Ecken nicht wirklich effektiv nutzen, da alles so verkleinert wird, dass diese Elemente verschwinden.

Seien Sie versichert, dass dieses Design in der Taskleiste perfekt sichtbar ist. Das Hauptelement ist ein Dropdown-Menü aus einer Navigationsleiste.

@iconredesign
Mach dann eine "größere" Version :D

Außerdem können Sie Farbverläufe auch bei kleineren Größen verwenden, es wird immer noch auffallen ;)
Beispiele: Visual Studio (Code) Icons, Sublime Text, Adobe Suite, ...

Ich bin auf jeden Fall dabei, mehrere Richtungen zu erkunden! Ich sollte anmerken, dass ich diese Einreichung von @iconredesign wirklich mag:

WebUI v3

Es gibt ein paar Dinge, die mir gefallen:

  • Die Ausrichtung auf die Icons der Microsoft Office Suite ergänzt das Icon-Set. Optisch wissen Sie, wer das Produkt anbietet und weckt Vertrauen.
  • Die App-Metapher ist ausgezeichnet. Die Bildlaufleiste und das Out-of-Root-Fenster-Flyout sind klare Aufrufe zu unserem neuen und alten Kontrollsatz.
  • Der Text > macht das Konzept deutlicher, dass es sich um ein Werkzeug für Entwickler handelt.

Ideen für das Konzept:

  • Das Hauptanliegen scheint die Verschmelzung mit dem Farbschema von Word zu sein. Etwas Schönes an @embenders Designs, das durch Verzweigung in ein zweifarbiges Farbschema ihr erstes und drittes Design erfolgreich Farbe nutzen kann, ohne zu nahe an Office-Icon-Territorium zu geraten. Könnte dieses Design ein Paar Farben wie Grün / Violett von @embender oder etwas anderes enthalten?
  • Die "App-Inhalte" können auch umkonfiguriert werden, um weniger wie Word auszusehen - vielleicht etwas, das ein Raster zeigt oder einen ProgressRing verwendet? Die App "Xaml Controls Gallery" im Windows Store zeigt unsere gesamte Sammlung von UI-Steuerelementen und deren Symbolen.

Eine Vorschau der Steuerelementsymbole aus der Xaml Controls Gallery-App:

Xaml Controls Gallery app screenshot

Vielleicht können einige der Bilder hier zur Inspiration verwendet werden? All diese können angeklickt werden, um auch das reale, visuelle Verhalten der UI-Steuerelemente zu sehen.

@SavoySchuler wäre schön, wenn diese auch eine Fluent-Behandlung

Ich mache morgen ein Mockup und poste es

Vielleicht nur der </> Teil des aktuellen Symbols,
image

Oder ein Retro von einem alten, wie wäre es mit der Modernisierung einer bekannten Ikone, z

Untitled

Bitte verzeihen Sie meine schlampigen Skizzen.

Auch wie @iconredesign , verwenden Sie vielleicht eine andere WinUI-freundliche Schriftart für die gt-lt-Klammern, und für mich würde nur der Klammerteil selbst ausreichen, den Rest brauche ich nicht.

Ich stimme dafür, dass es solide minimal und einfach ist. Keine Steigungen bitte, ich fühle mich 97'.

@SavoySchuler Das W-Symbol IST schön, schreit aber MS Office Word, vielleicht statt W etwas anderes, </> oder etwas Geeky und Vertrautes stattdessen.

Hey, fast vergessen zu erwähnen, das aktuelle Logo funktioniert auch bei mir!

Vielleicht sollten wir uns vom neuen Office-Symbolstil fernhalten. Diese Symbole sind Teil der Office 365-Produktfamilie - daher wäre es für mich nicht sinnvoll, sie auf alles zu legen, was mit Microsoft zu tun hat.

Wohlgemerkt, Icons zu entwerfen, die gut skalieren, ist wirklich, wirklich schwer (wie ihr gerade beim Aufziehen eines T-Shirts herausgefunden habt :)). Ich würde empfehlen, sich an das Microsoft Design-Team zu wenden, um zu sehen, ob uns jemand dabei helfen kann.

Ich habe es versucht, inspiriert vom sehr einfachen .NET Core-Logo. Sie "schreien" nicht wirklich ein UI-Framework, also könnte das ein Problem sein. Auf der anderen Seite könnte es zu anderen Framework-Logos wie der .NET-Familie passen.

Konzept 1
Concept1

Konzept 2
Concept2

Konzept 3
Concept3

@neils9001 FWIW, ich mag Konzept 1 wirklich; gute Idee mit der Inspiration dort. (Ich bevorzuge den WinUI-Text in einer Zeile, im Vergleich zu Konzept 2). Konzept 3 ist auch ziemlich gut; scheint skalierbar, einfach und glatt zu sein.

winui logo-01

Ich denke, wenn wir schon hier sind und über Icons und Branding für WinUI nachdenken, könnten wir vielleicht auch "die andere Hälfte" in Betracht ziehen, die System-APIs (das Microsoft.Windows.SDK.Contracts NuGet-Paket), nennen wir es WinAPI.

Ich konnte ein Office-like Icondesign vorstellen , mit dem Text „UI“ oder „API“ und für die Benutzeroberfläche der Rest wäre es so etwas wie eine jener abstrakten fließend Kunst (so etwas wie sein diese ), und die „API“ konnte sei ein oder mehrere Rädchen... flüssige Rädchen.

Vielleicht das strenge Logo, das kleine Etikett könnte nur ein Windows-Logo sein und der Text "UI" oder "API" daneben. Plus natürlich den künstlerischen Teil mit dem abstrakten fließenden Zeug und den Zahnrädern.

@MySelfMaruf persönlich wünsche ich mir, dass WinUI nicht an Windows gebunden ist. TBH Ich wünschte, der Name wäre nicht Win. Seien Sie also mental offen für die zukünftige Erweiterung einer .NET Core-Benutzeroberfläche, die auf jeder .NET Core- (oder sogar .NET Standard-Umgebung) funktioniert.
Siehe diese Funktionsanfrage.

Ich hatte tatsächlich ähnliche Gedanken zum "UI"-Konzept @petroemil

Hier ist ein aufgeräumter und bearbeiteter erster Versuch von mir:
256
image

Ich möchte eine zweite Einreichung erstellen , die von Windows getrennt ist, und Datei nicht direkt mit Windows oder Microsoft zu verbinden.

@AmNotADev

@weitzhandler, dass es eine gute Idee sein könnte, den Stil nicht direkt mit Microsoft zu verbinden

Ich meinte Windows, nicht Microsoft.

Ich hatte tatsächlich ähnliche Gedanken zum "UI"-Konzept @petroemil

Ich möchte eine zweite Einreichung verfassen, die von Windows getrennt ist, und stimme @weitzhandler zu, dass es eine gute Idee sein könnte, den Stil dieser

Einverstanden. Vielleicht wäre etwas .Net Core UI oder .Net UI interessant. Ich würde jedoch empfehlen, diese Symbole jetzt mit der Marke Office zu verknüpfen. Nur die Marke Office verwendet derzeit den kleinen Ausschnitt. mit dem Droppanel.

Auch wenn dies eine vollständige Umbenennung und Benennung auslösen würde – wie könnten wir das Windows Community Toolkit besser integrieren?

WinUI
WinUI Community-Toolkit?

Schade, aber dem stimme ich trotzdem zu @weitzhandler

Um zu erklären, warum ich diesen Weg für meinen ersten Entwurf gegangen bin, sind dies nicht nur Büromarkenstile, andere Microsoft-Plattformen verwenden diese Logostile, einschließlich Skype, OneDrive und Microsoft Teams (Skype und OneDrive fehlt der Ausschnitt, aber Teams hat es).

Ich dachte, es wäre ein nettes Experiment, um zu sehen, wie ein Markenlogo in diesem Stil aussehen würde, bevor ich etwas anderes ausprobierte. cc @niels9001

@niels9001 @weitzhandler WinUI ist nicht .NET-exklusiv, es ist auch das UI-Framework für native Apps und ich erinnere mich vielleicht sogar an etwas über zukünftige Python-Unterstützung? Ganz zu schweigen davon, dass es auch das zugrunde liegende Framework für Dinge wie Xamarin, Uno oder die kommenden React Native-Lösungen ist.

Es ist immer wieder spannend zu sehen, wie sich die Community zum Thema Ikonografie zusammenfindet! ✨

Ich habe einen frühen Entwurf erstellt, von dem ich denke, dass er sich auf verschiedene Medien/Merch ziemlich gut skalieren lässt. In der Mitte befindet sich ein abgerundeter Würfel, bei dem jedes Gesicht in verschiedenen Farben schattiert ist – derzeit aus der Windows-Markenpalette ausgewählt, kann dies natürlich geändert werden.

Die Größer/Kleiner-als-Zeichen umschließen den Würfel. Diese sind bei kleineren Größen nicht sichtbar, sondern konzentrieren sich auf den Würfel.

Das Logo kann auch für Merch-Zwecke umrandet werden. Hatte eine Idee, wie es auf einem T-Shirt aussehen könnte.

Noch ein WIP, Feedback wird sehr geschätzt. 😊 Bin selbst besorgt, dass es sich etwas zu abstrakt anfühlt, aber das lasse ich mal von der Community beurteilen!

WinUI_LogoExporation_GitHub

@itsmichaelwest taucht ein und macht wie immer einen exzellenten Job :)

Ich habe einige Ideen skizziert und werde versuchen, sie in ausgefeiltere Ideen zu verwandeln.
image

Hier ist eine basierend auf dem Logo von Visual Studio
winUI logo idea 1

image

winUI logo idea 3

winUI logo idea 4

Hier ist ein von Fluent Design inspiriertes Logo

winUI logo idea 5

16px und 32px verfeinerte Symbole

image

Ich hatte tatsächlich ähnliche Gedanken zum "UI"-Konzept @petroemil

Ich möchte eine zweite Einreichung verfassen, die von Windows getrennt ist, und stimme @weitzhandler zu, dass es eine gute Idee sein könnte, den Stil dieser

Einverstanden. Vielleicht wäre etwas .Net Core UI oder .Net UI interessant. Ich würde jedoch empfehlen, diese Symbole jetzt mit der Marke Office zu verknüpfen. Nur die Marke Office verwendet derzeit den kleinen Ausschnitt. mit dem Droppanel.

Auch wenn dies eine vollständige Umbenennung und Benennung auslösen würde – wie könnten wir das Windows Community Toolkit besser integrieren?

WinUI
WinUI Community-Toolkit?

Sollte das Design aus langfristiger Sicht keine Windows (Win)-UI-Namensgebung verwenden?

Artboard Copy
Artboard

winUI logo idea 7

Ich hatte tatsächlich ähnliche Gedanken zum "UI"-Konzept @petroemil

Ich möchte eine zweite Einreichung verfassen, die von Windows getrennt ist, und stimme @weitzhandler zu, dass es eine gute Idee sein könnte, den Stil dieser

Einverstanden. Vielleicht wäre etwas .Net Core UI oder .Net UI interessant. Ich würde jedoch empfehlen, diese Symbole jetzt mit der Marke Office zu verknüpfen. Nur die Marke Office verwendet derzeit den kleinen Ausschnitt. mit dem Droppanel.

Auch wenn dies eine vollständige Umbenennung und Benennung auslösen würde – wie könnten wir das Windows Community Toolkit besser integrieren?

WinUI
WinUI Community-Toolkit?

Schätzen Sie den Aufruf @niels9001. 🦙❤

Das Windows Community Toolkit ist jedoch mehr als nur eine Benutzeroberfläche (obwohl unsere Steuerelemente und die XAML-Arbeit den größten Teil dessen ausmachen, was verwendet wird). Ich bin mir noch nicht sicher, wie viel Co-Branding hier sinnvoll ist, zumal das WinUI-Team das Toolkit nicht verwaltet, wir sind separate Organisationen. Das wird also eine größere Diskussion an anderer Stelle sein.

Was den Input zu den Designs angeht, hat mir das vorhandene Buchsymbol sehr gut gefallen, da es eine Bibliothek von Steuerelementen ist...

Trotzdem gibt es einige der Designs, die mich denken lassen, dass ich vielleicht meine Meinung ändern kann ... Stimmen Sie zu, dass wir uns vom Office-Designmuster fernhalten sollten.

Hallo @SavoySchuler , ich habe mich gefragt, was die Mission von WinUI in Ihren Worten ist? Ich frage, weil es gut wäre, diese Gedanken mit dem neuen Logo hervorzurufen. Vielen Dank!

Das ist eine fabelhafte Frage, @saraclay! Wir haben keine offizielle Mission für WinUI, da es sich ständig weiterentwickelt, um die Bedürfnisse unserer Community zu erfüllen, aber unser Ziel für WinUI 3 ist folgendes:

"WinUI 3 wird die moderne Windows-Präsentationsplattform mehr Entwicklern schneller und offener zur Verfügung stellen."

Ich kann den Inhalt darin noch etwas auspacken, wenn es hilft - ich möchte nur sichergehen, dass der kreative Geist nicht mit den technischen Details überfrachtet wird. Lass es mich wissen! 😊

image

Hier ist meine Interpretation des aktuellen Buchlogos, das so stilisiert ist, dass es wie die Fabric-Symbole von Office aussieht. Ich habe mir auch erlaubt , Konzepte für "WinAPI" zu @petroemil bereits erwähnt hat.

WinUI Fabric
WinUI Fabric

WinAPI-Fabric [A]
WinAPI Fabric 1

WinAPI-Fabric [B]
WinAPI Fabric 2

Zum Thema Namensgebung

Ich hatte tatsächlich ähnliche Gedanken zum "UI"-Konzept @petroemil

Ich möchte eine zweite Einreichung verfassen, die von Windows getrennt ist, und stimme @weitzhandler zu, dass es eine gute Idee sein könnte, den Stil dieser

Einverstanden. Vielleicht wäre etwas .Net Core UI oder .Net UI interessant. Ich würde jedoch empfehlen, diese Symbole jetzt mit der Marke Office zu verknüpfen. Nur die Marke Office verwendet derzeit den kleinen Ausschnitt. mit dem Droppanel.
Auch wenn dies eine vollständige Umbenennung und Benennung auslösen würde – wie könnten wir das Windows Community Toolkit besser integrieren?
WinUI
WinUI Community-Toolkit?

Sollte das Design aus langfristiger Sicht keine Windows (Win)-UI-Namensgebung verwenden?

Ich sehe viele ausgezeichnete Debatten über die Produktnamen. Das sind tolle Fragen!

Wie @petroemil bemerkte, ist WinUI nicht .NET-exklusiv. Es ist das moderne UI-Framework für Windows-native Apps, das von mehreren Entwicklungsframeworks einschließlich React Native genutzt werden kann, sowie das zugrunde liegende Framework für Dinge wie Xamarin und Uno.

Unser Ziel ist es, Ihnen den schnellsten, einfachsten und offensten Weg zu bieten, eine erstklassige Benutzeroberfläche zu erstellen. Stellen Sie sich "win" in "WinUI" als "🏆UI" vor. Du denkst, ich mache Witze - aber das machen wir ständig in unserem 🏆Dev (WinDev) Team.

Wenn jemand eine Möglichkeit hat, das 🏆 in ein legitimes Logo zu übersetzen, wird die Woche von @jeffbog .

Ich möchte auch darauf hinweisen, dass Fabric-Symbole (ich sehe, dass es hier als "Office-Symbole" bezeichnet wird) _nicht_ auf MS Office beschränkt sind. Ihr Telefon und das neue Windows-Terminal verwenden beispielsweise alle Fabric-Symbole, obwohl sie überhaupt nichts mit Office zu tun haben.

Es scheint, dass der Fabric-Stil auf plattformübergreifende Dienste ausgerichtet ist, einschließlich Your Phone, Terminal (da es Ubuntu enthält) und Azure (die Website verwendet Fabric). Wenn WinUI auch plattformübergreifend sein soll (werden), wäre es perfekt, WinUI mit anderen plattformübergreifenden Diensten zu verbinden.

@yoshiask Ich bin mit der gleichen Inspiration ein paar Beiträge über

Mir gefällt, wie deines geworden ist, aber sie fühlen sich etwas kompakter an als die aktuellen Fabric-Logos.

@AmNotADev Könnten Sie "kompakt"

@yoshiask die Breite des "Hintergrund" -Abschnitts des Logos scheint nicht mit den Proportionen der anderen Fabric-Logos übereinzustimmen, es sieht ein bisschen ... zerquetscht aus? Ich würde es etwas breiter machen, damit sich das Logo insgesamt quadratischer anfühlt.

Ich hatte das gegenteilige Problem und machte meine etwas zu breit, um zu passen.

Ah, fairer Punkt. Ich glaube, ich habe die Proportionen des aktuellen Designs bei der Arbeit angepasst und vergessen, es wieder zu ändern.

Hier ist meine Bearbeitung der vorherigen Einreichung von mir, wenn ich meine Größe und Positionierung festlege.
256

Breite ist fest (die 'Unterseite', es ist der falsche Blauton, whoops. Ich möchte aber nicht spammen, also lasse ich es vorerst)
WinUI Fabric

Redid @AmNotAdevs Design mit meiner Fabric-Vorlage.
WinUI AmNotADev Blue
WinUI  AmNotADev Green

@SavoySchuler
Win Combined
Es sieht fast aus wie PowerPoint-Wortkunst

winUI logo idea 9

Skalierte Versionen, Office-ähnlich, Windows 10 Fluent Icon-Stil (einschließlich Acrylrauschen), wobei die Buchmetapher beibehalten wird.

Idea 9 _ all

image

Flache und monochrome Versionen des gleichen Designs, das ich zuvor geteilt habe, plus ein T-Shirt-Modell. Es ist Stoff auf Stoff!
WinUI Fabric Mono
WinUI Literal Fabric

Hallo!

Hier sind meine frühen Designideen.
Was denken Sie?
logos

Hi!
Das ist meine Idee für WinUI
winui

Zum Thema Namensgebung

Ich hatte tatsächlich ähnliche Gedanken zum "UI"-Konzept @petroemil

Ich möchte eine zweite Einreichung verfassen, die von Windows getrennt ist, und stimme @weitzhandler zu, dass es eine gute Idee sein könnte, den Stil dieser

Einverstanden. Vielleicht wäre etwas .Net Core UI oder .Net UI interessant. Ich würde jedoch empfehlen, diese Symbole jetzt mit der Marke Office zu verknüpfen. Nur die Marke Office verwendet derzeit den kleinen Ausschnitt. mit dem Droppanel.
Auch wenn dies eine vollständige Umbenennung und Benennung auslösen würde – wie könnten wir das Windows Community Toolkit besser integrieren?
WinUI
WinUI Community-Toolkit?

Sollte das Design aus langfristiger Sicht keine Windows (Win)-UI-Namensgebung verwenden?

Ich sehe viele ausgezeichnete Debatten über die Produktnamen. Das sind tolle Fragen!

Wie @petroemil bemerkte, ist WinUI nicht .NET-exklusiv. Es ist das moderne UI-Framework für Windows-native Apps, das von mehreren Entwicklungsframeworks einschließlich React Native genutzt werden kann, sowie das zugrunde liegende Framework für Dinge wie Xamarin und Uno.

Unser Ziel ist es, Ihnen den schnellsten, einfachsten und offensten Weg zu bieten, eine erstklassige Benutzeroberfläche zu erstellen. Stellen Sie sich "win" in "WinUI" als "🏆UI" vor. Du denkst, ich mache Witze - aber das machen wir ständig in unserem 🏆Dev (WinDev) Team.

Wenn jemand eine Möglichkeit hat, das 🏆 in ein legitimes Logo zu übersetzen, wird die Woche von @jeffbog .

Ich möchte mich im Voraus für meine gestalterischen Fähigkeiten entschuldigen, bitte lassen Sie Ihrer Fantasie freien Lauf, wenn Sie sich die folgende Skizze ansehen :

Was wäre, wenn das Logo eine Münze, eine Medaille (anstelle eines Pokals/eines Pokals) wäre?

Im Falle von WinUI könnte es eine Silbermünze mit goldener Farbpalette sein? Oder die äußere Kurve der Palette könnte ein perfekterer Kreis sein und der restliche Teil des Kreises könnte mit einem silbernen Stück ausgefüllt werden.

Und WinAPI könnte eine Silbermünze sein mit - entgegen der Abbildung unten - einem relativ dünnen Zahnrad am Rand mit vielen Zähnen.

win-ui-api-logo-sketch

Eine Seite der Medaille könnte entweder der Text UI / API oder das Symbol </> / { # } (obwohl Symbole innerhalb von Symbolen etwas zu viel sein könnten Symbolik) und die andere Seite könnte ein Windows-Logo sein.

Es braucht ein bisschen Fantasie, aber ich kann mir vorstellen, dass das tatsächlich gut aussieht.

Einige zusätzliche Beispiele aus den Interwebs:

  • Die Art von Zahnrad-Münzen-Design, das ich in meinem Kopf hatte: Link
  • Und als ich schon dort war und nach Beispielen suchte, stellte ich fest, dass der BitCoin-Coin auch ziemlich cool aussieht: Link

Hier ist mein Konzept

WinUI-1

Basierend auf ein paar Skizzen von @mdtauk
WinUI VS ScaledWinUI XAML Card

1

2

3

4

5

6

7

8

@SavoySchuler Namen ändern für Hybrid + UI = HybrUI
Benutzeroberfläche für alle Plattformen. HybrUI auf GitHub.

DANKE FÜR IHRE ERSTAUNLICHEN IDEEN: Farben und XML-Theme auch offen für Variationen!

Ich denke, wir haben die Umfrage vielleicht ein wenig vorangetrieben, indem wir ein bereits vorhandenes Logo hatten, da viele dieser Designs auf ein XML-Thema verweisen. Das ist gut so! XML ist aber auch _nur eine_ der Programmiersprachen, die Sie verwenden können. Dasselbe gilt für das Farbschema - Sie müssen sich nicht an Blau und Weiß halten!

Wenn Ihnen angesagte und trendige Ideen einfallen, die diese Themen und/oder Farben untergraben, werden Sie ermutigt, sie zu teilen!

Davon abgesehen ist die Umbenennung von WinUI nicht Gegenstand dieser Bemühungen, aber wenn Ihre Logo-Idee von einer Umbenennung abhängt, können Sie sie trotzdem gerne einreichen. Bitte beachten Sie, dass Logos, die den Namen "WinUI" enthalten, wahrscheinlich mehr Aufmerksamkeit von denen erhalten, die die endgültigen Entscheidungen treffen werden.

Sie alle sind die Besten. Dieses Ergebnis ist unglaublich! 🏆

winui_funky

@IUsername - Was für eine unglaubliche @mdtauk und @embender hatten

Ich habe die Verwendung von Cube- und Klammerbildern als XAML und nicht als XML im weiteren Sinne gesehen. Aber ja, WinUI ist mehr als XAML, daher ist es möglicherweise besser, über die XAML-Ikonographie hinauszugehen.

Ich habe versucht, mich auf den Buch-/Bibliotheksaspekt und den XAML-Aspekt zu konzentrieren (wie jetzt ist XAML das einzige UI-Framework, das WinUI verwendet, wobei WPF und GDI XAML in ihre Frameworks einbringen).

Hier meine türkisfarbenen Ideen heute, 3x vergrößert von 64px. SPASS!
WinUI_3x

Ehrlich gesagt sehe ich nichts Falsches daran, sich an das blau-graue Farbschema zu halten. Blau und Violett (insbesondere Blau) scheinen am stärksten mit Windows verbunden zu sein, daher sehe ich kein Problem darin, das WinUI-Logo blau zu halten. (Es sei denn, "Windows" und "Win" werden aus dem Namen entfernt.)

Eine andere Meinung: Fluent Design-Oberflächen konzentrieren sich stark auf eine einzelne Akzentfarbe, sei es die Farbe der App oder die Akzentfarbe des Benutzers. Die meisten Farben in einer Fluent-App verwenden nur neutrale Farben und Variationen der Akzentfarbe. Die Farbpalette von WinUI sollte dies widerspiegeln, indem sie sich an nur eine Akzentfarbe sowie neutrale Farben wie Schwarz, Weiß und Grau hält.

Hier ist eine Idee, die auf das Minimum gepaart ist.
idea 11

Fabric Icons
Microsoft scheint mit seinen Icons neue Wege zu gehen. Die neu gestalteten Office-Symbole und neueren Fabric-Symbole (wie ich gesehen habe, dass sie von jemandem hier erwähnt wurden) haben viele Elemente gemeinsam, die ihnen helfen, Teil einer zusammenhängenden Designsprache zu sein. Mir ist aufgefallen, dass viele von ihnen Tiefe haben, leuchtende Farben haben, ihren Dienst abstrakt darstellen und aus dem, was ich Blöcke nenne, gebaut sind. Nehmen Sie das Excel-Symbol. Die Blöcke sind kräftig grün gefärbt (in einem kühlen, fast pixeligen Verlauf) und stellen abstrakt die Zellen in einer Tabelle dar. Ihre Tiefe ist, wobei das Quadrat mit dem "E" einen Schatten auf das darunter liegende Rechteck wirft. Ich habe darauf geachtet, diese Elemente in meine Designs zu integrieren.

Ich wollte von der Struktur der Office-Icons abweichen, die ich im obigen Beispiel dargestellt habe. Da WinUI kein Office-Dienst ist, war ein Quadrat mit Text, das über einem rechteckigen Bereich schwebt, keine Richtung, die ich für meine Designs gewählt habe. Stattdessen habe ich mich entschieden, einige der oben genannten Elemente zu verwenden, die viel Raum für Kreativität lassen und gleichzeitig das Symbol als Microsoft-Produkt klassifizieren.

Für die Farben in meinem Design wollte ich den einfarbigen Farbverlaufs-Look (der in vielen Office-/Stoff-Symbolen gezeigt wird) integrieren. Da ich kein Experte darin bin, wie man eine Mischung von Farben erhält, die gut zusammenpassen, habe ich einfach die Farben des Outlook-Symbols verwendet. Es funktionierte, weil ich wollte, dass die Designs blau sind (wie das Original). Ich wollte wirklich nur die allgemeine Idee vermitteln und diese Schattierungen haben funktioniert.

In vielen meiner Designs habe ich Blöcke verwendet, um eine Benutzeroberfläche abstrakt darzustellen. Um dies in einigen meiner Designs zu erreichen, habe ich ein Raster verwendet, das undefiniert ist und sich jedem Layout anpasst, das mit den WinUI-Komponenten entwickelt werden könnte. Dies fühlte sich wie eine der besten Möglichkeiten an, die Bibliothek von Komponenten und die Schnittstellen, die damit erstellt werden können, darzustellen.

Ich habe in vielen meiner Designs die mit Schatten gezeigte Tiefe verwendet. Der Tiefeneffekt muss bei einigen von ihnen verfeinert werden, aber wie ich bereits sagte, sollten diese die allgemeine Idee vermitteln.

Icons 2 Layout

Icons 1 Layout

Und hier sind einige meiner ersten Skizzen, falls jemand von euch neugierig ist:

321
123

4 Logos

Ich habe vier Designs, die jeweils mehrere Iterationen haben, die oben gezeigt werden. Ich gehe auf jeden der abgebildeten etwas genauer ein.

  1. Eine modernisierte Version des ursprünglichen Logos. Ich mag die Buch- und Bibliotheksmetapher des Originals sehr. Das Cover könnte so interpretiert werden, dass es eine abstrahierte Benutzeroberfläche zeigt. Es enthält also mehrere Metaphern, was irgendwie cool ist. Der Text wird in einem ähnlichen Stil wie das neue Terminal-Symbol erstellt. Das Lesezeichen zeigt Tiefe, die mir wichtig war, weil es ein Hauptattribut von Fabric Icons und Fluent Design ist.

  2. Den Namen WindowsUI etwas wörtlich nehmend, zeigt dieses Design einen Benutzer über einer Oberfläche im Windows-Stil.

  3. Die vertikale Navigation ist ein wichtiger Bestandteil der Windows-Benutzeroberfläche, der in vielen Apps und Websites präsentiert wird. Dieses Design zeigt eine vereinfachte Version davon in einem ähnlichen Stil wie das Windows Terminal-Logo (sowohl in der Form als auch wie sie ein wichtiges Oberflächenelement hervorheben. Für das Terminal-Symbol sind es die Registerkarten anstelle der vertikalen Navigation). Die Farben sollten wahrscheinlich etwas gemischt werden, um den Text besser lesbar zu machen. Ich dachte, das passt ziemlich gut zur Windows-Designsprache.

  4. Ich habe versucht, mit den verschiedenen Iterationen dieses Designs eine extreme Abstraktion von UIs (und den Komponenten, aus denen sie bestehen) zu präsentieren. Sie sind ziemlich einfach, aber ich finde sie sehen cool aus.

@NoahFeller - Ich grabe wirklich nach Symbol 1! Ich mag es, die Buchmetapher beizubehalten, aber ich bin mir nicht sicher, ob ich das Raster auf dem Buchcover verstehe. Ich denke, das blaue Gitter fügt dem Symbol ein wenig Rauschen hinzu, was es schwierig macht, aus der Ferne zu analysieren - wie würde es mit einem einfacheren "Cover" aussehen?

@stmoy Das ist auch einer meiner Favoriten. Die Idee hinter dem Raster war meine Art, eine Benutzeroberfläche sehr vereinfacht und abstrakt darzustellen. Ich dachte auch, dass es das Framework darstellt, das WinUI ist. Ich stimme Ihrem Punkt jedoch zu. Vielleicht würden die ähnlicheren Farbtöne dazu beitragen, dass es weniger laut wirkt. Ich habe mein Bestes versucht, Blöcke zu implementieren, die dem Stil anderer Fabric-Symbole (Ihr Telefon, Terminal, Office-Symbole) entsprechen. Ich habe eine Version des Symbols unten links in meinem ersten Bild, die kein Gitter hat. Ich werde einige verschiedene Varianten ausprobieren, weil mir das Aussehen von dieser nicht gefällt. Die Farben und das Layout der Rechtecke könnten verbessert werden. Ich überlege auch, das Lesezeichen etwas zu erweitern. Danke für die Rückmeldung!

@itsmichaelwest , was stellt der Würfel in Ihrem Design dar? Für mich sieht es eher aus wie ein 3D-, AR-, Space-Symbol als ein Markup-basiertes UI-Framework

@itsmichaelwest , was stellt der Würfel in Ihrem Design dar? Für mich sieht es eher aus wie ein 3D-, AR-, Space-Symbol als ein Markup-basiertes UI-Framework

@danzil , ich bin mir nicht sicher, aber vielleicht ist es der Würfel von Fluent, der Material darstellt?

image

@stmoy @NoahFeller Ich wurde inspiriert, einige der Elemente, die Sie für Ihre Logos verwendet haben, zusammen mit der

Idea 12

@stevenbrix AFAIK das Team von Fluent Design hat sich von den

image

image

Ich hoffe, ich komme nicht zu spät zur Party!

Hier ein Beitrag von meiner Seite

WinUI_logo

Das sind meine Gedanken dahinter

  • WinUI ist in erster Linie für Windows gedacht, daher leitet sich das Logo vom Windows-Logo ab.
  • Da die Benutzeroberfläche bei der Interaktion mit dem Benutzer im Vordergrund steht, stellt die blaue Komponente hier die Benutzeroberfläche dar, wie sie vor den anderen (grauen) Komponenten des Logos steht.
  • Der blauen Komponente wurden Transparenz und Schlagschatten hinzugefügt, um Fluent Design darzustellen.
  • Die Ecken etwas abgerundet, um es etwas polierter zu machen.

Was kann man da noch machen

  • das Symbol > kann der blauen Komponente hinzugefügt werden, um WinUI hervorzuheben

Hoffe du magst es.

Vorschläge sind willkommen.

@ratishphilip Es ist eine ähnliche Idee wie eine, mit der ich

image

@mdtauk , du hast recht. In wirklich kleinen Größen werden Transparenz und Schatten nicht funktionieren.

Hier ist ein weiteres - ähnliches Konzept wie mein vorheriger Beitrag, aber inspiriert von Microsofts Einladung vom 2. Oktober. :)

WinUI_logo2

Wenn Sie das Logo um 45 Grad gegen den Uhrzeigersinn drehen, sehen Sie das Element > im Logo.

@itsmichaelwest , was stellt der Würfel in Ihrem Design dar? Für mich sieht es eher aus wie ein 3D-, AR-, Space-Symbol als ein Markup-basiertes UI-Framework

@danzil Der Würfel ist eine fließende Wiedergabe des Glas-/

XAML file icon

Ich dachte, es wäre gut, wenn das Logo für WinUI irgendwie das darstellt, was es bietet: eine Reihe von XAML-Steuerelementen und -Stilen.

Nicht so glücklich damit, aber wenn jemand dazu inspiriert ist, etwas damit zu machen, würde ich es gerne sehen!

image

Werden/sollten diese Logos synchron gehalten werden? Und sollten sie alle den WinUI-Namen teilen, wenn er für Windows UI und XAML allumfassend sein soll?

image

@mdtauk Ja – es ist unser Bestreben, alle unsere Icons mit Bildern aus dem neuen Logo zu

Timeline-Update: Ankündigung der Top 5 nächste Woche!

Liebe Community, deine Ideen sind unglaublich! Jedes Mal, wenn ich erwarte, dass Sie die Messlatte höher legen, legen Sie sie höher. Wir freuen uns sehr, mit Ihnen allen an einem Projekt wie diesem zusammenzuarbeiten. 😊

Wir streben an, Anfang nächster Woche unsere bisherigen Top-5-Picks zu veröffentlichen, damit jeder die Chance hat, sie noch einmal zu drehen, bevor wir sie am 9. September auf einen beschränken.

Bis dahin werden wir weiterhin gemeinsam mit Ihnen Brainstorming und Kreation betreiben!

Idea 14

Eine einheitliche Familie von Symbolen – Diese basieren alle auf dem 16px-Raster, sodass die Details beim Vergrößern subtiler werden könnten, wie ich in früheren Logo-Ideen gezeigt habe, die ich gepostet habe

image

Hier ist noch einer

WinUILogo

Konzept dahinter

  • WinUI besteht aus Code + XAML. Der Code wird durch geschweifte Klammern dargestellt und XAML wird durch > dargestellt.
  • Es stellt auch ein Quadrat mit abgerundeten Ecken dar, das ein Fenster mit abgerundeten Ecken bezeichnet.

Eine andere Version davon betont die XAML

WinUILogo_a

Untitled-9
Ich wollte schnell zeigen, wie eines meiner Designs für die WinUI-Symbole angepasst werden könnte, die das Hauptlogo begleiten. Mein Ziel mit Design 1 war es, das bestehende Icon im Fabric/Fluent-Stil zu modernisieren. Mein Ziel war ein frischer und neuer, aber vertrauter Look. Die gleiche Strategie wurde bei den begleitenden Symbolen verwendet. Natürlich habe ich ein paar Änderungen vorgenommen, aber ich habe mein Bestes getan, um die Grundstruktur jedes der WinUI-Symbole bei der Verwendung des Modernisierungsansatzes intakt zu lassen. Auf diese Weise verstehen die Benutzer auch nach der Einführung dieser Symbole, was sie darstellen, und ihr gemeinsames Erscheinungsbild verbindet sie als Teil eines einzigen Dienstes. Die gemeinsame Nutzung allgemeinerer Elemente mit anderen neuen Symbolen zeigt, dass sie ein Microsoft-Produkt darstellen. Da einige Teile der Icons dicker gemacht wurden (Schriftzüge und andere Details), skalieren sie eigentlich ziemlich gut.

Hier ist eine improvisierte Version meiner vorherigen Einreichung

WinUILogo2

Meine Meinung zum Logo

Eine einfache Modernisierung des aktuellen Logos, ich denke, einige der obigen Konzepte weichen, obwohl sie gut aussehen, zu sehr von der Idee des WinUI-Symbols ab. Obwohl das Icon so etwas wie ein Kästchen sein könnte, fasst es ein Notizbuch viel schöner zusammen.

Das Design ist relativ einfach und skaliert, mit abgerundeten Ecken und dezenten Farbverläufen. Einige Elemente aus anderen Microsoft-Entwicklungstools sind hier, wie < und > vom Terminal-Symbol.

image

Details (64px+-Version):

image

image

Logo mit einer _WinUI_-Wortmarke

image

Ich habe eine frühere Idee übernommen, die Farben geändert und Beispiele für die Toolkit- und Galerie-Logos hinzugefügt
Idea 12-family

Hier ist eine weitere Version meines vorherigen Logos

WinUILogo3

Ein anderes Konzept

WinUILogo4

Das vorherige Logo improvisieren

WinUILogo5

Ich mag dieses Ratishphilip sehr!

Ich war nie glücklich darüber, dass das Symbol > wie ein "End-Tag" aussieht. IE. Es stört mich, dass das Symbol im Code dort auftaucht, wo die Dinge sind ...

</finished> or </ended> (or </dead>, heaven forbid).

Aber Ihr neuestes Symbol (und andere ähnliche) sind stilisiert, um den Fokus vom Schrägstrich zu nehmen.

Ich habe mich gefragt, ob Sie es noch ein bisschen weiter stilisieren könnten ... vielleicht könnten Sie einen runden Punkt am unteren Rand des Schrägstrichs setzen, damit es eher wie ein Ausrufezeichen aussieht!

Ausrufezeichen sind relevant und werden in XAML-Kommentaren angezeigt, wie in ...

<!-- WinUI is awesome -->

Nur um die Skalierung meiner vorherigen Logoideen zu veranschaulichen, hier sind die 16px- und 128px-Symbole - Sie können die Veränderungen der Proportionen sehen, die Detaillierung zunehmen

Idea 12 - Scale

_Ich habe auch die Höhe des I- Teils der Symbole angepasst, sodass sie Schatten auf den U-Teil werfen_

Das vorherige Logo improvisieren

WinUILogo5

@ratishphilip Ich hoffe, es macht Ihnen nichts aus, aber ich habe beschlossen, Ihre Idee zu optimieren ...

ratishphilip idea refined
_Bearbeiten: Die abwechselnden Klammersymbole aus dem ursprünglichen Design wiederhergestellt_

@ratishphilip Ich hoffe, es macht Ihnen nichts aus, aber ich habe beschlossen, Ihre Idee zu optimieren ...

Kein Problem :)

@ratishphilip Ich hoffe, es macht Ihnen nichts aus, aber ich habe beschlossen, Ihre Idee zu optimieren ...

Kein Problem :)

@ratishphilip Danke. Wie sehen Sie die Erweiterung des Logos für die XAML-Steuerelemente/WinUI-Galerie und die Windows-Community/WinUI-Toolkit?

@mdtauk Hier ist mein Konzept für WinUI Gallery, Bibliothek und Toolkit

WinUILogo6

@mdtauk Hier ist mein Konzept für WinUI Gallery, Bibliothek und Toolkit

WinUILogo6

@ratishphilip Danke, und hier sind meine
ratishphilip idea refined

@mdtauk

Obwohl es interessant aussieht, sieht es mit zu vielen überlappenden Elementen und Schatten zu beschäftigt aus. Nur meine 0,02 $

@mdtauk

Obwohl es interessant aussieht, sieht es mit zu vielen überlappenden Elementen und Schatten zu beschäftigt aus. Nur meine 0,02 $

Persönlich stimme ich zu, aber ich habe nur die Idee wie vorgestellt und das Detail hinzugefügt

Hier sind ein paar weitere Konzepte. Die WinUI Toolbox ist ziemlich grob ...
WinUI Collection Fabric + WinAPI
Diese Konzepte basieren auf dem Dev Tools-Symbol
WinUI DevTools Fabric

Hier ist noch einer

WinUILogo7

Noch ein Versuch

WinUILogo8

Hier ist noch einer

WinUILogo7

Diese sehen aus wie ein schlechtes Moiré-Muster, der Schatten ist ein wenig zu stark und die Streifen scheinen die Höhe nicht gut darzustellen.

Noch ein Versuch

WinUILogo8

Diese sind ordentlicher, aber das Bibliothekslogo und das Galerielogo sind sehr ähnlich, und die Toolbox sieht nicht so aus, als würde sie in das quadratische Raster passen, also nicht nützlich bei einer Größe von 16 x 16 Pixeln

Timeline-Update: Ankündigung der Top 5 nächste Woche!

Liebe Community, deine Ideen sind unglaublich! Jedes Mal, wenn ich erwarte, dass Sie die Messlatte höher legen, legen Sie sie höher. Wir freuen uns sehr, mit Ihnen allen an einem Projekt wie diesem zusammenzuarbeiten. 😊

Wir streben an, Anfang nächster Woche unsere bisherigen Top-5-Picks zu veröffentlichen, damit jeder die Chance hat, sie noch einmal zu drehen, bevor wir sie am 9. September auf einen beschränken.

Bis dahin werden wir weiterhin gemeinsam mit Ihnen Brainstorming und Kreation betreiben!

Haben Sie eine Idee, an welchem ​​Tag Sie planen, einige dieser Ideen zu reduzieren?

Ein weiterer, abgeleitet vom Microsoft Word-Logo

WinUILogo9

Timeline-Update: Ankündigung der Top 5 nächste Woche!
Liebe Community, deine Ideen sind unglaublich! Jedes Mal, wenn ich erwarte, dass Sie die Messlatte höher legen, legen Sie sie höher. Wir freuen uns sehr, mit Ihnen allen an einem Projekt wie diesem zusammenzuarbeiten. 😊
Wir streben an, Anfang nächster Woche unsere bisherigen Top-5-Picks zu telegraphieren, damit jeder die Chance hat, sie noch einmal zu drehen, bevor wir sie am 9. September auf einen beschränken.
Bis dahin werden wir weiterhin gemeinsam mit Ihnen Brainstorming und Kreation betreiben!

Haben Sie eine Idee, an welchem ​​Tag Sie planen, einige dieser Ideen zu reduzieren?

Timeline-Update: Ankündigung der Top 5 nächste Woche!
Liebe Community, deine Ideen sind unglaublich! Jedes Mal, wenn ich erwarte, dass Sie die Messlatte höher legen, legen Sie sie höher. Wir freuen uns sehr, mit Ihnen allen an einem Projekt wie diesem zusammenzuarbeiten. 😊
Wir streben an, Anfang nächster Woche unsere Top-5-Picks zu telegraphieren, damit jeder die Chance hat, sie noch einmal zu drehen, bevor wir sie am 9. September auf einen beschränken.
Bis dahin werden wir weiterhin gemeinsam mit Ihnen Brainstorming und Kreation betreiben!

Haben Sie eine Idee, an welchem ​​Tag Sie planen, einige dieser Ideen zu reduzieren?

@mdtauk Ich @ryandemopoulos und wir haben dann entweder unsere Top 5 oder einen genaueren Zeitrahmen, mit dem ich

@SavoySchuler Hallo Savoy, danke für das Update! Toll zu sehen, dass die Community dabei so aktiv ist :)!

Ich mag viele Konzepte sehr, insbesondere solche, bei denen die Galerie, die Bibliothek und das Toolkit ein ähnliches Aussehen und Gefühl haben. Wir könnten dies sogar erweitern, um die Benutzeroberflächen des Community Toolkits und der Galerie-App so auszurichten, dass eine einheitliche Botschaft für neue UWP-Entwickler angezeigt wird.

Ich habe mich gefragt, ob Sie auch jemanden aus dem Designteam haben, der sich die Einreichungen ansieht? Farbschattierung (für Zugänglichkeit) und Skalierbarkeit sind Dinge, die wirklich wichtig sind und Designer neigen dazu, viel mehr Erfahrung mit diesen Dingen zu haben als wir Entwickler :)!

WinUI wordmarks

Hier sind einige Wortmarken-Ideen und Namenskonventionen. WinUI _________, damit sich alles anfühlt, als gehörte es zu einer umfassenden Familie.

WinUI naming

Alle _Flavours_ von WinUI sollten eine ebenso einfache Namenskonvention haben, also WinUI _for_ _____

@SavoySchuler Hallo Savoy, danke für das Update! Toll zu sehen, dass die Community dabei so aktiv ist :)!

Ich mag viele Konzepte sehr, insbesondere solche, bei denen die Galerie, die Bibliothek und das Toolkit ein ähnliches Aussehen und Gefühl haben. Wir könnten dies sogar erweitern, um die Benutzeroberflächen des Community Toolkits und der Galerie-App so auszurichten, dass eine einheitliche Botschaft für neue UWP-Entwickler angezeigt wird.

Ich habe mich gefragt, ob Sie auch jemanden aus dem Designteam haben, der sich die Einreichungen ansieht? Farbschattierung (für Zugänglichkeit) und Skalierbarkeit sind Dinge, die wirklich wichtig sind und Designer neigen dazu, viel mehr Erfahrung mit diesen Dingen zu haben als wir Entwickler :)!

Tolle Frage, @niels9001! Wir haben Design- und Barrierefreiheitsexperten in unserem Team sowie einen erforderlichen globalen Compliance-Check - all dies gewährleistet ein zugängliches und passendes Logo für alle. 😊 Ich warte, bis wir unsere Top-Kandidaten ausgewählt haben, bevor ich diesen Prozess anwende, da dies sonst zu einem unangemessenen Mithören der 121 großartigen und einzigartigen Einreichungen führen würde, die wir bisher gesehen haben!

Ich glaube nicht, dass einer von uns erwartet hat, dass ein einziges Design so genommen wird, wie es ist, natürlich dienen sie alle als eine Art Moodboard, das die Designexperten von Microsoft nehmen und formen und ein endgültiges Design / Framework erstellen, das zukünftige Logos enthält und Symbole können basieren.

Die Tatsache, dass diejenigen von uns, die uns beigetragen haben, sich gegenseitig beeinflusst haben, wird hoffentlich ein endgültiges Design bedeuten, wird wiedererkennbare Teile von vielen Ideen aufweisen 🙂

Ich glaube nicht, dass einer von uns erwartet hat, dass ein einziges Design so genommen wird, wie es ist, natürlich dienen sie alle als eine Art Moodboard, das die Designexperten von Microsoft nehmen und formen und ein endgültiges Design / Framework erstellen, das zukünftige Logos enthält und Symbole können basieren.

Großartiger Aufruf, @mdtauk! Das ist richtig - wir können die endgültige Auswahl basierend auf dem Feedback aus den oben genannten Ressourcen ändern, aber ich würde mich auch freuen, die Originalarbeit eines Community-Mitglieds zu präsentieren, damit wir sehen müssen, was die Zukunft für unsere endgültige Auswahl bereithält .

Die Tatsache, dass diejenigen von uns, die uns beigetragen haben, sich gegenseitig beeinflusst haben, wird hoffentlich ein endgültiges Design bedeuten, wird wiedererkennbare Teile von vielen Ideen aufweisen 🙂

Was dies betrifft, werde ich sicherlich zu Variationen und alternativen Takes in den Top 5 ermutigen, nachdem wir diese veröffentlicht haben! 🙂

@SavoySchuler Werden Sie Feedback zu den 5 geben, die Sie auswählen? Und Feedback zu allen, die einfach zu kurz kommen. Das Feedback von Ihnen und dem Team wird uns helfen, sie weiter zu verfeinern und optimierte Versionen der ausgewählten Designs des anderen beizutragen.

@SavoySchuler Werden Sie Feedback zu den 5 geben, die Sie auswählen? Und Feedback zu allen, die einfach zu kurz kommen. Das Feedback von Ihnen und dem Team wird uns helfen, sie weiter zu verfeinern und optimierte Versionen der ausgewählten Designs des anderen beizutragen.

@mdtauk Eine weitere tolle Frage! Ich habe in den letzten Wochen auf verschiedene Weise 86 Personen intern zu unseren (jetzt) ​​121 Einreichungen befragt. Aufgrund des Volumens kann ich kein umfassendes Feedback geben, aber ich kann einige persönliche Anmerkungen zu den letzten 5 zusammenfassen und besonders Interessierte dazu ermutigen, dasselbe zu tun. Ich habe gezögert, während dieser offenen Runde Feedback zu geben, da ich vorsichtig bin, Einschränkungen zu schaffen, die die Kreativität dieses Threads behindern, aber ich verstehe auch, dass ich Ihre Richtung einschätzen möchte. Ich habe unten einige allgemeine Rückmeldungen zusammengefasst:

  • Winkelklammern + Würfel-/Sechskant-Designs werden fast überall bevorzugt. Stilistisch sind diese Designs einfach, einzigartig, im gesamten Logo-Spektrum erkennbar und in verschiedenen Größen gut skaliert. Der allgemeine Konsens, den ich beobachtet habe, ist, dass die spitzen Klammern (auch wenn sie für einige kontrovers sind) auf unsere Geschichte hinweisen und auf ein in Software verwurzeltes Produkt hinweisen, während der Würfel / das Sechseck eine Hommage an das Ökosystem des Fluent Design Systems darstellt und abstrakt Dinge in der Art von . vermittelt Farbe, Tiefe, Beleuchtung, Material usw.
  • Das klassische Bibliotheksbuch, das abstrakte "App-Fenster" im Office-Stil und kreisförmige .NET-Designs sind als vorläufige Zweitplatzierte relativ gebunden. Ich glaube, dass dies auf Ähnlichkeit, Präzedenzfall und Vertrautheit mit anderen Produktlogos des Windows-Entwicklerökosystems zurückzuführen ist. Sie neigen auch dazu, einfach, klar und klar zu sein.
  • Umgekehrt zum ersten Aufzählungspunkt rufen Logos, die stilistisch komplex mit mehreren gebänderten Schattierungen und Komponenten sind, Bedenken hinsichtlich der Skalierung für kleine Größen auf, ohne dabei beschäftigt zu wirken.

Und Feedback zu allen, die einfach zu kurz kommen.

Was dies angeht - schreibe mir gerne eine DM über alle Einsendungen, die dich besonders interessieren, und ich kann sehen, was ich dir bringen kann. 🙂

Ich warte gespannt darauf, die 5 zu sehen, die werden , und hoffentlich einige Kommentare zu diesen 5, die eine Richtung geben, welche Änderungen angestrebt werden

Yeah @SavoySchuler ,

Jedes Feedback ist immer willkommen. Wie @mdtauk bereits erwähnte, würden uns diese Kommentare sicherlich helfen, in die richtige Richtung zu gehen. Hoffentlich wird die gemeinsame Anstrengung von uns allen dazu führen, das beste Logo für WinUI zu erhalten.

controls-1x
fluentdesign-app-header

73c6c980871835 5cee218391221
788b8080871835 5cee2183914f2
Ich wollte hinzufügen, dass ich sehen konnte, dass einige Designs auf der Fluent Design-Website angepasst / optimiert wurden, um als WinUI-Logo zu funktionieren (z. B. oberes Bild). Die gleiche Geschichte mit einigen der Fluent-Ikonen (ich dachte, Licht oder Material könnten ein guter Ausgangspunkt sein). Ich dachte, einige von euch könnten die unteren Bilder interessant finden. Sie zeigen Tiefe und Aspekte von Microsofts neuem Icon-Design-Stil. Sie könnten den Finalisten als Inspiration dienen, über ihre Designs in einem 3D-Raum nachzudenken.

_Logoebenen und -tiefe_
1_Y12LiOMu-9R9WZrvkh7HXQ

_Logoraster_
1_c0ea_S6S2-jY2IGzII_-Fw

_Tiefe und Schrägstriche aus Build 2019_
Build_2019_web_header_1900x300

_Aktuelles und aktualisiertes Fluent Imagary_
1_8MRcLQULvZ_lAtfB_3UBFg

_Vielleicht frühe Versionen der Office-Symbole_
image

Ich weiß, es ist etwas spät, aber das Symbol ganz rechts auf Ihrem vorletzten Bild (das mit dem schwarzen Hintergrund und den weißen Symbolen) würde auch für das WinUI-Symbol sehr gut funktionieren. Es ist einfach, sauber und funktioniert mit Farben (ich konnte verschiedene Blautöne sehen) oder wie mit dem Umrissdesign.

Ich weiß, es ist etwas spät, aber das Symbol ganz rechts auf Ihrem vorletzten Bild (das mit dem schwarzen Hintergrund und den weißen Symbolen) würde auch für das WinUI-Symbol sehr gut funktionieren. Es ist einfach, sauber und funktioniert mit Farben (ich konnte verschiedene Blautöne sehen) oder wie mit dem Umrissdesign.

Ich habe schon früh versucht, etwas Ähnliches zu machen.

image

MERCH-Modelle zum Spaß! (Aus einem meiner Designs)
Folded-Sweatshirt-Mockup 1
Folded-Sweatshirt-Mockup
MockUp
Tshirt Mockup

Folded-Sweatshirt-Mockup 1 (2)

Auch dieses Sweatshirt sieht super bequem aus und jetzt möchte ich irgendwie eines. Ich werde versuchen, mich vom Sweatshirt-Shopping abzuhalten, lol.

Fabelhafte Community, wir sind bei den Ergebnissen der ersten Runde angekommen!

Intern und extern war das Polling klar genug, um auf eine packführende Nummer 1 zu kommen! Aber bevor ich was sage...

Dankeschön!

Im Namen des gesamten WinUI-Teams "Danke!" an alle, die hier und in unseren Social-Media-Streams mitgearbeitet und beigetragen haben. Nach den Zahlen, die wir hatten...

  • 121 Einsendungen
  • 30 Beitragsautoren
  • 86 Teammitglieder befragt

Dies war eine _Show of Force_, die wir nie erwartet hätten! Sie sind FANTASTISCH!

Das vorläufige neue WinUI-Logo, eingereicht von @itsmichaelwest!

Dieses elegante Design bleibt die Top-Einreichung im Issue-Thread UND wurde fast einstimmig von allen befragten Teammitgliedern ausgewählt. Es gibt zu viel zu lieben an diesem Logo, um es hier zu beschreiben. Stil, Eleganz, Skalierbarkeit, Theme-Fähigkeit, alles rockt. Danke @itsmichaelwest für die Erstellung dieses Dynamit-Logos.

winui logo submission

Unglaubliche Zweitplatzierungen!

Als Inspiration für das Riffing des Designs von

  1. von @mdtauk

winui logo submission

  1. auch von @mdtauk

winui logo submission

  1. von @niels9001

winui logo submission

  1. von @NoahFeller

winui logo submission

  1. von @ratishphilip

winui logo submission

Und ehrenvolle Erwähnung an @IUsername für diese farbenfrohen und originellen Einsendungen:

winui logo submission

Nochmals herzlichen Glückwunsch und danke an alle!

Was machen wir jetzt?

Wir würden uns freuen, einige Riffs und Variationen dieses Designs zu sehen! Aufgrund von Microsoft Ignite hat sich unsere Frist auf Freitag, den 6. September um 8 Uhr PST verschoben, sodass wir Varianteneinsendungen bis Donnerstag, den 5. September um Mitternacht PST akzeptieren.

Zur Inspiration sind dies Variationen des Logos von

1. Klammern?

Wir haben die Idee untersucht, WinUI über die Markdown-Sprache hinaus zu erweitern, und werden dies möglicherweise in Zukunft tun, was bedeuten würde, über diese "< >"-Syntax hinauszugehen. Glaubst du, der Würfel könnte stark genug sein, um alleine zu stehen? Wenn ja, hat jemand Ideen, die dabei helfen könnten?

2. Text drin?

Für Microsoft Ignite werden wir sechseckige Aufkleber erstellen. Dieses Design passt perfekt in diese Form, aber wir müssen den "WinUI"-Text im Würfel verschieben. Hat jemand eine Idee, wie wir diese Variante toll aussehen lassen könnten?

3. Farben?

Hat jemand alternative Farbvorschläge? Wir sind glücklich mit dem blauen Thema, aber wir sind auch nicht besonders damit verheiratet. Wir sind offen für alternative Vorschläge!

4. Eigenständig oder +Text?

Brauchen wir den "WinUI"-Text _als Teil_ des Logos oder ist das Würfeldesign stark genug, um für sich allein zu stehen? Mit dem < >? Ohne?

Wenn der Würfel als übergreifendes Symbol fungieren soll, muss er visuell behandelt werden, um ihn einzigartig zu machen.

Bei 16 x 16 ist nicht viel Platz für etwas anderes als den Würfel, daher müssen Dinge wie das Toolkit und die Galerie clever sein, um den Würfel und mehr in den kleineren Größen aufzunehmen.

Wird dieses WinUI-Logo auch das neue XAML-Logo? Da XAML den Cube in Klammern verwendet, was macht dies also zu mehr als nur XAML?

Hier sind die Farben der Microsoft-Unternehmensmarke
image

Zugelassene Farbkombinationen
image

Universelle Windows-Farben
image

Herzlichen Glückwunsch @itsmichaelwest!

Filled Cube Idea

WinUILogo10

WinUILogo11

Hier ist ein weiteres Konzept basierend auf dem Würfel und den spitzen Klammern...

image
Grobes Konzept basierend auf @ratishphilip

image
image

Wir müssen aufpassen, dass wir nicht mit dem Unity-Logo verwechselt werden...

image

@mdtauk Daran habe ich nicht gedacht!
Ehrlich gesagt denke ich, dass der Würfelwinkel unterschiedlich genug ist, aber wie auch immer, es scheint, als hätten wir die Top-5-Ideen bereits ausgewählt.

Ich hatte noch ein paar Ideen.
image

Inner Cube idea

Fluent 2019 Cube

Asset 21winui_cube4

WinUILogo11_2

Woah 😮Ich bin so begeistert, dass das Team mein Logo geliebt hat!

Logo-Updates

Ich habe nach alternativen Versionen des Würfels gesucht, die sich von den anderen Designs in diesem Thread inspirieren lassen. Ich mochte besonders @mdtauks Verwendung der Farben von der Fluent-Website und habe daher eine Version des Würfels entwickelt, die diese Farbverläufe verwendet (_dies ist nicht endgültig!_). Die Klammern habe ich vorerst auch weggelassen, vielleicht kann dieser "Fluent Cube" alleine stehen:

WinUI_LogoExporation_V2_GitHub

Aufkleber

Hier sind ein paar Aufkleberideen. Die erste verkleinert den Würfel und fügt den WinUI-Text sowie einen Link zum Repository hinzu. Die zweite fügt dem Cube eine Überlagerung mit dem WinUI-Text hinzu. Unsicher, was am besten funktioniert und ob ein Link zum Repo erforderlich ist.

WinUI_StickerExploration_V2_GitHub

Der zweite Aufkleber könnte auch als Social-Media-Logo funktionieren.

Werde das weiter entwickeln. Danke an alle, die in diesem Thread Inspiration liefern! 😃

Inner Cube idea

Inner Cube Toolkit idea

Toolkit-Version dieses Logos

image
Ein paar verschiedene Blickwinkel für ein Konzept, das auf einem der Symbole von

image

Fluent Inner Cube Dark

Fluent Inner Cube Light

Cool.. Ich mag diese Richtung.

Nur zur Bewahrung des Verstandes.. was glauben wir, dass 'der Würfel' repräsentiert? Wäre schön, da eine kleine Begründung zu haben.

Ich mag den Link zu Fluent Design

Der Würfel war nicht meine anfängliche Präferenz, weil es schwierig ist, dieses Symbol als Logo oder Marke zu besitzen. Mit den Klammern verknüpft es es intrinsisch mit XAML, und wer weiß, welche anderen UI-Paradigmen in Zukunft auftauchen könnten.

Also... Ich habe den Würfel als einen Kern behandelt, also entweder einen Würfel innerhalb eines Würfels, als einen Teil des Kerns.

Im ursprünglichen XAML-Logo glaube ich, dass der Cube ein Objekt ist, wie bei der objektorientierten Codierung, oder ein XML/XAML-Element.

Two Tone Cube Dark

Two Tone Cube Light

Untitled-3-01

Outlined Cube

Wird dieses WinUI-Logo auch das neue XAML-Logo? Da XAML den Cube in Klammern verwendet, was macht dies also zu mehr als nur XAML?

@mdtauk Wenn ich die Frage falsch verstanden habe, lassen Sie es mich bitte wissen, aber es ist derzeit nicht beabsichtigt, das klassische Xaml-Logo zu ersetzen oder zu aktualisieren - dies ist nur für WinUI. Ich bin mir auch nicht sicher, ob das klassische Xaml-Logo in irgendeiner Funktion über ältere Dokumentartikel hinaus aktiv verwendet wird. Wenn Sie etwas anderes gesehen haben, lassen Sie es mich bitte wissen!

@mdtauk Ihr

WinUILogo11

Hier ist ein weiteres Konzept basierend auf dem Würfel und den spitzen Klammern...

@ratishphilip - @ryandemopoulos , @stmoy und ich mögen es wirklich, wie in sich geschlossen dieses Design ist. @mdtauk , auch ein interessanter

Inner Cube idea

Inner Cube Toolkit idea

Galerieversion neben den anderen hinzugefügt
Inner Cube Gallery

Hier sind einige Logos aus anderen Frameworks - damit wir versuchen können, ähnliche Designs zu vermeiden.

Winkel JS
image

Xamarin
image

Typoskript
image

Knoten JS
image

Reagieren
image

Flattern
image

ionisch
image

HTML / CSS / JS
image

Material Design
image

Schnelle Benutzeroberfläche
image

Aktualisierung der Halbfinalrunde

Wir haben uns gerade wieder getroffen, um alles, was seit dem letzten netten hereingekommen ist, noch einmal Revue passieren zu lassen. Als erstes besprachen wir: Wow, ihr seid alle großartig! Und schnell!

Zweitens sind uns drei Designs (zusätzlich zum Original von @itsmichaelwest )

  1. > Ich habe nach alternativen Versionen des Würfels gesucht, die sich von den anderen Designs in diesem Thread inspirieren lassen. Ich mochte besonders @mdtauks Verwendung der Farben von der Fluent-Website und habe daher eine Version des Würfels entwickelt, die diese Farbverläufe verwendet (_dies ist nicht endgültig!_). Die Klammern habe ich vorerst auch weggelassen, vielleicht kann dieser "Fluent Cube" alleine stehen:
    >WinUI_LogoExporation_V2_GitHub

Uns gefällt sehr, was du hier gemacht hast! Gibt es eine Chance, dass Sie eine High-Fidelity-Version haben, mit der Sie uns zeigen können, wie das mit Klammern an der Seite aussieht? Wir stellen uns so etwas vor:

WinUI Icon Simple Mock

  1. @mdtauk und @ratishphilip , wir mögen das fette Orange, das Sie beide gepostet haben! Wir würden uns über weitere Farbvarianten freuen, die Sie für großartig halten. Ich habe unten einige alternative Farbschemata verspottet. Das Oberteil verwendet die oben geposteten Microsoft-Markenfarben

WinUI Logo Alternate Colors 1

WinUI Logo Alternate Colors 2

  1. @mdtauk , dieser hast ,

WinUI White Cube Logo

image
@SavoySchuler Ich mag dieses, das du gepostet hast, sehr.

  1. @mdtauk , dieser hast ,

🚨 Große Bilder eingehend 🚨
Export Fluent Inner Cube Dark
Export Fluent Inner Cube Light

Größen umfassen 1024 x 1024 (mit und ohne Text) - 16 x 16 - 32 x 32 - 64 x 64 - 128 x 128 - 256 x 256 - 4096 x 4096

Helle und dunkle Versionen

Ich liebe das gerade gepostete Symbol @mdtauk ! Sieht toll aus!

@SavoySchuler > Hat jemand Farbkombinationen, die Sie für "Pop" halten?

Two Tone Cube Dark
Lila und Orange ist eine klassische Komplementärfarbkombination. Aber zwei Farben auf einem einzigen Würfel zu haben, würde etwas seltsam aussehen

Two Tone Cube Dark - G + Y
Grün und Gelb

Two Tone Cube Light - B + P
Blau und Pink

image

@SavoySchuler > Hat jemand Farbkombinationen, die Sie für "Pop" halten?

Two Tone Cube Dark
Lila und Orange ist eine klassische Komplementärfarbkombination. Aber zwei Farben auf einem einzigen Würfel zu haben, würde etwas seltsam aussehen

Two Tone Cube Dark - G + Y
Grün und Gelb

Two Tone Cube Light - B + P
Blau und Pink

@mdtauk Gibt es eine dieser Farbkombinationen, die Sie in einem dieser Designs sehen konnten?

WinUI Logo Alternate Colors 2
WinUI Logo Alternate Colors

@itsmichaelwest Mir ist gerade

@SavoySchuler

Filled Cube - Purple

Blau > Rosa

Filled Cube - Teal

Blaugrün > Blau

Sie könnten so etwas tun, ein analoges Schema über den Cube

Das zweite mit dem Teal > Blue ist bisher mein Favorit!

Cool.. Ich mag diese Richtung.

Nur zur Bewahrung des Verstandes.. was glauben wir, dass 'der Würfel' repräsentiert? Wäre schön, da eine kleine Begründung zu haben.

Ich mag den Link zu Fluent Design

Tolle Frage, @niels9001! Die Leute haben in diesem jetzt massiven Thread ein paar Takes angeboten.

Für viele ist es eine Hommage an die hier gezeigten Prinzipien des Fluent Designs System (in Würfelform):

Fluent Design System principles in visual metaphor

Es ist auch eine Hommage an das ursprüngliche Xaml-Logo:

Original Xaml logo

Aber andere, wie ich und @pag3 , haben es als "Baustein" und die WinUI-Plattform und ihre Angebote als genau das beschrieben - die Bausteine ​​für die Benutzeroberfläche.

@SavoySchuler

Filled Cube - Purple

Blau > Rosa

Filled Cube - Teal

Blaugrün > Blau

Sie könnten so etwas tun, ein analoges Schema über den Cube

Ich liebe diese auch! Tolle Auswahl, @mdtauk!

Untitled-1

Hier ist ein Design, das ich vor einiger Zeit für ein anderes Projekt erstellt habe, es aber nicht benötigt habe. Ich habe mich entschieden, es hier einzureichen! Es funktioniert hier super gut, weil es viele Prinzipien des Fluent Design Systems zeigt:
Licht – Das Leuchten aus dem Inneren des Würfels.
Tiefe - Es ist ein 3D-Würfel mit sichtbarer Tiefe.
Material - Hat einen coolen Acryl-Look.
Scale - Kleine Würfel in einem großen Würfel haben kontrastierende Größen.

Ich finde auch, dass es ziemlich cool aussieht und etwas einzigartig ist. Es vermeidet das Problem mit einigen Designs hier als generisch. Es gibt viele Sechseck- / Würfellogos, daher kann es schwierig sein, anders zu sein (ich denke, dieses Design ist nicht generisch). Auch das helle Bit in der Mitte kann für andere komplementäre Designs und Muster verwendet werden. Hier ist ein Beispiel:

Untitled-2

Offen für Feedback!

@NoahFeller Das sieht

Danke @yaichenbaum. (Du hast es kommentiert, bevor ich diese Erklärung posten wollte lol)
Untitled-12t53
.
.
.
.
Untitled-61

Ich bin mir ziemlich sicher, dass ich diese Gitterstruktur irgendwo im Zusammenhang mit Fluent Design gesehen habe. Auf weißem Hintergrund benötigt das Design entweder einen Schatten direkt dahinter oder die Würfelfarbe auf Schwarz. Ich werde sicher noch etwas experimentieren!

Filled Cube - Yellow + Blue

Untitled-61

Ich bin mir ziemlich sicher, dass ich diese Gitterstruktur irgendwo im Zusammenhang mit Fluent Design gesehen habe. Auf weißem Hintergrund benötigt das Design entweder einen Schatten direkt dahinter oder die Würfelfarbe auf Schwarz. Ich werde sicher noch etwas experimentieren!

image

Filled Cube - T + P

Filled Cube - O + P

@ratishphilip - @ryandemopoulos , @stmoy und ich mögen es wirklich, wie in sich geschlossen dieses Design ist.

Danke für die Rückmeldung.

Hier ist ein verfeinertes Logo.

WinUILogo12A

Hier ist eine weitere Version des vorherigen Logos. Mein Ziel hier ist es, darzustellen, dass ein Teil des Würfels abgeschnitten wurde, um den Kern des Würfels zu zeigen (genau wie in Erddiagrammen gezeigt).

WinUILogo12B

Hier ist eine weitere Version des vorherigen Logos. Mein Ziel hier ist es, darzustellen, dass ein Teil des Würfels abgeschnitten wurde, um den Kern des Würfels zu zeigen (genau wie in Erddiagrammen gezeigt).

WinUILogo12B

Das erste, was ich sehe, ist ein Play-Symbol

Hier ist ein weiterer basierend auf @NoahFellers Fluent-Würfel

WinUILogo12C

Hier ist das vorherige Logo ohne den Schnitt
WinUILogo12D

Eine weitere Version von
Light Cube

Eine weitere Version von
Light Cube

Denkst du nicht, dass dies die spitzen Klammern etwas aus dem Gleichgewicht bringt?

Eine weitere Version von
Light Cube

Denkst du nicht, dass dies die spitzen Klammern etwas aus dem Gleichgewicht bringt?

Das tut es, sicher - aber es passt sich den Flächen des Würfels an. Ich wollte nur den Farbstil ausprobieren.

Und was ist eine kleine Asymmetrie zwischen Freunden 😄

Nicht meine stolzeste Arbeit, aber ich habe versucht, die Klammern zu @NoahFellers Idee

WinUI Semi-Transparent Logo

Ich sehe, was du vorhattest @SavoySchuler. Ich habe das Gefühl, dass das Symbol die Klammern möglicherweise nicht benötigt und stark genug ist, um alleine zu stehen. Ich werde das Design auf jeden Fall wiederholen (vereinfachen und / oder modifizieren) und einige verschiedene Versionen hochladen, einige mit und einige ohne Klammern. Ich habe das Gefühl, dass das Symbol gedreht nicht so gut aussieht, obwohl das behoben werden kann 🙂. Durch das Hochladen habe ich nur versucht abzuschätzen, ob die Leute ein ähnliches Design wünschen oder nicht. Das Feedback scheint gut gewesen zu sein, also werde ich weiterarbeiten. Danke für die Vorschläge.

Eine weitere Version von
Light Cube

Ich liebe die zwei Schattierungen auf der Halterung!

4096
Fluent Inner Cube 4096

1024
Fluent Inner Cube 1024

256
Fluent Inner Cube 256

128
Fluent Inner Cube 128

64
Fluent Inner Cube 64

32
Fluent Inner Cube 32

16
Fluent Inner Cube 16

4096
Fluent Inner Cube 4096

1024
Fluent Inner Cube 1024

256
Fluent Inner Cube 256

128
Fluent Inner Cube 128

64
Fluent Inner Cube 64

32
Fluent Inner Cube 32

16
Fluent Inner Cube 16

4096
Fluent Inner Cube 4096
Fluent Inner Cube 4096

1024
Fluent Inner Cube 1024
Fluent Inner Cube 1024

256
Fluent Inner Cube 256
Fluent Inner Cube 256

128
Fluent Inner Cube 128
Fluent Inner Cube 128

64
Fluent Inner Cube 64
Fluent Inner Cube 64

32
Fluent Inner Cube 32

16
Fluent Inner Cube 16

Uns gefällt sehr, was du hier gemacht hast! Gibt es eine Chance, dass Sie eine High-Fidelity-Version haben, mit der Sie uns zeigen können, wie das mit Klammern an der Seite aussieht? Wir stellen uns so etwas vor:

WinUI Icon Simple Mock

@SavoySchuler , los geht's! Sorry für die Wartezeit, dieser Thread scheint sich ziemlich schnell zu bewegen!

WinUI_LogoExporation_V3_GitHub

Export Inner Cube - Mono

Einfarbige Version

@itsmichaelwest >hier gehts! Sorry für die Wartezeit, dieser Thread scheint sich ziemlich schnell zu bewegen!

Entschuldigung...

Hier sind einige, die jedoch die Farbbehandlung von Michael West verwenden ...

4096
Fluent Inner Cube 4096

1024
Fluent Inner Cube 1024

256
Fluent Inner Cube 256

128
Fluent Inner Cube 128

64
Fluent Inner Cube 64

32
Fluent Inner Cube 32

16
Fluent Inner Cube 16

Nur 1024 Würfel
Fluent Inner Cube Only 1024

4096 Nur Würfel
Fluent Inner Cube Only 4096

Ich glaube, ich bin fertig mit diesen Variationen, es sei denn, @SavoySchuler @itsmichaelwest oder andere wollen etwas

https://www.figma.com/file/KCQQ1wtMBnWxsXrmDOHmhB/WinUI-Logo-Share?node-id=0%3A1
_Hier ist der Link zur Figma-Datei mit einigen meiner Logos in_

@mdtauk - vielen Dank für all Ihre Beiträge und Variationen. Eine kurze Frage - viele der Designs sind "Würfel im Würfel". Was soll dieser Doppelwürfel vermitteln?

@itsmichaelwest schlug ursprünglich vor, das XAML-

Ich betrachte den Cube als einen Kern, einen Kernbestandteil beim Erstellen von Windows-Apps, und habe mich daher entschieden, das Konzept eines Kerns zu veranschaulichen, indem ein Teil des Würfels heraussticht. Ich spielte auch mit einem "Leerraum" herum, um zu zeigen, dass dies ein Raum zum Bauen ist.

Aber es spielt eine gewisse Rolle, das Würfel- und Bracket-Design zu etwas "Besitzbarem" und Besonderem zu machen, unter den Tausenden anderer würfelbasierter Ikonographien da draußen.

image

Untitled-3

Dunkel/Hell-Version. Arbeite noch ein bisschen an der blauen Farbe. Feedback ist wie immer willkommen.

@yaichenbaum Ich wollte sehen, wie eine monochrome Version des von Ihnen geposteten Würfels aussehen könnte, aber ich bin kein Künstler, also habe ich das in Paint buchstäblich grob verspottet: :)

image

Sehen Sie so eine monochrome Version vor oder haben Sie eine andere Vorstellung davon, wie eine monochrome Version aussehen könnte?

Ich würde es gerne komplett neu zeichnen, wenn es in Betracht gezogen wird, aber hier ist eine kurze Bearbeitung mit meinen Gedanken: Diese sind nur im 16px-Maßstab, daher ist ein vollständiges Neuzeichnen erforderlich.

Bracket Inner

Untitled-4

Schnelles (nicht ganz fertiges) monochromatisches Modell meines Designs. Ziemlich flüssig .

Völlig neue Richtung, die wirklich fließend ist und leicht verschiedene Farben verwenden kann, um auf Swag, Aufkleber usw. zu passen. Dieses Design zeigt sowohl Bausteine ​​als auch einen versteckten in der Mitte an. Ich kann in anderen Farben für hellere Hintergründe zeigen, wenn die Leute interessiert sind.
image
Und auch eine 3D-Version, mit und ohne Umriss.
image

@yaichenbaum Ich wollte sehen, wie eine monochrome Version des von Ihnen geposteten Würfels aussehen könnte, aber ich bin kein Künstler, also habe ich das in Paint buchstäblich grob verspottet: :)

image

Sehen Sie so eine monochrome Version vor oder haben Sie eine andere Vorstellung davon, wie eine monochrome Version aussehen könnte?

@SavoySchuler Ist das in Ordnung?

Einfarbig
Fluent Inner Cube Mono Black
Fluent Inner Cube Mono

4096
Fluent Inner Cube 4096

1024
Fluent Inner Cube 1024

256
Fluent Inner Cube 256

128
Fluent Inner Cube 128

64
Fluent Inner Cube 64

32
Fluent Inner Cube 32

16
Fluent Inner Cube 16

ABSCHLIESSENDE FRAGE

@itsmichaelwest und @mdtauk unsere letzten beiden

image

image

@itsmichaelwest

Bei Ihrem Logo gibt es einige Bedenken, wie die 2D-Klammern und 3D-Würfel zusammenhängen. Können Sie sich Änderungen vorstellen, die dazu beitragen könnten, dass sich diese Komponenten zusammenhängender präsentieren? Wir sind uns nicht sicher, was genau benötigt wird - wenn es um Abstände, Farben usw. geht... nur, dass es sich etwas unzusammenhängend anfühlt.

@mdtauk

Für Ihr Logo hier antworteten mehrere befragte Personen, dass sie verwirrt waren, weil sie dachten, dass die Klammern im Inneren des Würfels Buchstaben wie "I" und "J" sein sollten. Um es anders zu formulieren - es gab Bedenken, dass sie das Gefühl von Klammern verloren haben. Es schien mit dem letzten Update besser zu werden, als Sie sie etwas ausgedünnt haben, aber wir sind uns nicht sicher, ob wir etwas tun können, damit sie sich eher wie Klammern anfühlen.

Wir würden auch gerne sowohl ausgehöhlte als auch ausgefüllte Klammerlinien in den monochromatischen Einstellungen sehen, falls relevant:

image
image

Beide

Für alle endgültigen Einsendungen würden wir uns freuen, sie zu sehen:

  • Farbige und monochrome Versionen vor schwarzem und weißem Hintergrund
  • In 16 x 16 Pixel, 64 x 64 Pixel und High-Res-Größen

Dankeschön

Wir wissen, haben viel gefragt. Als wir mit diesem ganzen Prozess begannen, wussten wir nicht, dass wir so viele großartige Möglichkeiten haben würden, darüber nachzudenken und dass die Qualität der Einreichungen so unglaublich sein würde.

Sie alle haben die Messlatte so hoch angehoben, dass ich finde, dass wir jetzt über jedes kleine Pixel und jede Kurve knabbern. Wir sind deshalb so wählerisch, weil Sie uns alle Gold gegeben haben.

Wenn eine dieser letzten Anfragen zu viel verlangt – wir verstehen. Unabhängig von weiteren Bemühungen werden wir Ihnen beiden und einigen anderen ein wohlverdientes "Dankeschön" senden! Swag, der die Beiträge trägt, die Sie hier geleistet haben.

Herzlichen Glückwunsch an @mdtauk und @itsmichaelwest.
Es ist möglich, dass das von Ihnen erwähnte Problem mit den Leuten, die es als I und J sehen, damit zu tun hat, dass die Verwendung von zwei Farben für die linke Klammer sie wie eine Reflexion auf der Oberseite aussehen lässt. Vielleicht würde die Verwendung der gleichen Farbe für die gesamte Halterung dieses "Reflexionsproblem" beheben und dann wird die andere Halterung nicht mehr als J angezeigt.

@SavoySchuler

@itsmichaelwest
Bei Ihrem Logo gibt es einige Bedenken, wie die 2D-Klammern und 3D-Würfel zusammenhängen. Können Sie sich Änderungen vorstellen, die dazu beitragen könnten, dass sich diese Komponenten zusammenhängender präsentieren? Wir sind uns nicht sicher, was genau benötigt wird - wenn es um Abstände, Farben usw. geht... nur, dass es sich etwas unzusammenhängend anfühlt.

Ich habe einen Vorschlag dafür, aber es wird an Michael liegen, eine Lösung vorzuschlagen.
Fluent Cube 4096
Die Schattierung an den Halterungen ist inline mit der Schattierung am Würfel.

Glückwunsch Jungs! Ein bisschen Feedback / Ideen: Ich finde das Design von @mdtauk wickelt, verbessert werden könnte, weil es für mich nicht richtig aussieht. Vielleicht möchten Sie das Glühen auch etwas kugelförmiger gestalten, da sich das dunkelviolette Stück etwas weit nach unten erstreckt. Schöne Designs, nur ein paar mögliche Verfeinerungen, an die ich gedacht habe.

@yaichenbaum Die Klammer, die wie ein J aussah, war ganz rechts (auf dem Logo von @mdtauk ); einige Teammitglieder fanden es zu J-ish. Persönlich dachte ich, dass es mit der neuesten veröffentlichten Version etwas besser wurde, da sie etwas ausgedünnt wurden. Ich weiß, dass der Wunsch besteht, sie dick genug zu halten, damit Sie die Klammern bei kleinen Versionen sehen können.

Jedenfalls bin ich kein Designer und spiele auch keinen im Fernsehen. Es könnte eine Reihe anderer Möglichkeiten geben, sie klammerartiger aussehen zu lassen; Das überlasse ich @mdtauk.

Diese Designs sind aber sooo gut. Wir sprechen an dieser Stelle über Details.

Ich habe Spielraum, die Linien auszudünnen, wenn das Logo größer wird. Ich kann die Kurven auch anziehen, um eine spitzere Kante zu erzeugen, auf dem Würfel und der Halterung.

Beeinträchtigen die drei Farbnuancen das Erscheinungsbild des Brackets?

@mdtauk Was ist, wenn Sie die Klammern in einen Farbverlauf geändert haben? Auf diese Weise würde es immer noch mehr eine Farbe haben, aber sie würden sich besser ineinander einfügen und ihm eine einheitlichere Form geben.

... Außerdem habe ich das Gefühl, dass die Art und Weise, wie sich die Klammer um das Design von @mdtauk dreht , verbessert werden könnte, da sie für mich nicht richtig aussieht. Vielleicht möchten Sie das Glühen auch etwas kugelförmiger gestalten, da sich das dunkelviolette Stück etwas weit nach unten erstreckt. Schöne Designs, nur ein paar mögliche Verfeinerungen, an die ich gedacht habe.

Ich habe eher einen Diamant-Farbverlauf als einen runden verwendet, um auf die Idee hinzuweisen, dass sich innerhalb des mattierten "Acryl" -Würfels ein farbiger Würfel befindet.

@mdtauk Was ist, wenn Sie die Klammern in einen Farbverlauf geändert haben? Auf diese Weise würde es immer noch mehr eine Farbe haben, aber sie würden sich besser ineinander einfügen und ihm eine einheitlichere Form geben.

Das Problem dabei wäre, die Idee beizubehalten, dass sich die Klammern auf der Oberfläche des Würfels befinden, aber ich werde versuchen, sie etwas mehr anzupassen, zu begradigen und etwas auszudünnen.

... Außerdem habe ich das Gefühl, dass die Art und Weise, wie sich die Klammer um das Design von @mdtauk dreht , verbessert werden könnte, da sie für mich nicht richtig aussieht. Vielleicht möchten Sie das Glühen auch etwas kugelförmiger gestalten, da sich das dunkelviolette Stück etwas weit nach unten erstreckt. Schöne Designs, nur ein paar mögliche Verfeinerungen, an die ich gedacht habe.

Ich habe eher einen Diamant-Farbverlauf als einen runden verwendet, um auf die Idee hinzuweisen, dass sich innerhalb des mattierten "Acryl" -Würfels ein farbiger Würfel befindet.

Ich sehe, es ist zu undefiniert, um es IMO wirklich zu sagen, also können Sie es vielleicht ein wenig ändern. Sie müssen nicht, fragen sich nur, ob es verbessert werden könnte.

@mdtauk Für mich haben mir die verschiedenen Farben/Schattierungen an den Klammern gefallen. Wenn es eine Möglichkeit gibt, sie klammerartiger erscheinen zu lassen, ohne die verschiedenen Farben zu verlieren, würde ich das gerne sehen. Aber ich denke, es lohnt sich, mit verschiedenen Schattierungen und weniger Farben herumzuspielen, um zu sehen, ob das auch hilft.

@mdtauk Was ist, wenn Sie die Klammern in einen Farbverlauf geändert haben? Auf diese Weise würde es immer noch mehr eine Farbe haben, aber sie würden sich besser ineinander einfügen und ihm eine einheitlichere Form geben.

Es könnte auch cool aussehen, wenn der Würfel ein stärkeres Leuchten jeder Farbe hat, bis der Würfel so ziemlich diese drei Farben hat und die Klammern den Würfel entweder weiß oder schwarz kontrastieren könnten. Einfach Ideen rauswerfen.

@mdtauk Für mich haben mir die verschiedenen Farben/Schattierungen an den Klammern gefallen. Wenn es eine Möglichkeit gibt, sie klammerartiger erscheinen zu lassen, ohne die verschiedenen Farben zu verlieren, würde ich das gerne sehen. Aber ich denke, es lohnt sich, mit verschiedenen Schattierungen und weniger Farben herumzuspielen, um zu sehen, ob das auch hilft.

Ich mochte sie auch.

Dies könnte helfen, es ein wenig zu verbessern, aber meiner Meinung nach ruiniert es das gute Aussehen, das es vorher hatte.
image

Ich denke, ein Teil des Problems mit den Klammern ist, dass Sie eine 3D-Form mit viel Farbe und Beleuchtung dahinter haben und sie nur eine feste Farbe haben, sodass sie nicht so gut ineinandergreifen. Sieht bei beiden Designs etwas komisch aus, ist aber auffälliger, wenn die Klammern auf dem Würfel sind.

@mdtauk Für mich haben mir die verschiedenen Farben/Schattierungen an den Klammern gefallen. Wenn es eine Möglichkeit gibt, sie klammerartiger erscheinen zu lassen, ohne die verschiedenen Farben zu verlieren, würde ich das gerne sehen. Aber ich denke, es lohnt sich, mit verschiedenen Schattierungen und weniger Farben herumzuspielen, um zu sehen, ob das auch hilft.

4096
Fluent Inner Cube 4096

Einzelfarbe
Fluent Inner Cube Mono Black

@ryandemopoulos Geht das in die richtige Richtung?

Herzlichen Glückwunsch @mdtauk und @itsmichaelwest.
Bisher tolle Designs!

Ich denke, ein Teil des Problems mit den Klammern ist, dass Sie eine 3D-Form mit viel Farbe und Beleuchtung dahinter haben und sie nur eine feste Farbe haben, sodass sie nicht so gut ineinandergreifen. Sieht bei beiden Designs etwas komisch aus, ist aber auffälliger, wenn die Klammern auf dem Würfel sind.

test

Ich bin mir nicht sicher, ob es umgekehrt funktioniert

@ryandemopoulos Geht das in die richtige Richtung?

Ich bin nur eine Meinung, aber ja, das sieht für mich eher klammerartig aus. Ich denke, die schärferen Kanten haben geholfen. Bei der monochromen Version sehen die Klammern immer noch super dick aus - wie würde es aussehen, wenn die Klammern gerade umrissen wären, so ähnlich? (außer mit Ihrer neuesten Geometrie)

image

Ich bin mir nicht sicher, ob es umgekehrt funktioniert

Ja, du hast recht. Ich nehme das zurück ⬇. Danke fürs Testen.

Es könnte auch cool aussehen, wenn der Würfel ein stärkeres Leuchten jeder Farbe hat, bis der Würfel so ziemlich diese drei Farben hat und die Klammern den Würfel entweder weiß oder schwarz kontrastieren könnten. Einfach Ideen rauswerfen.

Meiner Meinung nach sollten die Klammern die gleiche Form wie im Logo für XAML mit einer kleinen Rundung behalten

XAML file icon

Hier ist mein Vorschlag

WinUILogo12E

@ryandemopoulos Geht das in die richtige Richtung?

Ich bin nur eine Meinung, aber ja, das sieht für mich eher klammerartig aus. Ich denke, die schärferen Kanten haben geholfen. Bei der monochromen Version sehen die Klammern immer noch super dick aus - wie würde es aussehen, wenn die Klammern gerade umrissen wären, so ähnlich? (außer mit Ihrer neuesten Geometrie)

image

Bei den Größen 32px und 16px müssen die Klammern ausgefüllt werden, damit sie lesbar sind, aber wie ist das bei den größeren Größen?
Fluent Inner Cube Mono Black

Meiner Meinung nach sollten die Klammern die gleiche Form wie im Logo für XAML mit einer kleinen Rundung behalten

XAML file icon

Hier ist mein Vorschlag

WinUILogo12E

@ratishphilip Ist die linke Klammer vertikal kleiner oder verursacht die Schattierung einen wahrgenommenen Unterschied?

@ryandemopoulos Geht das in die richtige Richtung?

Ich bin nur eine Meinung, aber ja, das sieht für mich eher klammerartig aus. Ich denke, die schärferen Kanten haben geholfen. Bei der monochromen Version sehen die Klammern immer noch super dick aus - wie würde es aussehen, wenn die Klammern gerade umrissen wären, so ähnlich? (außer mit Ihrer neuesten Geometrie)
image

Bei den Größen 32px und 16px müssen die Klammern ausgefüllt werden, damit sie lesbar sind, aber wie ist das bei den größeren Größen?
Fluent Inner Cube Mono Black

Diese Geometrie für @stmoy markieren.

@ryandemopoulos Geht das in die richtige Richtung?

Ich bin nur eine Meinung, aber ja, das sieht für mich eher klammerartig aus. Ich denke, die schärferen Kanten haben geholfen. Bei der monochromen Version sehen die Klammern immer noch super dick aus - wie würde es aussehen, wenn die Klammern gerade umrissen wären, so ähnlich? (außer mit Ihrer neuesten Geometrie)
image

Bei den Größen 32px und 16px müssen die Klammern ausgefüllt werden, damit sie lesbar sind, aber wie ist das bei den größeren Größen?
Fluent Inner Cube Mono Black

Um ehrlich zu sein, bin ich mir nicht sicher, was mir besser gefällt – gefüllt oder umrissen. Ich muss noch etwas starren. :) Ich denke, sie funktionieren beide, sogar bei höheren Auflösungen. (und stimmen Sie zu, dass bei niedrigerer Auflösung gefüllt die einzige echte Wahl ist)

@ryandemopoulos @SavoySchuler @stmoy

4096
Fluent Inner Cube 4096
Fluent Inner Cube 4096

1024
Fluent Inner Cube 1024
Fluent Inner Cube 1024

256
Fluent Inner Cube 256
Fluent Inner Cube 256

128
Fluent Inner Cube 128
Fluent Inner Cube 128

64
Fluent Inner Cube 64
Fluent Inner Cube 64

32
Fluent Inner Cube 32
Fluent Inner Cube 32

16
Fluent Inner Cube 16
Fluent Inner Cube 16

Einzelfarbe
Fluent Inner Cube Mono Black
Fluent Inner Cube Mono White

@ratishphilip Ist die linke Klammer vertikal kleiner oder verursacht die Schattierung einen wahrgenommenen Unterschied?

Beide Halterungen sind gleich groß...

Hier ist ein weiteres mit einer 3D-Klammer

WinUILogo12F

Hier ist die Gliederung

WinUILogo12_outline

Hier ist ein weiteres mit einer 3D-Klammer

WinUILogo12F

Dies löst definitiv die seltsame Perspektive, die ich vorhin gesehen habe. Schön gemacht!

Hier ist ein weiteres mit einer 3D-Klammer
WinUILogo12F

Dies löst definitiv die seltsame Perspektive, die ich vorhin gesehen habe. Schön gemacht!

Der Würfel ist nicht sauber gedreht, es gibt diagonale Linien oben und unten

Hier ist ein weiteres mit einer 3D-Klammer

WinUILogo12F

Das behebt auch das Problem, dass es aussieht, als hätte es ein I und ein J.

Der Würfel ist nicht sauber gedreht, es gibt diagonale Linien oben und unten

:D ja eine leichte Drehung ... danke für den Hinweis @mdtauk ... kann leicht behoben werden.

Ich denke auch daran, die Rundung von der innersten Ecke (die die Kante des Würfels berührt) zu entfernen und scharf zu machen.

Fluent Inner Cube Mono 16
Fluent Inner Cube Mono 16

Fluent Inner Cube Mono 32
Fluent Inner Cube Mono 32

Fluent Inner Cube Mono 64
Fluent Inner Cube Mono 64

Fluent Inner Cube Mono 128
Fluent Inner Cube Mono 128

Fluent Inner Cube Mono 256
Fluent Inner Cube Mono 256

Fluent Inner Cube Mono 1024
Fluent Inner Cube Mono 1024

Fluent Inner Cube Mono 4096
Fluent Inner Cube Mono 4096

Hier ist das aktualisierte Logo

WinUILogo13

WinUILogo13_outline

Hallo Res-Logo

WinUILogo13_HiRes

Dieser (oder sein dunkles Gegenstück) ist wunderschön. Ich mag den Farbverlauf, weil er ein fließendes Element mischt.
image
Vielleicht sollten die oben in einen 2 2 2 Würfel zu teilen, enthält dieses , was eine gute Idee! Würde die Farben ändern, um vielleicht ein bisschen mehr herauszustechen.

Dieser gibt mir jedoch eine Apache Cordova- Konnotation:
image
Vor allem diese glänzend schwarzen Klammern.

Vor allem diese glänzend schwarzen Klammern.

@weitzhandler Wie wäre es damit?

WinUILogo13_color

@SavoySchuler hat die beiden vorläufigen Logos auf Twitter gepostet, und der wichtigste Kommentar, den ich den Antworten

Fluent Inner Cube 16
Fluent Inner Cube 32
Fluent Inner Cube 64
Fluent Inner Cube 128
Fluent Inner Cube 256
Fluent Inner Cube 1024
Fluent Inner Cube 4096
Fluent Inner Cube Mono 16
Fluent Inner Cube Mono 32
Fluent Inner Cube Mono 64
Fluent Inner Cube Mono 128
Fluent Inner Cube Mono 256
Fluent Inner Cube Mono 1024
Fluent Inner Cube Mono 4096

Ich denke, die linke und rechte Klammer sollten in der Größe identisch aussehen, da sie auch in der XAML-Syntax die gleiche Größe haben ( < > ) . Daher sieht es für mich seltsam aus, sie optisch unterschiedlich in der Größe erscheinen zu lassen (dh die linke Klammer sieht größer aus als die rechte Klammer). Ich bevorzuge die Art und Weise, wie

@Felix-Dev
Die Klammern von @ratishphilip werden über einen Würfel gelegt und entsprechen nicht wirklich den Seiten des Würfels. Es gibt auch eine wörtliche Darstellung gegenüber einer figurativen Interpretation. Damit meine ich, dass Sie tatsächlich Klammern haben oder Klammern darstellen können.

Auch wenn nicht jedes Logo blau sein muss, macht es damit Sinn. Wenn ich an Win UI denke, denke ich an die Windows-Benutzeroberfläche. Ich verbinde auch Blau mit Windows.
Das letzte Logo von @mdtauk ruft meiner Meinung nach Windows hervor und hat eine eigene Identität und ich könnte erkennen, was es im Vergleich zu den vielen anderen Würfellogos bedeutet.

@SavoySchuler hat die beiden vorläufigen Logos auf Twitter gepostet, und der wichtigste Kommentar, den ich den Antworten

Das @mdtauk gefällt mir richtig gut! Große Verbesserung meiner Meinung nach. Ich denke, unter diesen Umständen ist es besser, ein reflektierendes Aussehen als ein leuchtendes Aussehen zu haben. Vielleicht machen Sie einfach die rechte Seite ein kleines bisschen heller oder haben einen ähnlichen Verlauf. Aber abgesehen von dieser tollen Arbeit.

Fluent Inner Cube 64 scale

Ist dieser dunkle Farbverlauf besser?

Hallo Res-Logo

WinUILogo13_HiRes

@mdtauk was ist, wenn Sie versuchen, das Ende der Klammern im @ratishphilip- Design in Ihren Klammern zu implementieren? Ich denke, die Klammern werden weniger durch Buchstaben verwechselt, wenn beide auf die gleiche Weise enden.

Wenn die Designs von @mdtauk ausgewählt würden, würde ich es lieben, wenn die Klammern wie die Klammern von @ratishphilip wären - die Klammern sollten beide die gleiche Größe haben. @mdtauk Bitte erstellen Sie auch eine Version Ihres Logos mit den Klammern von @ratishphilip .

Wenn die Designs von @mdtauk ausgewählt würden, würde ich es lieben, wenn die Klammern wie die Klammern von @ratishphilip wären - die Klammern sollten beide die gleiche Größe haben. @mdtauk Bitte erstellen Sie auch eine Version Ihres Logos mit den Klammern von @ratishphilip .

Die Klammern von @ratishphilip machen im 3D-Raum keinen Sinn. Sie schweben einfach dort und die Schatten werden nicht richtig auf den Würfel geworfen. Ein Teil des Designs von @mdtauk ist, dass sich die Klammern um den Würfel wickeln.

@NoahFeller Die Klammern, IMO, sollten jedoch die Klammern von XAML widerspiegeln, die gleich groß sind. Dies sollte sich im Logo widerspiegeln. Das Problem, das ich mit dem Design von @mdtauk habe , ist, dass ich beim Betrachten der isolierten Klammern - insbesondere bei kleineren Bildgrößen - den Eindruck der Klammergrößen wie folgt bekomme:
image
(Die linke Klammer ist deutlich größer als die rechte. In XAML ist das einfach nicht der Fall.) In einigen Bildauflösungen, z
image
Das ist für mich ziemlich grell und stößt mich ehrlich gesagt ab. Klammerpaare <> sind in XAML so prominent, dass es meiner Meinung nach gerechtfertigt ist, sie so wie sie sind auf den Würfel zu schlagen oder dies zumindest reichlich zu berücksichtigen.

@NoahFeller Die Klammern, IMO, sollten jedoch die Klammern von XAML widerspiegeln, die gleich groß sind. Dies sollte sich im Logo widerspiegeln. Das Problem, das ich mit dem Design von @mdtauk habe , ist, dass ich beim Betrachten der Klammern _isoliert_ - insbesondere bei kleineren Bildgrößen - den Eindruck der Klammergrößen wie folgt bekomme:
image
(Die linke Klammer ist deutlich größer als die rechte. In XAML ist das einfach nicht der Fall.) In einigen Bildauflösungen, z
image
Das ist für mich ziemlich grell und stößt mich ehrlich gesagt ab. Klammerpaare <> sind in XAML so prominent, dass es meiner Meinung nach gerechtfertigt ist, sie so wie sie sind auf den Würfel zu schlagen oder dies zumindest reichlich zu berücksichtigen.

Ich denke, das 3D-Bracket-Design von @mdtauk ist der
image

@NoahFeller Die Klammern, IMO, sollten jedoch die Klammern von XAML widerspiegeln, die gleich groß sind. Dies sollte sich im Logo widerspiegeln. Das Problem, das ich mit dem Design von @mdtauk habe , ist, dass ich beim Betrachten der Klammern _isoliert_ - insbesondere bei kleineren Bildgrößen - den Eindruck der Klammergrößen wie folgt bekomme:
image
(Die linke Klammer ist deutlich größer als die rechte. In XAML ist das einfach nicht der Fall.) In einigen Bildauflösungen, z
image
Das ist für mich ziemlich grell und stößt mich ehrlich gesagt ab. Klammerpaare <> sind in XAML so prominent, dass es meiner Meinung nach gerechtfertigt ist, sie so wie sie sind auf den Würfel zu schlagen oder dies zumindest reichlich zu berücksichtigen.

Ich denke, das 3D-Bracket-Design von @mdtauk ist der
image

Ich verstehe, was ihr meint. Du hast wahrscheinlich Recht. Hier ist eine schnelle Version, die symmetrisch und immer noch 3D ist. Es ist sehr unfertig (keine Schatten, die Klammern sind zu groß, die Farbgebung könnte besser sein usw.), aber Sie können sich eine allgemeine Vorstellung davon machen, was ich vorhabe. Eine Art cooler optischer Täuschungseffekt, bei dem Sie ihn auf zwei Arten betrachten können. Natürlich liegt es ganz bei @mdtauk, zu entscheiden, in welche Richtung das Design gehen soll.

Fluent Inner Cube 4096

Die Klammern von @ratishphilip machen im 3D-Raum keinen Sinn. Sie schweben einfach dort und die Schatten werden nicht richtig auf den Würfel geworfen. Ein Teil des Designs von @mdtauk ist, dass sich die Klammern um den Würfel wickeln.

@NoahFeller die Klammern machen im 3D-Raum Sinn. Wenn Sie den Würfel in Richtung des roten Pfeils unten betrachten, würden die Klammern so aussehen

WinUILogo13_SideView

Fluent Inner Cube 64 scale

Ist dieser dunkle Farbverlauf besser?

@mdtauk Ein kleiner Vorschlag ... Wenn die linke Klammer der Oberfläche des Würfels entspricht, sollten die beiden Ecken in der Mitte der Klammer einen Eckenradius von Null haben ... genau wie die Kante des Würfels.

Wir haben es geschafft.

Gemeinschaft - du bist großartig und ich kann das nicht genug betonen. Nach, ganz wörtlich, _stunden_ der Überlegung haben wir uns für eine entschieden. Es ist die Kombination aus @itsmichaelwest- und @mdtauk- Designs:

Farbe:

New WinUI logo colored

(Hinweis: Würfelschatten wird hier nicht reflektiert, da ich mit diesen Eckradien keine schattierte Version finden konnte)

Einfarbig:

New WinUI logo monochrome

(Hinweis: siehe Punkt 2 des unteren Abschnitts bezüglich symmetrischer vs. asymmetrischer Halterungen)

Die Gedanken

Wie @ryandemopoulos es ausdrückte: "Dieses Logo ist knallhart. Es sieht irgendwie modern und retro zugleich aus, hip und doch auch historisch, präzise und asymmetrisch. Es ist ein bisschen ein Gesprächsstoff, und das ist so gewollt."

New WinUI logo in use

Aufruf an Designer für unsere letzten Schritte

Wir sind noch nicht ganz fertig, aber wir sind näher dran. Dies sind die losen Enden, die wir verbinden:

  1. Uns gefällt dieses Farbschema, aber wir müssen noch einige verschiedene Farbvarianten erkunden (und das auch mit Schatten / Glühen auf verschiedenen Hintergründen mischen).

  2. Wir haben zwei wirklich gute Versionen erhalten: eine mit symmetrischen Halterungen und die andere mit asymmetrischen Halterungen. Wir tendieren in Richtung asymmetrisch (wie rechts gezeigt). Die Gedanken?

symmetrical vs. asymmetrical version of the new winui logo

  1. Wir müssen etwas Swag entwerfen. Shirts, Aufkleber, Taschen, vielleicht ein physisches Modell usw. Es gibt immer das Offensichtliche, aber ich wette, wir könnten uns etwas _wirklich_ Cooles einfallen lassen. 😄

Wir haben es geschafft.

Gemeinschaft - du bist großartig und ich kann das nicht genug betonen. Nach, ganz wörtlich, _stunden_ der Überlegung haben wir uns für eine entschieden. Es ist die Kombination aus @itsmichaelwest- und @mdtauk- Designs:

Herzlichen Glückwunsch @itsmichaelwest und @mdtauk!

Wir haben es geschafft.

Gemeinschaft - du bist großartig und ich kann das nicht genug betonen. Nach, ganz wörtlich, _stunden_ der Überlegung haben wir uns für eine entschieden. Es ist die Kombination aus @itsmichaelwest- und @mdtauk- Designs:

Herzlichen Glückwunsch @itsmichaelwest und @mdtauk!

@ratishphilip Ich sehe, du hast hart daran gearbeitet, uns hierher zu verhelfen, also gratuliere dir zu deinem Einfluss und deiner Wirkung. Ich werde mir einige Ihrer vorgeschlagenen Farbschemata ansehen, bevor wir dies sperren. 😊 Super Arbeit und danke!

Die Klammern von @ratishphilip machen im 3D-Raum keinen Sinn. Sie schweben einfach dort und die Schatten werden nicht richtig auf den Würfel geworfen. Ein Teil des Designs von @mdtauk ist, dass sich die Klammern um den Würfel wickeln.

@NoahFeller die Klammern machen im 3D-Raum Sinn. Wenn Sie den Würfel in Richtung des roten Pfeils unten betrachten, würden die Klammern so aussehen

@ratishphilip Wenn Sie sich fragen, was ich mit meinen Kommentaren zu Ihrem Design gemeint habe, das nicht in 3D funktioniert, erkläre ich es hier. In Ihrem Design stimmen die Schatten nicht mit der Lichtquelle überein, die den Würfel beleuchtet. Sie blicken in entgegengesetzte Richtungen. Wenn die linke Klammer senkrecht zur Oberseite des Würfels steht, sollte dahinter ein langer Schatten geworfen werden. Derzeit sieht es nur aus wie eine gestreckte Klammer mit einem Schatten, der keinen Sinn ergibt. Wenn Sie sich den Schatten der anderen Klammer ansehen, scheint sie in die falsche Richtung zu weisen. Auch die Klammern sehen seltsam und in einem solchen Winkel gemorpht aus. Das Ziel der Illusion ist, dass die Klammern in dem Winkel, aus dem sie betrachtet werden, gut aussehen. Ich verstehe nicht, warum sie so verzerrt sind. Es gibt keinen Bezugsrahmen für die ursprüngliche Klammerform (auf Ihrem rechten Bild anzeigen), da es sich nur um ein Symbol handelt. Ich möchte nicht überkritisch sein, ich möchte Ihnen nur Feedback geben, damit Sie ein noch besserer Designer werden können.

Die Klammern von @ratishphilip machen im 3D-Raum keinen Sinn. Sie schweben einfach dort und die Schatten werden nicht richtig auf den Würfel geworfen. Ein Teil des Designs von @mdtauk ist, dass sich die Klammern um den Würfel wickeln.

@NoahFeller die Klammern machen im 3D-Raum Sinn. Wenn Sie den Würfel in Richtung des roten Pfeils unten betrachten, würden die Klammern so aussehen

@ratishphilip Wenn Sie sich fragen, was ich mit meinen Kommentaren zu Ihrem Design gemeint habe, das nicht in 3D funktioniert, erkläre ich es hier. In Ihrem Design stimmen die Schatten nicht mit der Lichtquelle überein, die den Würfel beleuchtet. Sie blicken in entgegengesetzte Richtungen. Wenn die linke Klammer senkrecht zur Oberseite des Würfels steht, sollte dahinter ein langer Schatten geworfen werden. Derzeit sieht es nur aus wie eine gestreckte Klammer mit einem Schatten, der keinen Sinn ergibt. Wenn Sie sich den Schatten der anderen Klammer ansehen, scheint sie in die falsche Richtung zu weisen. Auch die Klammern sehen seltsam und in einem solchen Winkel gemorpht aus. Das Ziel der Illusion ist, dass die Klammern in dem Winkel, aus dem sie betrachtet werden, gut aussehen. Ich verstehe nicht, warum sie so verzerrt sind. Es gibt keinen Bezugsrahmen für die ursprüngliche Klammerform (auf Ihrem rechten Bild anzeigen), da es sich nur um ein Symbol handelt. Ich möchte nicht überkritisch sein, ich möchte Ihnen nur Feedback geben, damit Sie ein noch besserer Designer werden können.

Danke @NoahFeller. Ich bedanke mich für ihre Rückmeldung.

@NoahFeller hast du das Logo so erwartet?

WinUILogo13_shadow

@NoahFeller hast du das Logo so erwartet?

WinUILogo13_shadow

Es würde wahrscheinlich ähnlich aussehen (der Schatten wäre wahrscheinlich nicht so dunkel), aber das Problem ist, dass das Design nicht gut aussieht, wenn es im 3D-Raum genau gerendert wird. Wie ich bereits sagte, sehen die Klammern seltsam komprimiert aus und passen nicht zu der Blickrichtung. Ich konnte sehen, dass es besser funktioniert, wenn richtig geformte Klammern parallel zur Ansicht der "Kamera" schweben und die Schatten genau geworfen werden. Oder es könnte cool sein, die Klammern in den Würfel eingelassen zu sehen oder so. IMO funktioniert dein Design in seiner jetzigen Form nicht so toll. Aber die gute Nachricht ist, dass es definitiv auf verschiedene Weise zum Besseren verändert werden kann.

Gedanken zum endgültigen Design

Während die letzten Optimierungen stattfinden, möchte ich einige Dinge zum Design erwähnen. Zunächst einmal ist es wirklich cool zu sehen, wie die Kombination aus Acrylwürfel + Glühen verwendet wird. Ich habe auch ein bisschen Bedenken wegen der einfarbigen Klammern oben auf dem 3D-Würfel. Der Würfel strahlt ein Licht aus und es scheint ein gerichtetes Licht an der Seite des Würfels zu geben, so dass es keinen Sinn macht, dass die Klammern einfarbig sind. Sie sollten wahrscheinlich einen leichten Farbverlauf haben, der zu den Lichtquellen passt (nicht so stark, dass er klebrig aussieht, nur damit er realistisch ist). Ansonsten macht es im 3D-Raum überhaupt keinen Sinn und schaut ab. Das letzte, was ich fragen wollte, ist, würden Sie ( @SavoySchuler , @stmoy) in Betracht ziehen, die Klammern so symmetrisch zu machen?

64465361-47f1fd00-d0da-11e9-834e-918ad9f57736

Wie ich bereits sagte, als ich es gepostet habe, ist dies ein sehr grobes Design (keine Schatten, die Klammern sind wahrscheinlich zu groß, die Farbgebung könnte wirklich verbessert werden usw.). Trotzdem werden viele der Probleme angesprochen, die ich hier und auf Twitter gesehen habe, dass die Klammern asymmetrisch und unterschiedlich geformt sind und dies, während sie sich immer noch ähnlich wie zuvor um den Würfel wickeln. Stellen Sie sich vor, die rechte Klammer wird auf dem Würfel von @mdtauk erweitert. Fühlt sich für mich wie eine große Verbesserung an, weil die Änderung die Klammern deutlicher aussehen lässt, wie sie sind, anstelle von Buchstaben oder so. Auch Symmetrie ist, wenn möglich, schön und sorgt für Balance! Offensichtlich würde der Stil zu @mdtauks Acrylwürfel mit dem Glühen und nicht zu seinem blauen Würfel hinzugefügt (der im Bild oben gezeigt wird), aber wären Sie offen für die Idee, diese Modifikation weiter zu experimentieren?

Glückwunsch auch @itsmichaelwest und @mdtauk!

Zunächst einmal herzlichen Glückwunsch an @itsmichalwest und @mdtauk und ein riesiges Dankeschön an @mdtauk für das Teilen seiner Figma-Dateien !!!

Zum Kommentar von @SavoySchuler :

  1. Uns gefällt dieses Farbschema, aber wir müssen noch einige verschiedene Farbvarianten erkunden (und das auch mit Schatten / Glühen auf verschiedenen Hintergründen mischen).

Hier ist meine Meinung zu

Fluent Inner Cube 64 scale
Fluent Inner Cube 16 scale (1)

Ich habe das Blaugrün, Blau und Rosa mit Variationen des Fensterthemas Blau ausgetauscht, um ihm ein mehr "Windows" -Gefühl zu verleihen.

Wirklich aufgeregt, das letzte Symbol zu sehen! Sieht richtig poliert aus! Insbesondere @mdtauk und @NoahFeller teilten viele unglaubliche Ideen und Standpunkte, die für

64472825-71f00180-d164-11e9-8ee4-61791013b070

Das linke Bild ist @chingucodings Interpretation des Designs von @chingucoding zeigen . Lassen Sie mich wissen, was Sie alle denken. Auch tolle Arbeit @chingucoding.

2019-09-08-19-28-05
2019-09-08-19-21-38

@NoahFeller wird es nicht dasselbe wie eine meiner vorherigen Einsendungen (indem die Klammern die gleiche Farbe haben)

WinUILogo13_X

@NoahFeller wird es nicht dasselbe wie eine meiner vorherigen Einsendungen (indem die Klammern die gleiche Farbe haben)

WinUILogo13_X

Irgendwie. Die mehrfarbigen Klammern geben ihnen das Aussehen, als ob sie sich um den Würfel wickeln, also ist es etwas anders. Die Farbunterschiede sind etwas signifikant. Wie ich bereits erwähnt habe, funktionieren die Klammern von @mdtauk sind etwas dicker. Aber ja, man kann es sich als Kombination der beiden Designs vorstellen. Ich habe versucht, die Implementierung der Klammern von jedem zu verbessern. Eine glückliche Mitte 🙂.

cubewithiin

Oh, ich habe ganz vergessen zu erwähnen, dass diese Version einen Würfel in einem Würfeldesign hat, das ich auf einigen Designs auf dieser Seite gesehen habe. Ich denke, es ist ein wirklich cooler Aspekt, sich zu integrieren und hat eine coole Bedeutung dahinter. Unten ist, was @mdtauk sagte, als er seinen Würfel in einem @stmoy erklärte :

@mdtauk - vielen Dank für all Ihre Beiträge und Variationen. Eine kurze Frage - viele der Designs sind "Würfel im Würfel". Was soll dieser Doppelwürfel vermitteln?

@itsmichaelwest schlug ursprünglich vor, das XAML-

Ich betrachte den Cube als einen Kern, einen Kernbestandteil beim Erstellen von Windows-Apps, und habe mich daher entschieden, das Konzept eines Kerns zu veranschaulichen, indem ein Teil des Würfels heraussticht. Ich spielte auch mit einem "Leerraum" herum, um zu zeigen, dass dies ein Raum zum Bauen ist.

Aber es spielt eine gewisse Rolle, das Würfel- und Bracket-Design zu etwas "Besitzbarem" und Besonderem zu machen, unter den Tausenden anderer würfelbasierter Ikonographien da draußen.

64468236-f7c56b80-d0d6-11e9-9bfc-fa155de7791f

Und hier ist ein symmetrischer Klammerwürfel in einem @mdtuak basiert.

Meiner Meinung nach sollte die Breite der Klammern 1/4 der Breite des äußeren Würfels betragen. Der innere Würfel sollte halb so groß sein wie der äußere Würfel, wodurch die Klammern in einem Abstand von 1/4 der Breite des Würfels von den Kanten des äußeren Würfels platziert werden.

Und hier ist ein symmetrischer Klammerwürfel in einem @mdtuak basiert.

164468236-f7c56b80-d0d6-11e9-9bfc-fa155de7791f

Ich optimierte die Klammern, um etwas näher zu sein. Ich finde, so sieht es etwas besser aus.

Colour-Test

@SavoySchuler Ist das die Art von Farbe, mit der Sie gehen möchten?

Symmetrische Klammern sind auf jeden Fall viel schöner. Würde gerne ein Konzept sehen, bei dem auch die Innenecken abgerundet sind.

Symmetrische Klammern sind definitiv viel schöner. Würde gerne ein Konzept sehen, bei dem auch die Innenecken abgerundet sind.

Stimme voll und ganz zu. Es ist schwer zu sagen, dass es sich sonst um spitze Klammern handelt. Können Sie erklären, was Sie mit Innenecken meinen?

Colour-Test-2

Coole neue Farbkombinationen @mdtauk! Du hast tolle Arbeit geleistet. Ich habe mich gefragt, ob Sie eine Meinung dazu haben, ob spitze Klammern symmetrisch geformt werden sollen oder nicht. Ich habe gesehen, wie @Felix-Dev, @elalexg und @goranalkovic hier posten , wie sie symmetrische Klammern bevorzugen. Ich bin gespannt, ob Sie eine gegensätzliche Sichtweise haben. Der Beitrag von @ Felix-Dev ist unten für den Kontext.

@NoahFeller Die Klammern, IMO, sollten jedoch die Klammern von XAML widerspiegeln, die gleich groß sind. Dies sollte sich im Logo widerspiegeln. Das Problem, das ich mit dem Design von @mdtauk habe , ist, dass ich beim Betrachten der Klammern _isoliert_ - insbesondere bei kleineren Bildgrößen - den Eindruck der Klammergrößen wie folgt bekomme:
image
(Die linke Klammer ist deutlich größer als die rechte. In XAML ist das einfach nicht der Fall.) In einigen Bildauflösungen, z
image
Das ist für mich ziemlich grell und stößt mich ehrlich gesagt ab. Klammerpaare <> sind in XAML so prominent, dass es meiner Meinung nach gerechtfertigt ist, sie so wie sie sind auf den Würfel zu schlagen oder dies zumindest reichlich zu berücksichtigen.

Visual Studio Lila
Colour-Test-3

Coole neue Farbkombinationen @mdtauk! Du hast tolle Arbeit geleistet. Ich habe mich gefragt, ob Sie eine Meinung dazu haben, ob spitze Klammern symmetrisch geformt werden sollen oder nicht. Ich habe gesehen, wie @Felix-Dev, @elalexg und @goranalkovic hier posten , wie sie symmetrische Klammern bevorzugen. Ich bin gespannt, ob Sie eine gegensätzliche Sichtweise haben. Der Beitrag von @ Felix-Dev ist unten für den Kontext.

@NoahFeller Sie symmetrisch zu machen, würde bedeuten, die Klammern vom Würfel zu trennen. Ich habe eine Version mit den Klammern der gleichen Größe (aber nicht symmetrischer Form) erstellt - und das Team, das die Entscheidungen trifft, scheint sich für die Beibehaltung der Asymmetrie einzusetzen.

Betrachtet man die Klammern als wörtliche Darstellung der spitzen Klammern aus XAML/XML, dann wird man sich sicher an der stilisierten Herangehensweise ärgern.

Aber wenn ihre Formen symbolisch für die Klammern sind, aber der Würfel selbst das Logo ist, dann weist die Asymmetrie auf die Klammern hin, während sie stilisiert genug sind, um ein interessantes Logo zu sein.

Die Klammern symmetrisch zu machen, während sie auf dem Würfel liegen, würde bedeuten, den Würfel zu drehen, und das wurde nicht verlangt und ist eine weitere Abkehr von der Inspiration für das XAML-Logo.

Farben

@mdtauk - du warst unglaublich. Alles, was wir brauchen, sind Ihre Dateien im Vektorformat für die Logos unten (vorzugsweise linke und mittlere Formen, falls verfügbar). Andernfalls fühlen Sie sich nicht verpflichtet, uns Ihre Zeit mehr zur Verfügung zu stellen, es sei denn, Sie möchten. Wir konnten nicht mehr verlangen, ohne uns schuldig zu fühlen!

Abgesehen von den neuesten Einsendungen von

image

Als letzte Erkundung möchten wir sehen, ob es möglich ist, dieses Design in den offiziellen Microsoft-Farben schön zu gestalten (wenn überhaupt möglich). Ich habe dies offline untersucht und mir noch nichts einfallen lassen, was ich gerne posten würde. Sofern nicht jemand hier kann, werden wir aus den obigen Farbschemata auswählen.

Was die Form der Halterung/Höhe betrifft, so gilt unser Interesse dem, was die Farben am besten ergänzt. Bisher glaube ich, dass das linke und mittlere Bild oben dies am besten macht, aber das schließt keineswegs das rechte Element oben oder alternative Farbvorlagen aus, die davon abweichen.

Farben

@mdtauk - du warst unglaublich. Alles, was wir brauchen, sind Ihre Dateien im Vektorformat für die Logos unten (vorzugsweise linke und mittlere Formen, falls verfügbar). Andernfalls fühlen Sie sich nicht verpflichtet, uns Ihre Zeit mehr zur Verfügung zu stellen, es sei denn, Sie möchten. Wir konnten nicht mehr verlangen, ohne uns schuldig zu fühlen!

Abgesehen von den neuesten Einsendungen von

image

Als letzte Erkundung möchten wir sehen, ob es möglich ist, dieses Design in den offiziellen Microsoft-Farben schön zu gestalten (wenn überhaupt möglich). Ich habe dies offline untersucht und mir noch nichts einfallen lassen, was ich gerne posten würde. Sofern nicht jemand hier kann, werden wir aus den obigen Farbschemata auswählen.

Was die Form der Halterung/Höhe betrifft, so gilt unser Interesse dem, was die Farben am besten ergänzt. Bisher glaube ich, dass das linke und mittlere Bild oben dies am besten macht, aber das schließt keineswegs das rechte Element oben oder alternative Farbvorlagen aus, die davon abweichen.

Auch ich habe versucht, die Farben des Microsoft Four Square-Logos zu verwenden, und es gelang mir nicht, sie zusammenzubringen, während die Dimensionalität des Würfels erhalten blieb.

Mit welchem ​​Tool arbeitest du? Ich habe Figma verwendet, da ich glaube, dass es ein Werkzeug ist, mit dem Microsofties vertraut sind, aber ich kann sie in Illustrator übertragen, wenn dies bevorzugt wird?

Vielen Dank, dass Sie Ihren Standpunkt zu Symmetrie/Asymmetrie @mdtauk geteilt haben.

@NoahFeller Sie symmetrisch zu machen, würde bedeuten, die Klammern vom Würfel zu trennen. Ich habe eine Version mit den Klammern der gleichen Größe (aber nicht symmetrischer Form) erstellt - und das Team, das die Entscheidungen trifft, scheint sich für die Beibehaltung der Asymmetrie einzusetzen.

Die Klammern symmetrisch zu machen, während sie auf dem Würfel liegen, würde bedeuten, den Würfel zu drehen, und das wurde nicht verlangt und ist eine weitere Abkehr von der Inspiration für das XAML-Logo.

Ich verstehe nicht, was Sie meinen, wenn Sie sagen, dass die Symmetrie der Klammern bedeutet, dass sie vom Würfel getrennt werden müssten. Ich bin mir auch nicht sicher, was Sie mit der Notwendigkeit meinen, den Würfel zu drehen, um die Klammern symmetrisch zu halten. Ich musste keines dieser Dinge tun, als ich Ihr Design iterierte, ich habe die Höhe und Form Ihrer Klammern nur geringfügig geändert, um Symmetrie zu erreichen ⬇. Sofern ich nicht falsch interpretiere, was Sie sagen, scheinen diese Teile Ihrer Aussage nicht richtig zu sein.

64565562-08b5ed00-d322-11e9-8c29-6aa1e67a6691

@elalexg hat diesen Punkt auch in seinem Kommentar klargestellt:

Ich denke, das 3D-Bracket-Design von @mdtauk ist der
64464723-94cfd680-d0ce-11e9-965e-a08b89d1fa73

Ich wurde teilweise von ihm inspiriert, um Ihr Design zu ändern.

Ich sehe auch nicht, wie Ihre Klammern spitze Klammern symbolisieren. Sie scheinen nur spitze Klammern zu sein, nur mit einer etwas größer als die andere. Wie @Felix-Dev sagte, sind die ursprünglichen XAML-Klammern symmetrisch, so dass es den Anschein hat, dass die Symmetrie tatsächlich näher an den vorherigen XAML-Designs liegt und sich nicht davon entfernt.

Ich kann jedoch sehen, was Sie meinen, wenn Sie das Logo stilisiert haben möchten. Es fühlt sich für mich und die anderen, die ich erwähnt habe, unnatürlich an, die unterschiedlich großen Klammern zu sehen, aber ich kann absolut sehen, wie Sie anders sehen. Ich habe das Gefühl, dass das Logo mit Textur, Glühen, einer Reihe verschiedener Farben usw. komplex genug ist und kein weiteres Interesse benötigt, aber ich kann wieder sehen, wie Sie anders denken.

Es liegt wirklich an @SavoySchuler und seinem Team, zu entscheiden, welchen Weg es gehen soll, ich versuche nur, Ihre Begründung zu verstehen. Danke nochmal fürs Erklären!

Zu Ihrer Information Ich plane, selbst eine reale Version des (endgültigen) endgültigen Logos zu entwerfen (in 3D) und selbst in 3D zu drucken. Ich werde ein durchscheinendes Filament verwenden, um den Acryleffekt zu emulieren (Beispiel unten). Ich werde auf jeden Fall ein Foto des Ergebnisses teilen, wenn jemand von euch Interesse hat!

a4f18cabbcf406fd66d3d049da0dc25a067bc6f0

Zu Ihrer Information Ich plane, selbst eine reale Version des (endgültigen) endgültigen Logos zu entwerfen (in 3D) und selbst in 3D zu drucken. Ich werde ein durchscheinendes Filament verwenden, um den Acryleffekt zu emulieren (Beispiel unten). Ich werde auf jeden Fall ein Foto des Ergebnisses teilen, wenn jemand von euch Interesse hat!

a4f18cabbcf406fd66d3d049da0dc25a067bc6f0

Fantastisch. Wir haben intern bereits ein wenig darüber gesprochen, physische Objekte wie dieses basierend auf dem Logo zu erstellen; kann es kaum erwarten zu sehen, was dir einfällt!

Ich habe es auch mit den Microsoft-Markenfarben versucht und es hat nicht ganz geklappt. Ich denke, das dazugehörige Farbschema ist Windows, da dies immerhin die Windows-Benutzeroberfläche ist.
@mdtauk hatte eine interessante Idee mit den Visual Studio-Farben, die auch Sinn machen könnte.

Wenn ich mir all die Kommentare zur Symmetrie / Asymmetrie für die Klammern ansehe, tendiere ich eher zum asymmetrischen Design, da dies dem Logo ein anderes einzigartiges Aussehen verleiht und den Würfel irgendwie etwas besser hervorhebt.

Ich verstehe nicht, was Sie meinen, wenn Sie sagen, dass die Symmetrie der Klammern bedeutet, dass sie vom Würfel getrennt werden müssten. Ich bin mir auch nicht sicher, was Sie mit der Notwendigkeit meinen, den Würfel zu drehen, um die Klammern symmetrisch zu halten. Ich musste keines dieser Dinge tun, als ich Ihr Design iterierte, ich habe die Höhe und Form Ihrer Klammern nur geringfügig geändert, um Symmetrie zu erreichen ⬇. Sofern ich nicht falsch interpretiere, was Sie sagen, scheinen diese Teile Ihrer Aussage nicht richtig zu sein.

Ich sehe auch nicht, wie Ihre Klammern spitze Klammern symbolisieren. Sie scheinen nur spitze Klammern zu sein, nur mit einer etwas größer als die andere. Wie @Felix-Dev sagte, sind die ursprünglichen XAML-Klammern symmetrisch, so dass es den Anschein hat, dass die Symmetrie tatsächlich näher an den vorherigen XAML-Designs liegt und sich nicht davon entfernt.

Ich kann jedoch sehen, was Sie meinen, wenn Sie das Logo stilisiert haben möchten. Es fühlt sich für mich und die anderen, die ich erwähnt habe, unnatürlich an, die unterschiedlich großen Klammern zu sehen, aber ich kann absolut sehen, wie Sie anders sehen. Ich habe das Gefühl, dass das Logo mit Textur, Glühen, einer Reihe verschiedener Farben usw. komplex genug ist und kein weiteres Interesse benötigt, aber ich kann wieder sehen, wie Sie anders denken.

Es liegt wirklich an @SavoySchuler und seinem Team, zu entscheiden, welchen Weg es gehen soll, ich versuche nur, Ihre Begründung zu verstehen. Danke nochmal fürs Erklären!

Ich wollte, dass die "Markierungen" auf dem Würfel an den Seiten der Flächen des Würfels ausgerichtet sind. Durch das diagonale Schneiden der Endstriche der linken Klammer fühlt sich die Kontur des Würfels unnatürlich an und es fühlt sich an, als wäre sie von der Drehung getrennt.

image

Aber jetzt liegt es an @SavoySchuler und dem Team, das Design zu nehmen und es zu interpretieren und in das zu formen, was das Team davon will und braucht.

Ich bin gerade dabei, die Adobe Illustrator-Versionen fertig zu stellen, die aller Farben beraubt sind, damit sie sie als Ausgangspunkt nehmen können.

image

Hier ist die Illustrator-Datei, gezippt
Final Logo Shapes.zip
_EDIT: Aktualisierte Illustrator-Datei mit gefüllten einfarbigen Versionen hinzugefügt_

16
Final Logo Shapes _ Mono 16
Final Logo Shapes _ Shaded 16
Final Logo Shapes _ Filled 16

32
Final Logo Shapes _ Mono 32
Final Logo Shapes _ Shaded 32
Final Logo Shapes _ Filled 32

64
Final Logo Shapes _ Mono 64
Final Logo Shapes _ Shaded 64
Final Logo Shapes _ Filled 64

128
Final Logo Shapes _ Mono 128
Final Logo Shapes _ Shaded 128
Final Logo Shapes _ Filled 128

256
Final Logo Shapes _ Mono 256
Final Logo Shapes _ Shaded 256
Final Logo Shapes _ Filled 256

1024
Final Logo Shapes _ Mono 1024
Final Logo Shapes _ Shaded 1024
Final Logo Shapes _ Filled 1024

4096
Final Logo Shapes _ Mono 4096
Final Logo Shapes _ Shaded 4096
Final Logo Shapes _ Filled 4096

Ok danke für die Klarstellung @mdtauk. Ich habe es auf diese Weise gemacht, um den subtilen Würfel innerhalb eines Würfeldesigns zu erreichen, über den ich in einem früheren Beitrag gesprochen habe. Da der Winkel der Linienkappe 45° beträgt, liegt sie auf der diagonalen Linie des Quadrats, sodass ich sie nicht zu unnatürlich finde. Ich verstehe aber was du meinst. Ich denke, ich habe das Anpassen der Form als Sechseck priorisiert, während Sie es als Würfel priorisiert haben, und es gibt in beiden Fällen ein wenig Kompromiss (ausgewogene Symmetrie mit Würfel innerhalb eines Würfeldesigns vs. zusätzlichen Charakter und bessere Umhüllung). Auf jeden Fall freue ich mich über die Erklärung!

Ok danke für die Klarstellung @mdtauk. Ich habe es auf diese Weise gemacht, um den subtilen Würfel innerhalb eines Würfeldesigns zu erreichen, über den ich in einem früheren Beitrag gesprochen habe. Da der Winkel der Linienkappe 45° beträgt, liegt sie auf der diagonalen Linie des Quadrats, sodass ich sie nicht zu unnatürlich finde. Ich verstehe aber was du meinst. Ich denke, ich habe das Anpassen der Form als Sechseck priorisiert, während Sie es als Würfel priorisiert haben, und es gibt in beiden Fällen ein wenig Kompromiss (ausgewogene Symmetrie mit Würfel innerhalb eines Würfeldesigns vs. zusätzlichen Charakter und bessere Umhüllung). Auf jeden Fall freue ich mich über die Erklärung!

Keiner der Ansätze ist besser als der andere, nur unterschiedliche Ideen im Kern. Wie Sie sagen, wollte ich nicht die Tatsache verlieren, dass dies ein Würfel mit Tiefe und Textur ist, als die ursprüngliche Absicht hinter dem XAML-Logo.

Hier ist die Illustrator-Datei, gezippt
Final Logo Shapes.zip
_EDIT: Aktualisierte Illustrator-Datei mit gefüllten einfarbigen Versionen hinzugefügt_

16
Final Logo Shapes _ Mono 16
Final Logo Shapes _ Shaded 16
Final Logo Shapes _ Filled 16

32
Final Logo Shapes _ Mono 32
Final Logo Shapes _ Shaded 32
Final Logo Shapes _ Filled 32

64
Final Logo Shapes _ Mono 64
Final Logo Shapes _ Shaded 64
Final Logo Shapes _ Filled 64

128
Final Logo Shapes _ Mono 128
Final Logo Shapes _ Shaded 128
Final Logo Shapes _ Filled 128

256
Final Logo Shapes _ Mono 256
Final Logo Shapes _ Shaded 256
Final Logo Shapes _ Filled 256

1024
Final Logo Shapes _ Mono 1024
Final Logo Shapes _ Shaded 1024
Final Logo Shapes _ Filled 1024

4096
Final Logo Shapes _ Mono 4096
Final Logo Shapes _ Shaded 4096
Final Logo Shapes _ Filled 4096

Hallo Freund! Wir würden gerne sowohl die ursprünglichen mehrfarbigen als auch die blauen Logo-Designs haben, die Sie so erstellt haben, wie Sie sie ursprünglich gesendet haben, eine .ai-Datei in einem ZIP-Ordner. Sie sehen großartig aus! danke, dass du uns hilfst, deine Arbeit gefällt uns so gut, dass wir sie so behalten wollen, wie sie ist :) Nochmals vielen Dank

@SavoySchuler @embender Ich habe das Figma mit den endgültigen Logos und Farben aktualisiert, dazu gehören die Schatten, die die Dateigröße der Adobe Illustrator-Dateien erhöht hätten.

https://www.figma.com/file/KCQQ1wtMBnWxsXrmDOHmhB/WinUI-Logo-Share?node-id=0%3A1

Bin ich es nur oder sehen die kleineren grauen Würfel unscharf aus? Ist das nur ein Bildkompressionsartefakt oder so?

Bin ich es nur oder sehen die kleineren grauen Würfel unscharf aus? Ist das nur ein Bildkompressionsartefakt oder so?

Die Graustufen-Logos, die ich zuvor gepostet habe?

Die Bilder sollten bei 100% Zoom scharf sein, da sie auf einem Pixelraster scharf aussehen.

@mdtauk - nochmals

Wenn es nicht zu viel Mühe macht, könnten Sie uns Assets mitsenden, die die Outline-Version des Logos einschließlich der asymmetrischen Klammern zeigen? Etwa so, aber aktualisiert auf die neuesten Designs:

image

Und was halten Sie von der Umrissdicke? Ich weiß, dass es Gespräche darüber gegeben hat, sicherzustellen, dass die Umrissdicke dazu beiträgt, das Logo bei kleinen Pixelgrößen beizubehalten, aber für Swag frage ich mich, ob dünnere Linien effektiver wären?

Ich mag die asymmetrische Version des Logos sehr, bei der sich Linien bis zu den Außenkanten jedes Gesichts erstrecken. Dh.
Mehrfarbiges Licht Logo.zip

Es ermöglicht, dass jede Fläche für sich kohärent ist, und Sie können sich vorstellen, wie die verborgenen Flächen aussehen würden, wenn der Würfel gedreht würde.

In diesem Sinne könnte es cool sein, wenn das Design für Zauberwürfel verwendet würde.

@stmoy Ich habe die Umrisse beim ausgedünnt , aber für 16 und 32 wollte ich sie auf 1 px Dicke halten.

Wie auch immer, ich habe dem Figma dünnere Monoline-Gewichtssymbole hinzugefügt.

Mono 16
Mono 32
Mono 64
Mono 128
Mono 256
Mono 1024
Mono 4096

Bin ich es nur oder sehen die kleineren grauen Würfel unscharf aus? Ist das nur ein Bildkompressionsartefakt oder so?

Die Graustufen-Logos, die ich zuvor gepostet habe?

Die Bilder sollten bei 100% Zoom scharf sein, da sie auf einem Pixelraster scharf aussehen.

Ah, dumm von mir und DPI-Skalierung! 😛

Logo fertiggestellt

Hallo, wundervolle Gemeinschaft! Wie Sie sicherlich in der letzten Woche gesehen haben, sind wir definitiv, ganz sicher, ohne Frage zu 100% auf einem Logo gelandet, auf das wir uns SUPER freuen! Ein großes Dankeschön an euch alle, dass ihr dieses Haus gefahren habt. Wir wollten wirklich etwas schaffen, das all die Lieblingsarbeiten vereint, die alle hier eingereicht haben. Wir glauben, dass dies der Fall ist.

New WinUI Logo - wireframe and color

Lass uns nachbesprechen

Wir haben das alte Xaml-Logo hier:

Original Xaml Logo

Wenn @itsmichaelwest der Geschichte

WinUI_LogoExporation_V3_GitHub

Von dort wandten wir uns an die Gemeinde. Nach (fast) weiteren hundert Einsendungen, bei denen es um Neukolorierung und Styling ging, haben wir uns in diese einfache, aber elegante Variante verliebt, um die Brackets in sich zu halten. Wie @embender es paraphrasiert ausdrückte: "Ich mag die unterschiedlichen Höhen an den Klammern. Es macht es ein wenig abstrakt - malt etwas Kunst auf die Wissenschaft", zu der UI verschmilzt - Kunst und Wissenschaft in einem."

New WinUI Logo - wireframe

Was die Farbe angeht - unsere Benutzergemeinschaft sprach und forderte etwas, das sich immer noch "wie Windows anfühlte". @mdtauk hat es leicht gemacht, sich dieses bekannte Blau vorzustellen, das unsere Community noch einmal repräsentiert:

New WinUI Logo - color

Natürlich habe ich in dieser kurzen Zusammenfassung die ~300 Interaktionen von fast 40 Mitwirkenden hier und viele weitere auf Twitter und offline zusammengefasst. Die kurze Geschichte lautet: Ohne euch alle hätten wir das nicht geschafft, und ich hoffe, ihr seht alle ein wenig von eurer Arbeit und eure Geschichte spiegelt sich in dem wider, was wir gemeinsam geschaffen haben. Es wirkt irgendwie modern und retro zugleich, hip und doch auch historisch, präzise und asymmetrisch. Es ist ein bisschen ein Gesprächsstoff, und das ist beabsichtigt. 😊

New WinUI Logo - wireframe and color

Ich freue mich auf

Wenn man bedenkt, wie vielfältig diese Zusammenarbeit war und all die bunten Variationen, die wir gesehen haben, wie könnten wir die Dinge nicht mit all den Ideen, die Sie uns gegeben haben, lebendig halten? Wir freuen uns, mit den Farben und dem Thema experimentieren zu können. Behaltet Twitter im Auge, während wir lustige Design-Arbeiten teilen und versuchen, festliche Monats-, Feiertags- und Veröffentlichungsvarianten zum Teilen zu finden! 😊

Wir werden auch beginnen, aufregende Swag-Designs zu iterieren. Schauen Sie unbedingt an unserem Stand auf der Microsoft Ignite vorbei, um einen dieser Aufkleber unten abzuholen!

WinUI Logo Sticker

Swag-Link?

Ich habe gesehen, dass es Anfragen gab, persönliche Swag-Kauflinks zur Verfügung zu stellen. Sobald wir unser Swag-Lineup fertiggestellt haben, werde ich prüfen, ob ich dies umsetzen kann und in diesem Thread berichten. Bis dahin warte ich mit dem Schließen des Themas!

Wir haben Swag zu teilen!

Community Team, ich habe dich laut und deutlich gehört. Sie wollten die Gelegenheit haben, den gleichen Swag zu kaufen, den unsere internen Teammitglieder bei Microsoft Ignite, auf der Bühne und auf der ganzen Welt rocken werden. Wir haben uns entschieden, unseren Swag über eine Firma zu entwerfen und zu bestellen, die dies für Sie möglich machen könnte.

Ich habe heute unsere letzte Bestellung von über 100 Artikeln aufgegeben. Jedes Teammitglied konnte sich für das eine oder andere entscheiden. Vielen gefielen beide so gut, dass wir das eine genommen und das andere selbst bestellt haben (mich eingeschlossen)!

Bitte lassen Sie es mich wissen, wenn Sie Fragen haben. Ich habe ein paar Anmerkungen:

  • W enn Sie ein Gewinner unserer "1000. Ausgabe - Danke!"
  • Die Hoodies erfordern eine Mindestbestellmenge von 6. Du kannst das Produkt ganz einfach gegen eines ohne Mindestbestellwert tauschen oder ein Sammelbestellformular zusammenstellen.
  • Wenn Sie diese Woche bestellen/an Ihr Hotel versenden, können Sie diese rechtzeitig erhalten, um sie von 4. bis 8. November bei Microsoft Ignite in Orlando, FL, zu tragen!

Bestelllink für WinUI Hoodies

WinUI Hoodies

WinUI Shirt-Bestelllink

WinUI Shirts

Das endgültige Logo ist großartig geworden. Es knallt wirklich.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen