salut tout le monde! Windows IXP (anciennement Composition) PM ici qui voulait ajouter mes idées au mélange :) voici quelques-unes avec lesquelles j'ai déconné - faites-moi savoir ce que vous en pensez !

Vos soumissions sont incroyables, @embender. J'aime particulièrement le dernier et le premier.

A rapidement simulé une icône WinUI qui ne serait pas déplacée vers d'autres produits de la suite.

Incroyable, @iconredesign ! J'adore votre utilisation des nuances dans l'icône pour évoquer les régions de l'application.

Pour éviter toute confusion avec l'icône Microsoft Word (ci-dessous), que penseriez-vous de coopter certaines des couleurs du

Absolument! J'essayais de conserver la couleur du thème WinUI, mais il m'est venu à l'esprit que peut-être au moindre coup d'œil, ils pouvaient se ressembler.

Je vais jeter un œil aux lignes directrices présentées et soumettre une révision. Merci!

@iconredesign

Absolument! J'essayais de conserver la couleur du thème WinUI, mais il m'est venu à l'esprit que peut-être au moindre coup d'œil, ils pouvaient se ressembler.

Je vais jeter un œil aux lignes directrices présentées et soumettre une révision. Merci!

Voici la bonne nouvelle : vous pouvez nous aider à standardiser les nouvelles couleurs de thème. Nos directives sont intentionnellement lâches à cet égard afin que nous puissions avoir la liberté de rendre cela génial !

@SavoySchuler

Style

J'espère voir des chemises disponibles à l'achat une fois que le logo sera officiel.

@SavoySchuler

Style

J'espère voir des chemises disponibles à l'achat une fois que le logo sera officiel.

@shaggygi , c'est noté ! Quel type de design va vous faire porter l'une de nos chemises chaque semaine au cours des prochaines années ? Ma barre pour le butin est au moins aussi haute. ??

@SavoySchuler j'aime pas trop flashy . Je porte habituellement ma chemise GitHub toutes les deux semaines. Un simple logo final serait bien... probablement juste assez pour que d'autres soient curieux de demander ce que cela signifie d'expliquer/promouvoir.

Je suppose qu'il est important pour un designer de proposer un manifeste complet, alors le voici.

Le logo évoque bien entendu d'autres produits logiciels de Microsoft. Cela montre clairement l'organisation derrière elle, et l'iconographie d'une fausse interface utilisateur définit clairement à quoi sert cette application. Le WinUI > se distingue d'un produit Office, l'utilisation de crochets et de barres obliques au lieu d'une lettre le rend nettement différent et évite la confusion par lettre. Dans l'ensemble, l'icône indique clairement que 1) c'est un produit Microsoft, 2) c'est un outil basé sur du code pour la conception de l'interface utilisateur, et 3) ce n'est PAS un produit Office.

Le design plat intègre l'élément où la couleur du thème principal de l'application se retrouve dans son arrière-plan. Métaphoriquement, c'est la "base" de l'application et correspond au schéma de conception d'une application comme Excel. Une conclusion peut être tirée visuellement où « WebUI est la base de la conception de l'interface utilisateur qui repose sur le dessus. Cela l'a rendu possible ».

Au cours de ma brève recherche de WinUI pour m'assurer que mon logo représente réellement le produit, il m'a atterri sur une image phare présentant un exemple d'interface présentant l'étendue des éléments de l'interface. Les gris ont été retirés de cette image symboliquement pour accomplir 1) Simplicité de la coloration pour éviter un design laid, 2) Il s'agit simplement d'une différence de nuance par rapport au blanc et est également neutre, et 3) Pour mettre en évidence des hiérarchies qui le renforcent davantage avec le commerce de La conception de l'interface utilisateur (que j'aime personnellement) et 4) les tons de gris différenciés signifiaient que cette métaphore fonctionnera quelle que soit la taille de l'icône rendue, le plus important, sa taille dans la barre des tâches.

Donc, en matière de normalisation, quelles meilleures couleurs pour représenter l'interface utilisateur de Microsoft que les couleurs déjà utilisées pour représenter le design ? Il coule déjà parfaitement avec le blanc.

J'espère que cela vous plaira, et si vous avez des inquiétudes, n'hésitez pas à les soulever !

Je m'excuse si vous pensez que je suis bloqué sur ce design, donc je suis ouvert à un rafraîchissement si c'est plus approprié.

@iconredesign
L'idée derrière votre conception est correcte, mais l'exécution a des problèmes.

Premièrement, pourquoi y a-t-il 3 rayons de coins arrondis ? Choisissez-en un pour le cadre principal et un autre pour la boîte avec > et les cartes.

Deuxièmement, les couleurs ont besoin d'être ajustées, il n'est pas logique d'avoir une teinte claire sur le dessus, puis sombre en dessous.

Troisièmement, je suppose que vous essayiez de faire une ombre avec plusieurs carrés sombres avec opacité ? Ce serait bien pour quelque chose de plus abstrait, mais dans la plupart des cas, ce n'est pas comme ça que c'est fait.

De plus, le design ressemble un peu à ce que vous avez pris une icône, l'avez vectorisée dans Illustrator et avez un peu changé les choses (à quel point ma première impression a été).

C'est pourquoi j'ai besoin d'un avis extérieur parce que je suis à l'abri d'être coincé dans ma tête.

Je vais prendre en compte vos suggestions et les affiner. Merci!

Notez que l'ombre portée est encore en avance, donc la finale n'aura pas l'air aussi désorganisée. Il est littéralement intact de ce qui était initialement censé n'être qu'une maquette.

Salut @SavoySchuler , je me demandais quelle est la mission de WinUI dans vos mots ? Je demande parce que ce serait bien d'évoquer ces pensées via le nouveau logo. Merci!

@iconredesign

Notez que l'ombre portée est encore en avance, donc la finale n'aura pas l'air aussi désorganisée. Il est littéralement intact de ce qui était initialement censé n'être qu'une maquette.

N'est-il pas plus facile de cliquer sur un bouton pour obtenir une ombre que de créer un rectangle, de choisir une couleur, de réduire l'opacité puis de la copier ? ??

Répondre à tous les problèmes :

1 - Unification de tous les rayons et correction du haut de l'icône, ce qui était un gros oubli. Les cartes ont été rectifiées pour utiliser les coins droits de l'interface.

2 - La barre de navigation est désormais plus sombre, partageant la même teinte que le premier élément de menu de la liste.

3 - Enfin cliqué sur ce "un bouton" susmentionné après avoir précipité cette partie pour la maquette initiale afin que l'ombre portée soit bien plus jolie maintenant.

Vous cherchez quelque chose qui pourrait manquer dans l'icône, mais je pense que ça a l'air d'aller pour le moment.

@iconredesign
C'est un peu mieux maintenant avec les correctifs 🙂

IDK, c'est peut-être juste moi, mais peut-être essayer une nouvelle direction ? Cela me rappelle trop l'icône Word...

Vous avez demandé, j'ai livré ! Prise différente, donc le > fait partie de l'interface, et les éléments sont levés de la feuille de sorte que l'élément d'évocation est toujours en jeu. Le bleu est le bleu WinUI.

@iconredesign
S'améliore, mais maintenant nous avons pris des virages trop plats et trop pointus. Fluent évolue vers des dégradés (légers), des ombres et des coins arrondis.

Les cases grises/blanches représentent des éléments de menu ou ?

Edit: pensez aussi aux petites tailles (comme mentionné dans le premier post), je ne sais pas à quel point celle-ci serait déchiffrable :)

Cette variante est conçue pour les petites tailles. À cette taille, vous ne pouvez pas vraiment utiliser efficacement les dégradés et les coins arrondis en raison de la façon dont tout est réduit et ces éléments disparaissent.

Soyez assuré que ce design est parfaitement visible dans la barre des tâches. L'élément principal est un menu déroulant à partir d'une barre de navigation.

@iconredesign
Faites une version "plus grande" alors :D

De plus, vous pouvez utiliser des dégradés même sur des tailles plus petites, cela sera toujours perceptible ;)
Exemples : icônes Visual Studio (Code), Sublime Text, suite Adobe, ...

Je suis certainement d'accord pour explorer plusieurs directions! Je dois noter que j'aime beaucoup cette soumission de @iconredesign :

Il y a certaines choses que j'aime :

• L'alignement avec les icônes de la suite Microsoft Office est un complément au jeu d'icônes. Visuellement, vous savez qui propose le produit et suscite la confiance.
• La métaphore de l'application est excellente. La barre de défilement et le menu volant hors de la fenêtre racine sont des appels clairs à notre ensemble de contrôles, nouveaux et anciens.
• Le texte > ajoute de la clarté au concept selon lequel il s'agit d'un outil pour les développeurs.

Idées pour le concept :

• La principale préoccupation semble être la confusion avec le schéma de couleurs de Word. Quelque chose de bien dans les conceptions de ramifiant dans un schéma de couleurs bicolore, ses première et troisième conceptions peuvent exploiter avec succès la couleur sans s'éloigner trop près du territoire des icônes Office. Cette conception pourrait-elle incorporer une paire de couleurs comme le vert/violet de @embender ou autre chose ?
• Le "contenu de l'application" peut également être reconfiguré et ressemble moins à Word - peut-être quelque chose qui affiche une grille ou utilise un ProgressRing ? L'application "Xaml Controls Gallery" dans le Windows Store affichera toute notre collection de contrôles d'interface utilisateur et leurs icônes.

Un aperçu des icônes de contrôle de l'application Xaml Controls Gallery :

Peut-être que certains des visuels ici peuvent être utilisés pour l'inspiration ? Tous ces éléments peuvent être cliqués pour voir également le comportement visuel réel des commandes de l'interface utilisateur.

@SavoySchuler serait bien si ceux-ci

Je ferai une maquette demain et la posterai

Peut-être juste la partie </> de l'icône actuelle,

Ou un rétro d'un ancien, que diriez-vous de moderniser une icône familière, par exemple

Veuillez pardonner mes croquis bâclés.

Comme @iconredesign, vous

Je vote pour qu'il soit solide, minimal et simple. Pas de dégradés s'il vous plaît, me fait sentir 97'.

@SavoySchuler L'icône W EST belle, mais crie MS Office Word, mabe au lieu de W autre chose, </> ou quelque chose de geek et familier à la place.

Hé, j'ai presque oublié de mentionner, le logo actuel fonctionne pour moi aussi !

Peut-être devrions-nous rester à l'écart du nouveau style d'icône Office. Ces icônes font partie de la famille de produits Office 365 - donc pour moi, cela n'aurait aucun sens de l'appliquer à tout ce qui concerne Microsoft.

Remarquez, concevoir des icônes qui s'adaptent bien est vraiment, vraiment difficile (comme vous venez de le découvrir en les mettant sur un t-shirt :)). Je recommanderais de contacter l'équipe de conception de Microsoft pour voir s'il y a quelqu'un qui peut nous aider avec cela.

J'ai essayé, inspiré par le logo très basique .NET Core. Ils ne "crient" pas vraiment un cadre d'interface utilisateur, donc cela pourrait être un problème. D'un autre côté, il pourrait s'intégrer à d'autres logos de framework comme la famille .NET.

Notion 1

Notion 2

Notion 3

@neils9001 FWIW, j'aime beaucoup le concept 1; bonne idée sur l'inspiration là-bas. (Je préfère le texte WinUI sur une seule ligne, par rapport à Concept 2). Le concept 3 est également très bon ; semble évolutif, simple et lisse.

Je pense que si nous sommes déjà là, en train de penser aux icônes et à la marque pour WinUI, nous pourrions peut-être aussi considérer "l'autre moitié", les API système (le package Microsoft.Windows.SDK.Contracts NuGet), appelons-le WinAPI.

Je pourrais imaginer une conception d'icône de type Office avec le texte "UI" ou "API" et pour l'interface utilisateur, le reste serait quelque chose comme l'un de ces arts abstraits fluides (quelque chose comme ceux-ci ), et "l'API" pourrait être un ou plusieurs rouages... rouages ​​fluides.

Peut-être que le logo strict, la petite étiquette pourrait être juste un logo Windows et le texte "UI" ou "API" à côté. Plus bien sûr la partie arty avec les trucs abstraits et fluides et les rouages.

@MySelfMaruf personnellement, je souhaite que WinUI ne soit pas lié à Windows. TBH Je souhaite que le nom ne soit pas Win. Donc, pour être mentalement ouvert à l'expansion future d'une interface utilisateur .NET Core qui fonctionne sur n'importe quel environnement .NET Core (ou même .NET Standard).
Voir cette demande de fonctionnalité.

J'ai en fait eu des réflexions similaires sur le concept "UI" @petroemil

Voici une première tentative nettoyée et modifiée par mes soins :

Je souhaite rédiger une deuxième soumission séparée de Windows, convenant avec @weitzhandler qu'il pourrait être judicieux d'éviter de connecter directement le style de celui-ci et Windows ou Microsoft.

@AmNotADev

@weitzhandler qu'il serait peut-être judicieux d'éviter de connecter directement le style de celui-ci et Microsoft

Je parlais de Windows, pas de Microsoft.

J'ai en fait eu des réflexions similaires sur le concept "UI" @petroemil

Je souhaite rédiger une deuxième soumission séparée de Windows, convenant avec @weitzhandler qu'il pourrait être judicieux d'éviter de connecter directement le style de celui-ci et Microsoft.

D'accord. Peut-être qu'il serait intéressant de penser à quelque chose .Net Core UI ou .Net UI. Je recommanderais cependant d'associer maintenant ces icônes à la marque Office. Seule la marque Office utilise désormais la petite découpe. avec le panneau de descente.

De plus, si cela déclenchait un changement de marque et un nommage complets, comment pourrions-nous mieux intégrer la boîte à outils de la communauté Windows ?

WinUI
Boîte à outils de la communauté WinUI ?

Mon mauvais, mais je suis toujours d'accord avec ça @weitzhandler

Pour expliquer pourquoi j'ai choisi cette voie pour mon premier brouillon, ce ne sont pas seulement le style de marque de bureau, d'autres plates-formes Microsoft utilisent ces styles de logos, notamment Skype, OneDrive et Microsoft Teams (Skype et OneDrive manquent la découpe, mais Teams a ce).

J'ai pensé que ce serait une expérience intéressante de voir à quoi ressemblerait un logo de marque, dans ce style, avant d'essayer autre chose. cc @niels9001

@niels9001 @weitzhandler WinUI n'est pas exclusif à .NET, c'est également le framework d'interface utilisateur pour les applications natives et je me souviens peut-être même de quelque chose à propos de la future prise en charge de Python ? Sans oublier que c'est aussi le framework sous-jacent pour des choses comme Xamarin, Uno ou les prochaines solutions React Native.

C'est toujours excitant de voir la communauté se rassembler autour de l'iconographie ! ??

J'ai proposé une première ébauche qui, je pense, peut s'adapter assez bien à divers médias / produits dérivés. Au centre se trouve un cube arrondi dont chaque face est ombrée de différentes couleurs - actuellement sélectionnées dans la palette de la marque Windows, cela peut évidemment être modifié.

Les signes supérieur/inférieur à entourent le cube. Ceux-ci ne sont pas visibles à des tailles plus petites, se concentrant plutôt sur le cube.

Le logo peut également être décrit à des fins de merch. Maquette une idée de ce à quoi cela pourrait ressembler sur un t-shirt.

Toujours un WIP, les commentaires sont très appréciés. 😊 Je suis moi-même préoccupé par le fait que cela semble un peu trop abstrait, mais je laisse la communauté en juger !

@itsmichaelwest se précipite et fait un excellent travail comme toujours :)

J'ai esquissé quelques idées, et je vais commencer à essayer de les transformer en idées plus raffinées.

En voici un basé sur le logo de Visual Studio

Voici un logo inspiré du site Fluent Design

Icônes raffinées à l'échelle 16px et 32px

J'ai en fait eu des réflexions similaires sur le concept "UI" @petroemil

Je souhaite rédiger une deuxième soumission séparée de Windows, convenant avec @weitzhandler qu'il pourrait être judicieux d'éviter de connecter directement le style de celui-ci et Microsoft.

D'accord. Peut-être qu'il serait intéressant de penser à quelque chose .Net Core UI ou .Net UI. Je recommanderais cependant d'associer maintenant ces icônes à la marque Office. Seule la marque Office utilise désormais la petite découpe. avec le panneau de descente.

De plus, si cela déclenchait un changement de marque et un nommage complets, comment pourrions-nous mieux intégrer la boîte à outils de la communauté Windows ?

WinUI
Boîte à outils de la communauté WinUI ?

Du point de vue à long terme, la conception ne devrait-elle pas utiliser le nommage de l'interface utilisateur Windows (win) ?

J'ai en fait eu des réflexions similaires sur le concept "UI" @petroemil

Je souhaite rédiger une deuxième soumission séparée de Windows, convenant avec @weitzhandler qu'il pourrait être judicieux d'éviter de connecter directement le style de celui-ci et Microsoft.

D'accord. Peut-être qu'il serait intéressant de penser à quelque chose .Net Core UI ou .Net UI. Je recommanderais cependant d'associer maintenant ces icônes à la marque Office. Seule la marque Office utilise désormais la petite découpe. avec le panneau de descente.

De plus, si cela déclenchait un changement de marque et un nommage complets, comment pourrions-nous mieux intégrer la boîte à outils de la communauté Windows ?

WinUI
Boîte à outils de la communauté WinUI ?

Appréciez l'appel @niels9001. ??

Cependant, la boîte à outils de la communauté Windows est plus qu'une simple interface utilisateur (bien que nos contrôles et le travail XAML soient la plus grande partie de ce qui est utilisé). Je ne sais pas encore à quel point le co-branding a du sens ici, d'autant plus que l'équipe WinUI ne gère pas la boîte à outils, nous sommes des organisations distinctes. Donc, ça va être une discussion plus large à avoir ailleurs.

En ce qui concerne la contribution aux conceptions, j'ai vraiment aimé l'icône du livre existant, car il s'agit d'une bibliothèque de contrôles... 😛

Cela dit, il y a certaines des conceptions qui me font penser que je peux peut-être changer d'avis... Convenez que nous devrions rester en dehors du modèle de conception Office.

Salut @SavoySchuler , je me demandais quelle est la mission de WinUI dans vos mots ? Je demande parce que ce serait bien d'évoquer ces pensées via le nouveau logo. Merci!

C'est une question fabuleuse, @saraclay ! Nous n'avons pas de mission formelle pour WinUI car il évolue constamment pour répondre aux besoins de notre communauté, mais notre objectif pour WinUI 3 est le suivant :

"WinUI 3 apportera la plate-forme de présentation Windows moderne à plus de développeurs, plus rapidement, de manière plus ouverte."

Je peux déballer un peu plus le contenu de celui-ci si cela peut aider - je veux juste être sûr de ne pas surcharger l'esprit créatif avec les détails techniques. Faites-le moi savoir! ??

Voici mon point de vue sur le logo du livre actuel, stylisé pour ressembler aux icônes Fabric d'Office. J'ai également pris la liberté de créer des concepts pour "WinAPI", comme @petroemil l'a mentionné plus tôt.

Tissu WinUI

Tissu WinAPI [A]

Tissu WinAPI [B]

Sur le thème du nom

J'ai en fait eu des réflexions similaires sur le concept "UI" @petroemil

Je souhaite rédiger une deuxième soumission séparée de Windows, convenant avec @weitzhandler qu'il pourrait être judicieux d'éviter de connecter directement le style de celui-ci et Microsoft.

D'accord. Peut-être qu'il serait intéressant de penser à quelque chose .Net Core UI ou .Net UI. Je recommanderais cependant d'associer maintenant ces icônes à la marque Office. Seule la marque Office utilise désormais la petite découpe. avec le panneau de descente.
De plus, si cela déclenchait un changement de marque et un nommage complets, comment pourrions-nous mieux intégrer la boîte à outils de la communauté Windows ?
WinUI
Boîte à outils de la communauté WinUI ?

Du point de vue à long terme, la conception ne devrait-elle pas utiliser le nommage de l'interface utilisateur Windows (win) ?

Je vois beaucoup d'excellents débats sur la dénomination des produits. Ce sont de bonnes questions à se poser !

Comme @petroemil l'a noté, WinUI n'est pas exclusif à .NET. C'est le framework d'interface utilisateur moderne pour les applications natives Windows qui peut être exploité par plusieurs frameworks de développement, y compris React Native, ainsi que le framework sous-jacent pour des choses comme Xamarin et Uno.

Notre objectif est de vous offrir le moyen le plus rapide, le plus simple et le plus ouvert de créer une interface utilisateur de classe mondiale. Considérez le « gagnant » dans « WinUI » comme « 🏆UI ». Vous pensez que je plaisante - mais nous le faisons tout le temps dans notre équipe 🏆Dev (WinDev).

Si quelqu'un peut penser à un moyen de traduire le 🏆 en un logo légitime, vous ferez la semaine de

J'aimerais également souligner que les icônes Fabric (je vois qu'elles sont appelées ici "icônes Office") ne sont _pas_ limitées à MS Office. Par exemple, Votre téléphone et le nouveau terminal Windows utilisent tous des icônes Fabric, bien qu'ils ne soient pas du tout liés à Office.

Il semble que le style Fabric soit orienté vers les services multiplateformes, notamment Your Phone, Terminal (car il contient Ubuntu) et Azure (le site Web utilise Fabric). Si WinUI est également destiné à être (devenir) multiplateforme, il serait parfait d'associer WinUI à d'autres services multiplateformes.

@yoshiask Je suis allé avec la même inspiration quelques messages au-dessus du vôtre! J'ai également essayé de faire la même chose à propos de Fabric, mais vous l'avez fait mieux que moi.

J'aime bien le résultat, mais ils semblent un peu plus compacts que les logos Fabric actuels.

@AmNotADev Pourriez-vous élaborer sur « compact » ? Voulez-vous dire par couleur (sur la partie "contenu") ou par découpe (la "carte" avec ">") ?

@yoshiask la largeur de la section "arrière-plan" du logo ne semble correspondre à aucune des proportions des autres logos Fabric, elle a l'air un peu... écrasée? Je le ferais un peu plus large pour que le logo global soit plus carré.

J'ai eu le problème inverse et j'ai rendu le mien un peu trop large pour correspondre.

Ah, bon point. Je pense que j'ai fait correspondre les proportions du design actuel quand j'y travaillais, et j'ai oublié de le changer en arrière.

Comme, voici mon édition de la soumission précédente par moi si je corrige ma taille et mon positionnement.

La largeur est fixe (le 'undercard', c'est la mauvaise nuance de bleu, oups. Je ne veux pas spammer cependant, donc je vais le laisser pour l'instant)

J'ai refait le design de

@SavoySchuler

Cela ressemble presque à de l'art Word Word

Versions à l'échelle, comme Office, style Windows 10 Fluent Icon (y compris le bruit acrylique), en conservant la métaphore du livre.

Des versions plates et monochromes du même design que j'ai partagé auparavant, ainsi qu'une maquette de t-shirt. C'est du tissu sur du tissu !

Bonjour!

Voici mes premières idées de conception.
Qu'est-ce que tu penses?

Salut!
C'est mon idée pour WinUI

Sur le thème du nom

J'ai en fait eu des réflexions similaires sur le concept "UI" @petroemil

Je souhaite rédiger une deuxième soumission séparée de Windows, convenant avec @weitzhandler qu'il pourrait être judicieux d'éviter de connecter directement le style de celui-ci et Microsoft.

D'accord. Peut-être qu'il serait intéressant de penser à quelque chose .Net Core UI ou .Net UI. Je recommanderais cependant d'associer maintenant ces icônes à la marque Office. Seule la marque Office utilise désormais la petite découpe. avec le panneau de descente.
De plus, si cela déclenchait un changement de marque et un nommage complets, comment pourrions-nous mieux intégrer la boîte à outils de la communauté Windows ?
WinUI
Boîte à outils de la communauté WinUI ?

Du point de vue à long terme, la conception ne devrait-elle pas utiliser le nommage de l'interface utilisateur Windows (win) ?

Je vois beaucoup d'excellents débats sur la dénomination des produits. Ce sont de bonnes questions à se poser !

Comme @petroemil l'a noté, WinUI n'est pas exclusif à .NET. C'est le framework d'interface utilisateur moderne pour les applications natives Windows qui peut être exploité par plusieurs frameworks de développement, y compris React Native, ainsi que le framework sous-jacent pour des choses comme Xamarin et Uno.

Notre objectif est de vous offrir le moyen le plus rapide, le plus simple et le plus ouvert de créer une interface utilisateur de classe mondiale. Considérez le « gagnant » dans « WinUI » comme « 🏆UI ». Vous pensez que je plaisante - mais nous le faisons tout le temps dans notre équipe 🏆Dev (WinDev).

Si quelqu'un peut penser à un moyen de traduire le 🏆 en un logo légitime, vous ferez la semaine de

Je voudrais m'excuser à l'avance pour mes compétences en conception, veuillez utiliser votre imagination lorsque vous regardez le croquis suivant :

Et si le logo était une pièce de monnaie, une médaille (au lieu d'une coupe/trophée) ?

Dans le cas de WinUI, il pourrait s'agir d'une pièce d'argent avec une palette de peinture dorée à l'intérieur ? Ou la courbe extérieure de la palette pourrait être un cercle plus parfait et la partie restante du cercle pourrait être remplie par une pièce d'argent.

Et WinAPI pourrait être une pièce d'argent avec - contrairement à l'illustration ci-dessous - une roue dentée relativement mince sur le bord avec de nombreuses dents.

Un côté de la pièce pourrait être soit le texte UI / API ou le symbole </> / { # } (bien que les symboles dans les symboles puissent être un peu trop symbolisme), et l'autre côté pourrait être un logo Windows.

Il faut un peu d'imagination, mais je peux imaginer que cela a l'air bien.

Quelques exemples supplémentaires tirés des interwebs :

• Le genre de pièce de monnaie à crémaillère que j'avais en tête : lien
• Et comme j'y étais déjà, à la recherche d'exemples, je me suis rendu compte que la pièce BitCoin avait l'air plutôt cool aussi : lien

voici ma conception

Basé sur quelques croquis de

@SavoySchuler Changer le nom pour Hybrid + UI = HybrUI
Interface utilisateur pour toutes les plateformes. HybrUI sur GitHub.

MERCI POUR VOS IDÉES INCROYABLES : Les couleurs et le thème XML sont également ouverts à la variation !

Je pense que nous avons peut-être un peu poussé le sondage en ayant un logo préexistant car beaucoup de ces designs font référence à un thème XML. C'est très bien ! Mais XML n'est également _juste qu'un_ des langages de programmation que vous pouvez utiliser. Idem pour la palette de couleurs - pas besoin de s'en tenir au bleu et au blanc !

Si vous pouvez penser à des idées branchées et à la mode qui subvertissent ces thèmes et/ou couleurs, nous vous encourageons à les partager !

Cela étant dit, renommer WinUI n'est pas l'objet de cet effort, mais si votre idée de logo dépend d'un changement de nom, n'hésitez pas à le soumettre quand même. Sachez simplement que les logos portant le nom "WinUI" sont susceptibles de recevoir plus d'attention de la part de ceux qui feront les choix finaux.

Vous etes tous les meilleurs. Ce résultat est incroyable ! ??

@IUsername - Quel temps d'arrêt incroyable et des designs incroyables !! 🎺 Qu'en penses-tu, @MikeHillberg ? Sont-ils en accord avec votre esprit créatif ? @mdtauk et @embender avaient également des schémas de couleurs expérimentaux ci-dessus.

J'ai vu l'utilisation de l'imagerie du cube et des crochets en tant que XAML plutôt que XML au sens large. Mais oui, WinUI est plus que XAML, donc aller au-delà de l'iconographie XAML peut être mieux.

J'ai essayé de me concentrer sur l'aspect Livre/Bibliothèque et l'aspect XAML (comme pour le moment, XAML est le seul framework d'interface utilisateur que WinUI utilise, avec WPF et GDI intégrant XAML dans leurs frameworks)

Voici mes idées turquoises aujourd'hui, agrandies 3x à partir de 64px. AMUSANT!

Honnêtement, je ne vois rien de mal à s'en tenir au schéma de couleurs bleu et gris. Le bleu et le violet (surtout le bleu) semblent être les plus fortement associés à Windows, je ne vois donc pas de problème à garder le logo WinUI bleu. (À moins que "Windows" et "Win" ne soient supprimés du nom.)

Autre avis : les interfaces Fluent Design sont fortement centrées sur une seule couleur d'accent, qu'il s'agisse de la couleur de l'application ou de la couleur d'accent de l'utilisateur. La plupart des couleurs d'une application Fluent n'utilisent que des neutres et des variations de la couleur d'accent. La palette de couleurs de WinUI devrait refléter cela en s'en tenant à une seule couleur d'accent, plus des neutres comme le noir, le blanc et le gris.

Voici une idée jumelée au minimum.

Microsoft semble aller dans une nouvelle direction avec ses icônes. Les icônes Office redessinées et les icônes Fabric plus récentes (comme j'ai vu qu'elles ont été mentionnées par quelqu'un ici) partagent de nombreux éléments qui les aident à faire partie d'un langage de conception cohérent. J'ai remarqué que beaucoup d'entre eux incorporent de la profondeur, ont des couleurs vives, représentent de manière abstraite leur service et sont construits à partir de ce que j'appelle des blocs. Prenez l'icône Excel. Les blocs sont de couleur verte vibrante (dans un dégradé presque pixelisé) et ils représentent de manière abstraite les cellules d'une feuille de calcul. Leur profondeur est avec le carré contenant le "E" projetant une ombre sur le rectangle en dessous. Je me suis assuré d'intégrer ces éléments dans mes créations.

Je voulais m'éloigner de la structure des icônes de bureau que j'ai représentées dans l'exemple ci-dessus. Comme WinUI n'est pas un service Office, avoir un carré avec du texte flottant au-dessus d'un volet rectangulaire n'était pas une direction que j'ai choisie pour mes conceptions. Au lieu de cela, j'ai décidé d'utiliser certains des éléments que j'ai mentionnés ci-dessus, ce qui laisse beaucoup de place à la créativité tout en classant l'icône comme un produit Microsoft.

Pour les couleurs de ma conception, je voulais incorporer le look dégradé de couleur unie (affiché dans de nombreuses icônes Office/Fabric). Parce que je ne suis pas un expert dans la façon d'obtenir un mélange de couleurs qui fonctionnent bien ensemble, j'ai juste utilisé les couleurs de l'icône Outlook. Cela a fonctionné parce que je voulais que les dessins soient bleus (comme l'original). Je voulais vraiment juste faire passer l'idée générale et ces nuances ont fonctionné.

Dans beaucoup de mes conceptions, j'ai utilisé des blocs pour représenter de manière abstraite une interface utilisateur. Pour accomplir cela dans certaines de mes conceptions, j'ai utilisé une grille qui n'est pas définie et qui s'adapte à toute disposition pouvant être conçue à l'aide des composants WinUI. Cela semblait être l'un des meilleurs moyens de représenter la bibliothèque de composants et les interfaces qui peuvent être construites avec elle.

J'ai utilisé la profondeur indiquée avec une ombre dans bon nombre de mes conceptions. L'effet de profondeur doit être affiné sur certains d'entre eux, mais comme je l'ai déjà dit, ceux-ci devraient faire passer l'idée générale.

Et voici quelques-uns de mes croquis initiaux si l'un d'entre vous est curieux :

J'ai quatre conceptions qui ont chacune plusieurs itérations qui sont montrées ci-dessus. Je vais entrer un peu plus dans les détails avec chacun de ceux sur la photo.

1. Une version modernisée du logo original. J'aime beaucoup la métaphore du livre et de la bibliothèque de l'original. La couverture pourrait être interprétée comme montrant une interface utilisateur abstraite. Il contient donc plusieurs métaphores, ce qui est plutôt cool. Le texte est fait dans un style similaire à la nouvelle icône Terminal. Le signet met en valeur la profondeur qui était importante pour moi car c'est un attribut principal des icônes Fabric et Fluent Design.

2. Prenant le nom WindowsUI un peu littéralement, cette conception montre un utilisateur au-dessus d'une interface de style Windows.

3. La navigation verticale est un élément important de l'interface utilisateur Windows, présenté dans de nombreuses applications et sites. Cette conception en montre une version simplifiée dans un style similaire au logo du terminal Windows (à la fois dans la forme et dans la façon dont ils mettent tous les deux l'accent sur un élément majeur de l'interface. Pour l'icône du terminal, ce sont les onglets au lieu de la navigation verticale). Les couleurs devraient probablement être mélangées un peu pour rendre le texte plus lisible. Je pensais que cela correspondait assez bien au langage de conception de Windows.

4. J'ai essayé de présenter une abstraction extrême des interfaces utilisateur (et des composants qui les composent) avec les différentes itérations de cette conception. Ils sont assez simples mais je pense qu'ils ont l'air cool.

@NoahFeller - Je creuse vraiment l'icône 1 ! J'aime maintenir la métaphore du livre, mais je ne suis pas sûr de comprendre la grille sur la couverture du livre. Je pense que la grille de couleur bleue ajoute un peu de bruit à l'icône, ce qui la rend difficile à analyser à distance - à quoi cela ressemblerait-il avec une "couverture" plus simple ?

@stmoy C'est aussi l'un de mes favoris. L'idée derrière la grille était ma façon de représenter une interface utilisateur de manière très simplifiée et abstraite. Je pensais aussi que cela représente le cadre qu'est WinUI. Je suis d'accord avec votre point cependant. Peut-être que les nuances de couleurs étant plus similaires l'aideraient à paraître moins bruyant. J'ai fait de mon mieux pour implémenter des blocs pour correspondre au style des autres icônes Fabric (Votre téléphone, Terminal, Icônes Office). J'ai une version de l'icône en bas à gauche de ma première image qui n'a pas la grille. Je vais essayer différentes variantes parce que je n'aime pas le look de celle-ci. Les couleurs et la disposition des rectangles pourraient être améliorées. J'envisage également d'élargir un peu le marque-page. Merci pour les commentaires!

@itsmichaelwest , que représente le cube dans votre conception ? Pour moi, cela ressemble plus à un symbole d'espace 3D, AR, qu'à un cadre d'interface utilisateur basé sur le balisage

@itsmichaelwest , que représente le cube dans votre conception ? Pour moi, cela ressemble plus à un symbole d'espace 3D, AR, qu'à un cadre d'interface utilisateur basé sur le balisage

@danzil , je ne suis pas sûr, mais c'est peut-être le cube de Fluent qui représente la matière ?

@stmoy @NoahFeller J'ai été inspiré pour essayer de combiner quelques-uns de ces éléments que vous avez utilisés pour vos logos, ainsi que l'idée de livre de l'original et votre exemple n ° 1.

@stevenbrix AFAIK, l'équipe de Fluent Design s'est éloignée des conceptions cubiques pour adopter des contours plus simples qui présentent une dimensionnalité.

J'espère que je n'arrive pas trop tard à la fête !

Voici une contribution de mon côté

Ce sont mes pensées derrière ça

• WinUI est principalement pour Windows, le logo est donc dérivé du logo Windows.
• Puisque l'UI reste au premier plan en interaction avec l'utilisateur, ici le composant bleu représente l'UI tel qu'il est devant les autres composants (gris) du logo.
• Ajout de transparence et d'ombre portée au composant bleu pour représenter Fluent Design.
• Arrondi un peu les coins pour le rendre un peu plus poli.

Que peut-on lui faire d'autre

• le symbole > peut être ajouté au composant bleu pour mettre en valeur WinUI

J'espère que vous aimez.

Les suggestions sont les bienvenues.

@ratishphilip C'est une idée similaire à celle avec laquelle je

@mdtauk , tu as raison. Dans les très petites tailles, la transparence, les ombres ne fonctionneront pas.

En voici un autre - un concept similaire à celui de ma soumission précédente, mais inspiré par l'invitation de Microsoft le 2 octobre. :)

Si vous faites pivoter le logo de 45 degrés dans le sens inverse des aiguilles d'une montre, vous pouvez voir l'élément > dans le logo.

@itsmichaelwest , que représente le cube dans votre conception ? Pour moi, cela ressemble plus à un symbole d'espace 3D, AR, qu'à un cadre d'interface utilisateur basé sur le balisage

@danzil Le cube est une interprétation

J'ai pensé qu'il serait bon que le logo de WinUI représente d'une manière ou d'une autre ce qu'il fournit : un ensemble de contrôles et de styles XAML.

Pas super content de ça, mais si quelqu'un est inspiré pour en faire quelque chose, j'adorerais le voir !

Ces logos seront/doivent-ils être synchronisés ? Et devraient-ils tous partager le nom WinUI, s'il doit englober Windows UI et XAML ?

@mdtauk Oui - notre ambition est de polliniser toutes nos icônes avec des images du nouveau logo. ??

Mise à jour de la chronologie : annonce du Top 5 la semaine prochaine !

Chère communauté, vos idées sont incroyables ! Chaque fois que j'anticipe que vous monterez la barre, vous la montez plus haut. Nous sommes ravis de travailler avec vous tous sur un projet comme celui-ci. ??

Nous visons au début de la semaine prochaine à télégraphier nos 5 meilleurs choix jusqu'à présent afin que tout le monde puisse avoir une chance de leur donner un dernier tour avant de le réduire à un le 9 septembre .

D'ici là, nous continuerons à vous rejoindre pour réfléchir et créer !

Une famille unifiée d'icônes - Celles-ci sont toutes basées sur la grille de 16 pixels, donc à mesure que vous augmentez, les détails peuvent devenir plus subtils, comme je l'ai démontré dans les idées de logo précédentes que j'ai publiées

en voici un autre

Concept derrière cela

• WinUI comprend du code + XAML. Le code est représenté par des accolades et le XAML est représenté par >.
• Il représente également un carré aux coins arrondis désignant une fenêtre aux coins arrondis.

Une autre version de ce qui met l'accent sur le XAML

J'ai rapidement voulu montrer comment l'un de mes designs pouvait être adapté aux icônes WinUI qui accompagnent le logo principal. Mon objectif avec le design 1 était de moderniser l'icône existante dans le style Fabric/Fluent. Je visais un look frais et nouveau, mais familier. La même stratégie a été utilisée sur les icônes d'accompagnement. Évidemment, j'ai apporté quelques modifications, mais j'ai fait de mon mieux pour laisser intacte la structure de base de chacune des icônes WinUI tout en utilisant l'approche de modernisation. De cette façon, si ces icônes sont déployées, les utilisateurs comprendront toujours ce qu'elles représentent et leur apparence commune les lie dans le cadre d'un service unique. Le partage d'éléments plus généraux avec d'autres nouvelles icônes montre qu'ils représentent un produit Microsoft. Parce que certaines parties des icônes ont été rendues plus épaisses (lettrage et autres détails), elles s'adaptent en fait assez bien.

Voici une version improvisée de ma précédente soumission

Mon avis sur le logo

Une simple modernisation du logo actuel, je pense que certains des concepts ci-dessus, tout en étant jolis, s'écartent trop de l'idée de l'icône WinUI. Bien que l'icône puisse ressembler à une boîte, un bloc-notes le résume beaucoup mieux.

La conception est relativement simple et conçue avec une mise à l'échelle à l'esprit, avec des coins arrondis et des dégradés subtils. Certains éléments d'autres outils de développement Microsoft (liés) sont ici, comme < et > de l'icône Terminal.

Détail (version 64px+) :

Logo avec un mot-symbole _WinUI_

J'ai repris une idée précédente, changé les couleurs et ajouté des exemples de logos Toolkit et Gallery

Voici une autre version de mon logo précédent

Une autre notion

Improviser le logo précédent

J'aime beaucoup ce ratishphilip !

Je n'ai jamais été content du fait que le symbole, > , ressemble à une "balise de fin". C'EST À DIRE. cela me dérange que le symbole apparaisse dans le code où se trouvent les choses ...

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

Mais votre dernière icône (et d'autres similaires) sont stylisées pour détourner l'attention de la barre oblique.

Je me demandais si vous pouviez le styliser un peu plus loin ... peut-être pourriez-vous mettre un point rond au bas de la barre oblique pour le faire ressembler un peu plus à un point d'exclamation !

Les points d'exclamation sont pertinents et apparaissent dans les commentaires XAML, comme dans ...

<!-- WinUI is awesome -->

Juste pour illustrer la mise à l'échelle de mes idées de logo précédentes, voici les icônes 16px et 128px - vous pouvez voir les changements de proportions, l'augmentation des détails

_Je a également ajusté la hauteur de la partie I des icônes, ils jettent une ombre sur la part_ U

Improviser le logo précédent

@ratishphilip J'espère que cela ne vous dérange pas, mais j'ai décidé d'

_Modifier : restauration des symboles d'accolade alternés de la conception d'origine_

@ratishphilip J'espère que cela ne vous dérange pas, mais j'ai décidé d'

Aucun problème :)

@ratishphilip J'espère que cela ne vous dérange pas, mais j'ai décidé d'

Aucun problème :)

@ratishphilip Merci. Comment voyez-vous ce logo s'étendre pour les contrôles XAML / la galerie WinUI et la communauté Windows / WinUI Toolkit ?

@mdtauk Voici mon concept pour la galerie, la bibliothèque et la boîte à outils WinUI

@mdtauk Voici mon concept pour la galerie, la bibliothèque et la boîte à outils WinUI

@ratishphilip Merci, et voici mon point de vue sur eux

@mdtauk

Bien que cela semble intéressant, il semble trop occupé avec trop d'éléments et d'ombres qui se chevauchent. Juste mon 0,02 $

@mdtauk

Bien que cela semble intéressant, il semble trop occupé avec trop d'éléments et d'ombres qui se chevauchent. Juste mon 0,02 $

Personnellement, je suis d'accord, mais je prenais juste l'idée telle que présentée, et j'ajoutais le détail

Voici quelques notions supplémentaires. Celui de WinUI Toolbox est assez approximatif...

Ces concepts sont basés sur l'icône Dev Tools

en voici un autre

Une autre tentative

en voici un autre

Cela ressemble à un mauvais motif moiré, l'ombre est un peu trop forte et les rayures ne semblent pas bien représenter l'élévation.

Une autre tentative

Ceux-ci sont plus nets, mais le logo de la bibliothèque et les logos de la galerie sont très similaires, et la boîte à outils ne semble pas tenir dans la grille carrée, donc pas utile à une taille de 16 x 16 pixels

Mise à jour de la chronologie : annonce du Top 5 la semaine prochaine !

Chère communauté, vos idées sont incroyables ! Chaque fois que j'anticipe que vous monterez la barre, vous la montez plus haut. Nous sommes ravis de travailler avec vous tous sur un projet comme celui-ci. ??

Nous visons au début de la semaine prochaine à télégraphier nos 5 meilleurs choix jusqu'à présent afin que tout le monde puisse avoir une chance de leur donner un dernier tour avant de le réduire à un le 9 septembre .

D'ici là, nous continuerons à vous rejoindre pour réfléchir et créer !

Avez-vous une idée du jour où vous prévoyez de réduire certaines de ces idées ?

Un autre dérivé du logo Microsoft Word

Mise à jour de la chronologie : annonce du Top 5 la semaine prochaine !
Chère communauté, vos idées sont incroyables ! Chaque fois que j'anticipe que vous monterez la barre, vous la montez plus haut. Nous sommes ravis de travailler avec vous tous sur un projet comme celui-ci. ??
Nous visons au début de la semaine prochaine pour télégraphier nos 5 meilleurs choix jusqu'à présent afin que tout le monde puisse avoir une chance de leur donner un dernier tour avant de le réduire à un le 9 septembre.
D'ici là, nous continuerons à vous rejoindre pour réfléchir et créer !

Avez-vous une idée du jour où vous prévoyez de réduire certaines de ces idées ?

Mise à jour de la chronologie : annonce du Top 5 la semaine prochaine !
Chère communauté, vos idées sont incroyables ! Chaque fois que j'anticipe que vous monterez la barre, vous la montez plus haut. Nous sommes ravis de travailler avec vous tous sur un projet comme celui-ci. ??
Nous visons au début de la semaine prochaine pour télégraphier nos 5 meilleurs choix jusqu'à présent afin que tout le monde puisse avoir une chance de leur donner un dernier tour avant de le réduire à un le 9 septembre.
D'ici là, nous continuerons à vous rejoindre pour réfléchir et créer !

Avez-vous une idée du jour où vous prévoyez de réduire certaines de ces idées ?

@mdtauk Je rencontre @ryandemopoulos cet après-midi (3 septembre) et nous aurons alors soit notre top cinq, soit un calendrier plus précis avec lequel je pourrai faire rapport. ??

@SavoySchuler Salut Savoy, merci pour la mise à jour ! C'est génial de voir la communauté être si active à ce sujet :) !

J'aime vraiment beaucoup de concepts, en particulier ceux où la galerie, la bibliothèque et la boîte à outils ont une apparence et une convivialité similaires. Nous pouvons même étendre cela pour aligner les interfaces utilisateur de l'application Community Toolkit et Gallery afin d'avoir un message uniforme pour les nouveaux développeurs UWP.

Je me demandais si quelqu'un de l'équipe de conception examine également les soumissions ? L'ombrage des couleurs (pour l'accessibilité) et l'évolutivité sont des choses qui sont vraiment importantes et les concepteurs ont tendance à avoir beaucoup plus d'expérience sur ces choses que nous les développeurs :) !

Voici quelques idées de mots-symboles et conventions de nommage. WinUI _________ donc tout semble appartenir à une famille complète.

Toutes les _saveurs_ de WinUI devraient avoir une convention de nommage tout aussi simple, donc WinUI _pour_ _____

@SavoySchuler Salut Savoy, merci pour la mise à jour ! C'est génial de voir la communauté être si active à ce sujet :) !

J'aime vraiment beaucoup de concepts, en particulier ceux où la galerie, la bibliothèque et la boîte à outils ont une apparence et une convivialité similaires. Nous pouvons même étendre cela pour aligner les interfaces utilisateur de l'application Community Toolkit et Gallery afin d'avoir un message uniforme pour les nouveaux développeurs UWP.

Je me demandais si quelqu'un de l'équipe de conception examine également les soumissions ? L'ombrage des couleurs (pour l'accessibilité) et l'évolutivité sont des choses qui sont vraiment importantes et les concepteurs ont tendance à avoir beaucoup plus d'expérience sur ces choses que nous les développeurs :) !

Excellente question, @niels9001 ! Nous avons des experts en conception et en accessibilité dans notre équipe, ainsi qu'un contrôle de conformité mondial requis, ce qui garantira un logo accessible et approprié pour tout le monde. 😊 J'attends que nos meilleurs candidats soient sélectionnés avant d'appliquer ce processus, car cela créerait autrement une écoute excessive pour les 121 soumissions impressionnantes et uniques que nous avons vues jusqu'à présent !

Je ne pense pas qu'aucun d'entre nous ne s'attendait à ce qu'un seul design soit pris tel quel, bien sûr, ils servent tous de sorte de tableau d'humeur, que les experts en design de Microsoft prendront et mouleront, et produiront un design/cadre finalisé que les futurs logos et les icônes peuvent être basées sur.

Le fait que ceux d'entre nous qui ont contribué se soient influencés les uns les autres, signifiera, espérons-le, un design final, présentera des morceaux reconnaissables de nombreuses idées 🙂

Je ne pense pas qu'aucun d'entre nous ne s'attendait à ce qu'un seul design soit pris tel quel, bien sûr, ils servent tous de sorte de tableau d'humeur, que les experts en design de Microsoft prendront et mouleront, et produiront un design/cadre finalisé que les futurs logos et les icônes peuvent être basées sur.

Super appel, @mdtauk ! C'est correct - nous pouvons modifier la sélection finale en fonction des commentaires des ressources ci-dessus, mais je serais également ravi de présenter le travail original d'un membre de la communauté, nous devrons donc voir ce que l'avenir nous réserve pour notre sélection finale .

Le fait que ceux d'entre nous qui ont contribué se soient influencés les uns les autres, signifiera, espérons-le, un design final, présentera des morceaux reconnaissables de nombreuses idées 🙂

En ce qui concerne cela, j'encouragerai certainement les variations et les variantes du top 5 une fois celles-ci publiées ! ??

@SavoySchuler Inclurez- vous des commentaires sur les 5 que vous choisissez ? Et des commentaires sur tout ce qui est insuffisant. Les commentaires de vous et de l'équipe nous aideront à les affiner davantage et à apporter des versions modifiées des conceptions choisies par chacun.

@SavoySchuler Inclurez- vous des commentaires sur les 5 que vous choisissez ? Et des commentaires sur tout ce qui est insuffisant. Les commentaires de vous et de l'équipe nous aideront à les affiner davantage et à apporter des versions modifiées des conceptions choisies par chacun.

@mdtauk Encore une excellente question ! J'ai interrogé en interne 86 personnes au cours des dernières semaines de diverses manières sur nos (maintenant) 121 soumissions. En raison du volume, je ne pourrai pas offrir de retours complets, mais je peux synthétiser quelques notes personnelles sur les 5 derniers et encourager les parties particulièrement intéressées à faire de même. J'ai hésité à fournir des commentaires au cours de ce tour ouvert car je suis prudent pour créer des limitations qui inhibent la créativité de ce fil, mais je comprends aussi que vouloir évaluer votre direction, j'ai synthétisé quelques commentaires généraux ci-dessous :

• Les équerres + les conceptions cube/hexagone sont presque universellement préférées. Stylistiquement, ces conceptions sont simples, uniques, reconnaissables à travers le spectre des logos et bien mises à l'échelle à plusieurs tailles. Le consensus général que j'ai observé est que les crochets angulaires (bien que controversés pour certains) parlent de notre histoire et indiquent un produit enraciné dans le logiciel tandis que le cube/hexagone rend hommage à l'écosystème Fluent Design System et transmet de manière abstraite les choses le long des lignes de couleur, profondeur, éclairage, matière, etc.
• Le livre de bibliothèque classique, la "fenêtre d'application" abstraite de style Office et les conceptions circulaires .NET sont relativement liés en tant que finalistes préliminaires. Je pense que cela est dû à la similitude, aux précédents et à la familiarité avec les autres logos de produits de l'écosystème des développeurs Windows. Ils ont également tendance à être simples, nets et clairs.
• À l'inverse de la première puce, les logos qui sont stylistiquement complexes avec plusieurs nuances et composants en bandes suscitent des inquiétudes en ce qui concerne la mise à l'échelle pour les petites tailles sans avoir l'air occupé.

Et des commentaires sur tout ce qui est insuffisant.

Quant à cela, n'hésitez pas à me contacter par DM au sujet de toutes les soumissions qui vous intéressent particulièrement et je pourrai voir ce que je peux vous apporter. ??

J'attends avec impatience de voir les 5 qui sont favorisés @SavoySchuler , et j'espère que quelques commentaires sur ces 5 qui offrent une orientation quant aux changements qui seraient recherchés

Ouais @SavoySchuler ,

Tout commentaire est toujours le bienvenu. Comme @mdtauk l'a déjà mentionné, ces commentaires nous aideraient sûrement à aller dans la bonne direction. Espérons que l'effort collectif de chacun d'entre nous aboutira à l'obtention du meilleur logo pour WinUI.

Je voulais ajouter que je pouvais voir certains designs sur le site Web de Fluent Design être adaptés / modifiés pour fonctionner comme le logo WinUI (ex. image du haut). Même histoire avec certaines des icônes Fluent (je pensais que la lumière ou la matière pourraient être un bon point de départ). J'ai pensé que certains d'entre vous pourraient trouver les images du

_Couches et profondeur du logo_

_Logo grille_

_Profondeur et barres obliques de la version 2019_

_Fluent Imagary actuel et mis à jour_

_Peut-être les premières versions des icônes Office_

Je sais qu'il est un peu tard, mais l'icône la plus à droite sur votre avant-dernière image (celle avec le fond noir et les icônes blanches) fonctionnerait également très bien pour l'icône WinUI. C'est simple, propre et fonctionne avec les couleurs (je pouvais voir différentes nuances de bleu) ou tel quel avec le dessin du contour.

Je sais qu'il est un peu tard, mais l'icône la plus à droite sur votre avant-dernière image (celle avec le fond noir et les icônes blanches) fonctionnerait également très bien pour l'icône WinUI. C'est simple, propre et fonctionne avec les couleurs (je pouvais voir différentes nuances de bleu) ou tel quel avec le dessin du contour.

J'ai essayé de faire quelque chose de similaire dès le début.

Des maquettes MERCH pour le plaisir ! (D'un de mes dessins)

De plus, ce sweat-shirt a l'air super confortable et maintenant j'en veux un. Je vais essayer de m'abstenir d'acheter des sweat-shirts maintenant lol.

Communauté fabuleuse, nous sommes arrivés aux résultats du premier tour !

En interne comme en externe, le sondage était suffisamment clair pour que nous arrivions à un numéro 1 en tête du peloton ! Mais avant de dire quoi que ce soit...

Merci!

Au nom de toute l'équipe WinUI, "merci !" à tous ceux qui ont collaboré et contribué ici et à travers nos flux de médias sociaux. D'après les chiffres que nous avions...

• 121 soumissions
• 30 contributeurs au numéro
• 86 membres de l'équipe interrogés

C'était une démonstration de force à laquelle nous ne nous attendions pas ! Vous êtes IMPRESSIONNANT !

Le nouveau logo WinUI préliminaire soumis par @itsmichaelwest !

Ce design élégant reste la première soumission sur le fil de discussion ET a été presque unanimement choisi parmi tous les membres de l'équipe interrogés. Il y a trop de choses à aimer dans ce logo pour le détailler ici. Style, élégance, évolutivité, capacité de thème, tout est génial. Merci @itsmichaelwest pour la création de ce logo dynamite.

Des finalistes incroyables !

Pour s'inspirer du design de @itsmichaelwest , voici nos autres coeur ...

1. par @mdtauk

1. aussi par @mdtauk

1. par @niels9001

1. par @NoahFeller

1. par @ratishphilip

Et mention honorable à @IUsername pour ces soumissions colorées et originales :

Encore bravo et merci à tous !

Où allons-nous à partir d'ici?

Nous aimerions voir des riffs et des variations sur cette conception ! En raison de Microsoft Ignite, notre date limite est passée au vendredi 6 septembre à 8 h 00 HNP, nous accepterons donc les soumissions de variantes jusqu'au jeudi 5 septembre minuit HNP.

Pour vous inspirer, voici des variantes du logo de

1. Parenthèses ?

Nous avons exploré l'idée d'étendre WinUI au-delà du langage de démarques et pourrions le faire à l'avenir, ce qui signifierait aller au-delà de cette syntaxe "< >". Pensez-vous que le cube pourrait être assez solide pour tenir debout tout seul ? Si oui, quelqu'un a-t-il des idées qui pourraient l'aider à le faire?

2. Texte à l'intérieur ?

Pour Microsoft Ignite, nous allons fabriquer des autocollants hexagonaux. Cette conception s'intègre parfaitement dans cette forme, mais nous devrons déplacer le texte "WinUI" dans le cube. Quelqu'un a-t-il des idées sur la façon dont nous pourrions rendre cette variante superbe ?

3. Couleurs ?

Quelqu'un a-t-il des propositions de couleurs alternatives ? Nous sommes satisfaits du thème bleu mais nous n'y sommes pas particulièrement mariés non plus. Nous sommes ouverts à explorer des propositions alternatives!

4. Autonome ou +texte ?

Avons-nous besoin du texte "WinUI" _dans le cadre_ du logo ou le design du cube est-il suffisamment solide pour tenir seul ? Avec le < > ? Sans?

Si le Cube doit agir comme le symbole global, il devra recevoir un traitement visuel qui le rendra unique.

À 16 x 16, il n'y a pas beaucoup de place pour autre chose que le cube, donc des éléments comme la boîte à outils et la galerie devront être intelligents pour inclure le cube et plus encore dans les plus petites tailles.

Ce logo WinUI devient-il également le nouveau logo XAML ? Parce que XAML utilise le Cube entre parenthèses, alors qu'est-ce qui fait que cela est plus qu'un simple XAML ?

Voici les couleurs de la marque d'entreprise de Microsoft

Combinaisons de couleurs approuvées

Couleurs universelles des fenêtres

Félicitations @itsmichaelwest !

Voici un autre concept basé sur le cube et les équerres...

Concept approximatif basé sur @ratishphilip

Il faut être sûr de ne pas se confondre avec le logo Unity...

@mdtauk je n'y avais pas pensé !
Honnêtement, je pense que l'angle du cube est assez différent, mais de toute façon, il semble que nous ayons déjà sélectionné les 5 meilleures idées.

J'avais encore quelques idées.

Woah 😮Je suis tellement ravi que l'équipe ait adoré mon logo !

Mises à jour du logo

J'ai cherché des alternatives au cube qui s'inspirent des autres conceptions de ce fil. J'ai particulièrement aimé l' utilisation par site Fluent , et j'ai donc développé une version du cube qui utilise ces dégradés (_ce n'est pas définitif !_). J'ai aussi laissé tomber les crochets pour le moment, peut-être que ce "Fluent cube" peut tenir tout seul :

Autocollants

Voici quelques idées d'autocollants. Le premier réduit le cube et ajoute le texte WinUI ainsi qu'un lien vers le référentiel. La seconde ajoute une superposition sur le cube, avec le texte WinUI. Vous ne savez pas lequel fonctionne le mieux et si un lien vers le référentiel est nécessaire.

Le deuxième autocollant pourrait également fonctionner comme un logo de réseau social.

Continuera à développer cela. Merci à tous ceux qui ont inspiré ce fil ! ??

Version boîte à outils de ce logo

Quelques angles différents pour un concept basé sur l'une des icônes de

Cool.. J'aime cette direction.

Juste pour garder le sens... que représente le « cube » selon nous ? Ce serait bien d'avoir un peu de justification là-bas.

J'aime le lien vers Fluent Design

Le Cube n'était pas ma préférence initiale, car il est difficile de posséder ce symbole en tant que logo ou marque. Avec les crochets, il le lie intrinsèquement à XAML, et qui sait quels autres paradigmes d'interface utilisateur pourraient émerger à l'avenir.

Donc... J'ai traité le cube comme un noyau, donc soit un cube dans un cube, soit une partie du noyau.

Dans le logo XAML d'origine, je pense que le cube est un objet, comme dans le codage orienté objet, ou un élément XML/XAML.

Ce logo WinUI devient-il également le nouveau logo XAML ? Parce que XAML utilise le Cube entre parenthèses, alors qu'est-ce qui fait que cela est plus qu'un simple XAML ?

@mdtauk Si j'ai mal compris la question, faites-le moi savoir, mais il n'y a aucune intention de remplacer ou de mettre à jour le logo Xaml classique pour le moment - c'est juste pour WinUI. Je ne suis pas non plus sûr que le logo Xaml classique soit activement utilisé à quelque titre que ce soit au-delà des articles de documentation hérités. Si vous avez vu le contraire, n'hésitez pas à me le faire savoir !

@mdtauk Votre article sur les couleurs de votre marque est une excellente ressource sur ce fil. Merci d'être un poids lourd sur ce fil!

Voici un autre concept basé sur le cube et les équerres...

@ratishphilip - @ryandemopoulos , @stmoy , et moi-même aimons vraiment à quel point cette conception est autonome. @mdtauk , également un changement de couleurs intéressant. J'explore actuellement d'autres combinaisons de couleurs. Si je peux trouver quelque chose de méritoire, je le posterai.

Version Galerie ajoutée aux côtés des autres

Voici quelques logos d'autres frameworks - nous pouvons donc essayer d'éviter de créer des designs similaires.

Anglar JS

Xamarin

Manuscrit

Nœud JS

Réagir

Battement

Ionique

HTML/CSS/JS

Conception matérielle

Interface utilisateur rapide

Mise à jour de la demi-finale

Nous venons de terminer la réunion pour revoir tout ce qui est arrivé depuis la dernière belle. Première chose dont nous avons discuté : Wow, vous êtes tous incroyables ! Et vite!

Deuxièmement, trois designs (en plus de l' original de marqués et nous avons quelques questions pour chacun....

1. > J'ai cherché des alternatives au cube qui s'inspirent des autres designs de ce fil. J'ai particulièrement aimé l' utilisation par site Fluent , et j'ai donc développé une version du cube qui utilise ces dégradés (_ce n'est pas définitif !_). J'ai aussi laissé tomber les crochets pour le moment, peut-être que ce "Fluent cube" peut tenir tout seul :
   >

Nous aimons vraiment ce que vous avez fait ici ! Y a-t-il une chance que vous ayez une version haute fidélité que vous pourriez utiliser pour nous montrer à quoi cela ressemble avec des crochets sur le côté ? On imagine quelque chose comme ça :

1. @mdtauk et @ratishphilip , nous aimons la prise orange audacieuse que vous avez publiée tous les deux ! Nous aimerions voir d'autres variantes de couleurs que vous trouvez géniales. J'ai modélisé quelques schémas de couleurs alternatifs ci-dessous. Le haut utilise les couleurs de la marque Microsoft @mdtauk publiées ci-dessus. Celui ci-dessous ne suit aucune palette de marque en particulier, je viens d'explorer. Quelqu'un a-t-il des combinaisons de couleurs que vous pensez « pop » ? Je ne suis pas non plus contre les dégradés - mes compétences ne sont tout simplement pas encore là !

1. @mdtauk , nous aimons beaucoup celui que vous avez posté ! Y a-t-il une chance que vous puissiez partager des versions de ceci qui a.) n'ont pas de texte et b.) ont des arrière-plans noirs (avec et sans texte) ?

@SavoySchuler J'aime beaucoup celui que vous avez posté.

1. @mdtauk , nous aimons beaucoup celui que vous avez posté ! Y a-t-il une chance que vous puissiez partager des versions de ceci qui a.) n'ont pas de texte et b.) ont des arrière-plans noirs (avec et sans texte) ?

Grandes images entrantes 🚨

Les tailles comprennent 1024 x 1024 (avec et sans texte) - 16 x 16 - 32 x 32 - 64 x 64 - 128 x 128 - 256 x 256 - 4096 x 4096

Versions claire et sombre

J'adore l'icône @mdtauk qui vient de poster ! Ça parait super!

@SavoySchuler > Quelqu'un a-t-il des combinaisons de couleurs que vous pensez « pop » ?

Violet et orange est une combinaison de couleurs complémentaire classique. Mais avoir deux couleurs sur un seul cube semblerait un peu étrange

Vert et jaune

Bleu et rose

@SavoySchuler > Quelqu'un a-t-il des combinaisons de couleurs que vous pensez « pop » ?

Violet et orange est une combinaison de couleurs complémentaire classique. Mais avoir deux couleurs sur un seul cube semblerait un peu étrange

Vert et jaune

Bleu et rose

@mdtauk Certaines de ces combinaisons de couleurs pourraient-elles être appliquées dans l'un de ces modèles ?

@itsmichaelwest Je viens de réaliser qu'il me manquait une image au point 1 ci-dessus - ajoutée maintenant !

@SavoySchuler

Bleu > Rose

Sarcelle > Bleu

Vous pourriez faire quelque chose comme ça, un schéma analogue à travers le cube

Ce deuxième avec le Teal > Blue est mon préféré jusqu'à présent !

Cool.. J'aime cette direction.

Juste pour garder le sens... que représente le « cube » selon nous ? Ce serait bien d'avoir un peu de justification là-bas.

J'aime le lien vers Fluent Design

Excellente question, @niels9001 ! Les gens ont offert quelques prises tout au long de ce fil maintenant massif.

Pour beaucoup, c'est un hommage aux principes du système Fluent Designs illustrés ici (sous forme de cube) :

C'est aussi un hommage au logo Xaml original :

Mais d'autres, comme moi et @pag3 , l'ont décrit comme un "bloc de construction" et la plate-forme WinUI et ses offres comme exactement cela - les blocs de construction de l'interface utilisateur.

@SavoySchuler

Bleu > Rose

Sarcelle > Bleu

Vous pourriez faire quelque chose comme ça, un schéma analogue à travers le cube

J'aime aussi ceux-ci ! De bons choix, @mdtauk !

Voici une conception que j'ai faite il y a quelque temps pour un projet différent mais dont je n'ai finalement pas eu besoin. J'ai décidé de le soumettre ici! Cela fonctionne très bien ici car il présente de nombreux principes du Fluent Design System :
Lumière - La lueur de l'intérieur du cube.
Profondeur - C'est un cube 3D avec une profondeur visible.
Matériel - A un look acrylique cool.
Échelle - Les petits cubes dans un gros cube, ont une taille contrastée.

Je pense aussi qu'il a l'air plutôt cool et qu'il est quelque peu unique. Cela évite le problème avec certaines conceptions ici comme étant génériques. Il existe de nombreux logos hexagonaux/cubes, il peut donc être difficile d'être différent (je pense que cette conception permet de ne pas être générique). De plus, le peu léger au milieu peut être utilisé pour d'autres conceptions et motifs complémentaires. Voici un exemple :

Ouvert aux commentaires !

@NoahFeller Ça a l'air incroyable ! Avez-vous une version plus sombre pour mettre sur des fonds plus clairs ?

Merci @yaichenbaum. (Tu as commenté juste avant que je poste cette explication lol)

.
.
.
.

Je suis presque sûr d'avoir vu cette structure de grille quelque part liée à Fluent Design. Sur un fond blanc, le dessin a besoin soit d'une ombre directement derrière lui, soit de la couleur du cube en noir. Je ne manquerai pas de faire d'autres expériences !

Je suis presque sûr d'avoir vu cette structure de grille quelque part liée à Fluent Design. Sur un fond blanc, le dessin a besoin soit d'une ombre directement derrière lui, soit de la couleur du cube en noir. Je ne manquerai pas de faire d'autres expériences !

@ratishphilip - @ryandemopoulos , @stmoy , et moi-même aimons vraiment à quel point cette conception est autonome.

Merci pour les commentaires.

Voici un logo plus épuré.

Voici une autre version du logo précédent. Mon objectif ici est de décrire qu'une partie du cube a été coupée pour montrer le noyau du cube (tout comme il est montré dans les diagrammes de la terre)

Voici une autre version du logo précédent. Mon objectif ici est de décrire qu'une partie du cube a été coupée pour montrer le noyau du cube (tout comme il est montré dans les diagrammes de la terre)

La première chose que je vois est un symbole Play

En voici un autre basé sur le cube Fluent de @NoahFeller

Voici le logo précédent sans la coupe

Une autre version du cube de

Une autre version du cube de

Ne pensez-vous pas que cela déséquilibre un peu les équerres ?

Une autre version du cube de

Ne pensez-vous pas que cela déséquilibre un peu les équerres ?

C'est vrai, mais c'est conforme aux faces du cube. Je voulais juste essayer le style de coloration.

Et qu'est-ce qu'une petite asymétrie entre amis

Ce n'est pas mon travail le plus fier, mais j'ai essayé d'ajouter les crochets à l' idée de

Je vois ce que vous vouliez @SavoySchuler. Je pense que l'icône n'a peut-être pas besoin des supports et qu'elle est suffisamment puissante pour tenir debout toute seule. Je vais certainement itérer sur la conception (simplifier et/ou modifier) ​​et télécharger différentes versions, certaines avec et d'autres sans crochets. Je pense que l'icône n'a pas l'air aussi bien tournée, bien que cela puisse être corrigé 🙂. En téléchargeant, j'essayais juste d'évaluer si les gens aimeraient ou non un design similaire à celui-ci. Les retours semblent avoir été bons, je vais donc continuer à travailler. Merci pour les suggestions.

Une autre version du cube de

J'adore les deux nuances sur le support!

4096

1024

256

128

64

32

16

4096

1024

256

128

64

32

16

4096

1024

256

128

64

32

16

Nous aimons vraiment ce que vous avez fait ici ! Y a-t-il une chance que vous ayez une version haute fidélité que vous pourriez utiliser pour nous montrer à quoi cela ressemble avec des crochets sur le côté ? On imagine quelque chose comme ça :

@SavoySchuler et voilà ! Désolé pour l'attente, ce fil semble aller assez vite !

Version monochrome

@itsmichaelwest > c'est

Désolé...

En voici quelques-uns mais en utilisant le traitement de couleur de Michael West...

4096

1024

256

128

64

32

16

1024 cubes seulement

4096 cubes seulement

Je pense que j'en ai fini avec ces variations, à moins que @SavoySchuler @itsmichaelwest ou d'autres veuillent quelque chose de particulier de moi ?

https://www.figma.com/file/KCQQ1wtMBnWxsXrmDOHmhB/WinUI-Logo-Share?node-id=0%3A1
_Voici le lien vers le fichier Figma avec certains de mes logos dans_

@mdtauk - merci beaucoup pour toutes vos contributions et variations. Une question rapide - beaucoup de designs sont "cube dans un cube". Que veut dire ce double cube ?

@itsmichaelwest a suggéré à l'origine d'utiliser l'icône XAML comme base du logo, et son design a été choisi lors de la première série de soumissions.

Je considère le cube comme un noyau, une partie essentielle de la création d'applications Windows, et j'ai donc décidé d'illustrer le concept de noyau, en faisant ressortir une partie du cube. J'ai aussi joué avec un espace "vide", pour montrer qu'il s'agit d'un espace à construire.

Mais faire de la conception du cube et du support quelque chose de "possible" et de distinct, parmi les milliers d'autres iconographies basées sur des cubes, joue un certain rôle.

Version foncée/claire. Je travaille encore un peu sur la couleur bleue. Comme toujours, les commentaires sont appréciés.

@yaichenbaum Je voulais voir à quoi pourrait ressembler une version monochrome du cube que vous avez posté, mais je ne suis pas un artiste, alors j'ai littéralement simulé cela grossièrement dans Paint : :)

Est-ce à quoi vous vous attendriez pour une version monochrome, ou avez-vous une autre idée en tête de ce à quoi pourrait ressembler une version monochrome ?

J'aimerais le redessiner complètement s'il est à l'étude, mais voici une modification rapide avec ma réflexion, ceux-ci ne sont qu'à l'échelle 16px, il sera donc nécessaire de le redessiner complètement.

Maquette monochromatique rapide (pas tout à fait finie) de ma conception. Assez fluide 😄.

Une direction totalement nouvelle qui est vraiment fluide et peut facilement utiliser différentes couleurs pour s'adapter à des objets publicitaires, des autocollants, etc. Cette conception indique des blocs de construction ainsi qu'un élément caché au milieu. Je peux montrer dans d'autres couleurs pour des arrière-plans plus clairs si les gens sont intéressés.

Et une version 3D aussi, avec et sans contour.

@yaichenbaum Je voulais voir à quoi pourrait ressembler une version monochrome du cube que vous avez posté, mais je ne suis pas un artiste, alors j'ai littéralement simulé cela grossièrement dans Paint : :)

Est-ce à quoi vous vous attendriez pour une version monochrome, ou avez-vous une autre idée en tête de ce à quoi pourrait ressembler une version monochrome ?

@SavoySchuler Est-ce que ça va?

Couleur unie

4096

1024

256

128

64

32

16

DEMANDE FINALE

@itsmichaelwest et @mdtauk nos deux derniers choix se

@itsmichaelwest

Pour votre logo, il y a une certaine inquiétude quant à la façon dont les supports 2D et les cubes 3D s'accrochent ensemble. Pouvez-vous penser à apporter des modifications qui pourraient aider ces composants à se présenter de manière plus cohérente ? Nous ne savons pas exactement ce qui est nécessaire - si c'est l'espacement, les couleurs, etc... juste que cela semble un peu décousu.

@mdtauk

Pour votre logo ici, plusieurs personnes interrogées ont répondu qu'elles étaient confuses en pensant que les crochets à l'intérieur du cube étaient censés être des lettres telles que "I" et "J". Pour formuler cela d'une autre manière - on craignait qu'ils ne perdent le sentiment des crochets. Cela a semblé s'améliorer sur la mise à jour la plus récente lorsque vous les avez éclaircis un peu, mais nous ne savons pas s'il y a quelque chose qui pourrait être fait pour les faire ressembler davantage à des parenthèses ?

Nous aimerions également voir les lignes de support creuses et remplies sur les prises monochromatiques, le cas échéant :

Les deux

Pour toutes les soumissions finales, nous aimerions les voir:

• Versions colorées et monochromes sur fond noir et blanc
• En tailles 16x16px, 64x64px et haute résolution

Merci

Nous savons avoir beaucoup demandé. Lorsque nous avons commencé tout ce processus, nous ne savions pas que nous aurions autant d'options intéressantes pour délibérer et que la qualité des soumissions serait si incroyable.

Vous avez tous élevé la barre si haut que je trouve que nous sommes maintenant en train de pinailler chaque petit pixel et chaque petite courbe. La raison pour laquelle nous sommes si pointilleux, c'est parce que vous nous avez tous donné de l'or.

Si l'une de ces dernières demandes est trop demander, nous comprenons. Indépendamment de tout effort continu, nous vous enverrons à vous deux ainsi qu'à plusieurs autres un "merci !" butin qui porte les contributions que vous avez apportées ici.

Félicitations à @mdtauk et @itsmichaelwest.
Il est possible que le problème que vous avez mentionné avec les personnes qui le voient comme un I et un J soit dû au fait que l'utilisation de deux couleurs pour le support gauche le fait ressembler à un reflet sur le dessus. Peut-être que l'utilisation de la même couleur pour l'ensemble du support résoudrait ce problème de « réflexion », puis l'autre support ne sera plus considéré comme un J.

@SavoySchuler

@itsmichaelwest
Pour votre logo, il y a une certaine inquiétude quant à la façon dont les supports 2D et les cubes 3D s'accrochent ensemble. Pouvez-vous penser à apporter des modifications qui pourraient aider ces composants à se présenter de manière plus cohérente ? Nous ne savons pas exactement ce qui est nécessaire - si c'est l'espacement, les couleurs, etc... juste que cela semble un peu décousu.

J'ai une suggestion pour cela, mais ce sera à Michael de proposer une solution.

L'ombrage sur les supports est aligné avec l'ombrage sur le cube.

Félicitations les gars ! Un peu de commentaires/idées : je pense que sur le design de @mdtauk pourrait être améliorée car elle ne me semble pas correcte. De plus, vous voudrez peut-être rendre la lueur un peu plus sphérique, car le peu violet foncé semble s'étendre un peu plus bas. De beaux designs, juste quelques raffinements possibles auxquels j'ai pensé.

@yaichenbaum Le crochet qui ressemblait à un J était le plus à droite (sur le logo de @mdtauk ); certains membres de l'équipe ont estimé que c'était trop J-ish. Personnellement, je pensais que cela s'était un peu amélioré avec la version la plus récente publiée, car elles étaient un peu éclaircies. Je sais qu'il y a un désir de les garder suffisamment épais pour que vous puissiez voir les crochets sur les petites versions.

De toute façon, je ne suis pas un designer et je n'en joue même pas à la télévision. Il pourrait y avoir un certain nombre d'autres façons de les rendre plus parenthèses ; Je laisse ça à @mdtauk.

Ces conceptions sont tellement bonnes cependant. Nous parlons de minutie à ce stade.

J'ai la possibilité d'affiner les lignes à mesure que le logo s'agrandit. Je peux également resserrer les courbes pour en faire un bord plus pointu, sur le cube et le Bracket.

Les trois nuances de couleur gênent-elles l'apparence du Bracket ?

@mdtauk et si vous

... De plus, j'ai l'impression que la façon dont le support s'enroule sur la conception de @mdtauk pourrait être améliorée car elle ne me semble pas correcte. De plus, vous voudrez peut-être rendre la lueur un peu plus sphérique, car le peu violet foncé semble s'étendre un peu plus bas. De beaux designs, juste quelques raffinements possibles auxquels j'ai pensé.

J'ai utilisé un dégradé Diamond, plutôt que rond, pour faire allusion à l'idée qu'il y ait un cube coloré à l'intérieur du cube "acrylique" givré.

@mdtauk et si vous

Le problème avec cela serait de maintenir l'idée que les crochets sont à la surface du cube, mais je vais essayer de l'ajuster un peu plus, de les redresser et de les affiner un peu.

... De plus, j'ai l'impression que la façon dont le support s'enroule sur la conception de @mdtauk pourrait être améliorée car elle ne me semble pas correcte. De plus, vous voudrez peut-être rendre la lueur un peu plus sphérique, car le peu violet foncé semble s'étendre un peu plus bas. De beaux designs, juste quelques raffinements possibles auxquels j'ai pensé.

J'ai utilisé un dégradé Diamond, plutôt que rond, pour faire allusion à l'idée qu'il y ait un cube coloré à l'intérieur du cube "acrylique" givré.

Je vois, c'est trop indéfini pour vraiment le dire à l'OMI, alors peut-être que vous pouvez le modifier un peu. Vous n'êtes pas obligé de vous demander si cela pourrait être amélioré.

@mdtauk Pour moi, j'ai aimé les différentes colorations/nuances sur les supports. S'il existe un moyen de les faire apparaître plus entre parenthèses sans perdre les différentes couleurs, j'aimerais bien le voir. Mais je suppose que cela vaut la peine de jouer avec différents ombrages et moins de couleurs pour voir si cela aide aussi.

@mdtauk et si vous

Il peut également sembler cool que le cube ait une lueur plus forte de chaque couleur au point où le cube est à peu près ces trois couleurs et les parenthèses pourraient contraster le cube étant blanc ou noir. Jetant juste des idées là-bas.

@mdtauk Pour moi, j'ai aimé les différentes colorations/nuances sur les supports. S'il existe un moyen de les faire apparaître plus entre parenthèses sans perdre les différentes couleurs, j'aimerais bien le voir. Mais je suppose que cela vaut la peine de jouer avec différents ombrages et moins de couleurs pour voir si cela aide aussi.

Je les ai aimés aussi, le simple fait d'avoir deux nuances différentes les sépare, cela donne également à la moitié inférieure du support gauche une hauteur similaire à celle de droite, ce qui lui donne l'apparence d'un bloc "abc" avec un I et J.

Cela pourrait aider à l'améliorer un peu, mais à mon avis, ruine la belle apparence qu'il avait auparavant.

Je pense qu'une partie du problème avec les crochets est que vous avez une forme 3D avec beaucoup de couleurs et d'éclairage derrière eux et qu'ils sont juste de couleur unie, donc ils ne s'emboîtent pas aussi. Cela a l'air un peu drôle avec les deux conceptions, mais c'est plus important lorsque les crochets sont sur le cube.

@mdtauk Pour moi, j'ai aimé les différentes colorations/nuances sur les supports. S'il existe un moyen de les faire apparaître plus entre parenthèses sans perdre les différentes couleurs, j'aimerais bien le voir. Mais je suppose que cela vaut la peine de jouer avec différents ombrages et moins de couleurs pour voir si cela aide aussi.

4096

Couleur unique

@ryandemopoulos Est-ce que

Félicitations @mdtauk et @itsmichaelwest.
Grands dessins jusqu'à présent!

Je pense qu'une partie du problème avec les crochets est que vous avez une forme 3D avec beaucoup de couleurs et d'éclairage derrière eux et qu'ils sont juste de couleur unie, donc ils ne s'emboîtent pas aussi. Cela a l'air un peu drôle avec les deux conceptions, mais c'est plus important lorsque les crochets sont sur le cube.

Pas sûr que ça marche en inverse

@ryandemopoulos Est-ce que

Je ne suis qu'une opinion, mais oui, cela me semble plus parenthèse. Je pense que les bords plus nets ont aidé. Pour la version monochrome, les parenthèses ont toujours l'air super épaisses. (sauf en utilisant votre géométrie la plus récente)

Pas sûr que ça marche en inverse

Oui vous avez raison. Je reprends ça . Merci de l'avoir testé.

Il peut également sembler cool que le cube ait une lueur plus forte de chaque couleur au point où le cube est à peu près ces trois couleurs et les parenthèses pourraient contraster le cube étant blanc ou noir. Jetant juste des idées là-bas.

Mon avis est que les crochets doivent conserver la même forme que dans le logo pour XAML avec un peu d'arrondi

voici ma proposition

@ryandemopoulos Est-ce que

Je ne suis qu'une opinion, mais oui, cela me semble plus parenthèse. Je pense que les bords plus nets ont aidé. Pour la version monochrome, les parenthèses ont toujours l'air super épaisses. (sauf en utilisant votre géométrie la plus récente)

Aux tailles 32px et 16px, les crochets devront être remplis pour être lisibles, mais comment cela se passe-t-il pour les plus grandes tailles ?

Mon avis est que les crochets doivent conserver la même forme que dans le logo pour XAML avec un peu d'arrondi

voici ma proposition

@ratishphilip Le support gauche est-il verticalement plus petit ou est-ce l'ombrage provoquant une différence perçue?

@ryandemopoulos Est-ce que

Je ne suis qu'une opinion, mais oui, cela me semble plus parenthèse. Je pense que les bords plus nets ont aidé. Pour la version monochrome, les parenthèses ont toujours l'air super épaisses. (sauf en utilisant votre géométrie la plus récente)

Aux tailles 32px et 16px, les crochets devront être remplis pour être lisibles, mais comment cela se passe-t-il pour les plus grandes tailles ?

Balisage de cette géométrie pour @stmoy.

@ryandemopoulos Est-ce que

Je ne suis qu'une opinion, mais oui, cela me semble plus parenthèse. Je pense que les bords plus nets ont aidé. Pour la version monochrome, les parenthèses ont toujours l'air super épaisses. (sauf en utilisant votre géométrie la plus récente)

Aux tailles 32px et 16px, les crochets devront être remplis pour être lisibles, mais comment cela se passe-t-il pour les plus grandes tailles ?

Pour être honnête, je ne sais pas ce que j'aime le mieux - rempli ou contour. Je vais devoir regarder un peu plus. :) Je pense qu'ils fonctionnent tous les deux, même à haute résolution. (et convenez qu'à une résolution inférieure, rempli est le seul vrai choix)

@ryandemopoulos @SavoySchuler @stmoy

4096

1024

256

128

64

32

16

Couleur unique

@ratishphilip Le support gauche est-il verticalement plus petit ou est-ce l'ombrage provoquant une différence perçue?

Les deux supports sont de la même taille...

En voici un autre avec un support 3d

Voici le contour

En voici un autre avec un support 3d

Cela résout définitivement la perspective étrange que je voyais plus tôt. Bien fait!

En voici un autre avec un support 3d

Cela résout définitivement la perspective étrange que je voyais plus tôt. Bien fait!

Le cube n'est pas tourné proprement, il y a des lignes diagonales en haut et en bas

En voici un autre avec un support 3d

Cela résout également le problème avec l'impression qu'il a un I et un J.

Le cube n'est pas tourné proprement, il y a des lignes diagonales en haut et en bas

:D ouais une légère rotation... merci de me l'avoir signalé @mdtauk ... peut être facilement corrigé.

Je pense également à supprimer la rondeur du coin le plus intérieur (qui touche le bord du cube) et à le rendre net.

Voici le logo mis à jour

Logo Salut Res

Celui-ci (ou son homologue sombre) est magnifique. J'aime le dégradé car il mélange un élément Fluent.

Peut-être que ce qui précède devrait également être divisé en un cube 2 2 2, incorporant cela , quelle bonne idée ! Changerait les couleurs pour ressortir un peu plus peut-être.

Cependant celui-ci me donne une connotation Apache Cordova :

Surtout ces crochets noirs brillants.

Surtout ces crochets noirs brillants.

@weitzhandler Et ça ?

@SavoySchuler a posté les deux logos préliminaires sur Twitter, et le principal commentaire que j'ai

Je pense que les crochets gauche et droit devraient avoir une taille identique car ils ont également la même taille dans la syntaxe XAML ( < > ) . Par conséquent, les faire apparaître optiquement comme différentes en taille me semble juste étrange (c'est-à-dire que le support gauche semble plus grand que le support droit). Je préfère la façon dont @ratishphilip affiche ces crochets en ce moment.

@Félix-Dev
Les crochets de @ratishphilip sont superposés sur un cube, ne se conformant pas réellement aux côtés du cube. Il y a aussi une représentation littérale, versus une interprétation figurative. J'entends par là que vous pouvez réellement avoir des parenthèses, ou vous pouvez représenter des parenthèses.

Même si tous les logos ne doivent pas nécessairement être bleus, cela a du sens. Quand je pense à Win UI, je pense à l'interface utilisateur Windows. J'associe également le bleu à Windows.
Ce dernier logo de @mdtauk appelle Windows à mon avis et a sa propre identité et je serais capable de reconnaître ce que cela signifie par rapport aux nombreux autres logos de cubes.

@SavoySchuler a posté les deux logos préliminaires sur Twitter, et le principal commentaire que j'ai

J'aime vraiment ça @mdtauk ! Grosse amélioration à mon avis. Je pense qu'il est préférable d'avoir un look plus réfléchissant qu'un look brillant dans cette circonstance. Peut-être simplement rendre le côté droit un peu plus clair ou avoir un dégradé plus similaire. Mais à part cet excellent travail.

Ce dégradé sombre est-il meilleur ?

Salut Res logo

@mdtauk et si vous essayiez d'implémenter la fin des parenthèses dans la conception @ratishphilip dans vos parenthèses ? Je pense que les parenthèses seront moins confuses par les lettres si elles se terminent toutes les deux de la même manière.

Si les conceptions de @ratishphilip -- les parenthèses devraient toutes les deux sembler être de la même taille. @mdtauk Veuillez également créer une version de votre logo avec les crochets de

Si les conceptions de @ratishphilip -- les parenthèses devraient toutes les deux sembler être de la même taille. @mdtauk Veuillez également créer une version de votre logo avec les crochets de

Les crochets de @ratishphilip n'ont pas de sens dans l'espace 3D. Ils flottent juste là, et les ombres ne se projettent pas correctement sur le cube. Une partie de l'intérêt de la conception de @mdtauk est que les crochets s'enroulent autour du cube.

@NoahFeller Les crochets, IMO, devraient cependant refléter les crochets de XAML, qui sont de taille égale. Cela devrait être reflété dans le logo. Le problème que j'ai avec la conception de @mdtauk est qu'en regardant les parenthèses isolées - en particulier sur les tailles d'image plus petites - j'ai l'impression que les tailles des parenthèses sont les suivantes :

(Le support de gauche est clairement plus grand que celui de droite. En XAML, ce n'est tout simplement pas le cas.) Dans certaines résolutions d'image, c'est-à-dire

c'est assez flagrant pour moi et ça me déconcerte, très franchement. Les paires de crochets <> sont si importantes en XAML que je pense qu'il est justifié de les "claquer" sur le cube telles quelles, ou du moins d'en tenir compte.

@NoahFeller Les crochets, IMO, devraient cependant refléter les crochets de XAML, qui sont de taille égale. Cela devrait être reflété dans le logo. Le problème que j'ai avec la conception de @mdtauk est qu'en regardant les parenthèses _isolated_ - en particulier sur les plus petites tailles d'image - j'ai l'impression que les tailles des parenthèses sont les suivantes :

(Le support de gauche est clairement plus grand que celui de droite. En XAML, ce n'est tout simplement pas le cas.) Dans certaines résolutions d'image, c'est-à-dire

c'est assez flagrant pour moi et ça me déconcerte, très franchement. Les paires de crochets <> sont si importantes en XAML que je pense qu'il est justifié de les "claquer" sur le cube telles quelles, ou du moins d'en tenir compte.

Je pense que la conception du support 3D de

@NoahFeller Les crochets, IMO, devraient cependant refléter les crochets de XAML, qui sont de taille égale. Cela devrait être reflété dans le logo. Le problème que j'ai avec la conception de @mdtauk est qu'en regardant les parenthèses _isolated_ - en particulier sur les plus petites tailles d'image - j'ai l'impression que les tailles des parenthèses sont les suivantes :

(Le support de gauche est clairement plus grand que celui de droite. En XAML, ce n'est tout simplement pas le cas.) Dans certaines résolutions d'image, c'est-à-dire

c'est assez flagrant pour moi et ça me déconcerte, très franchement. Les paires de crochets <> sont si importantes en XAML que je pense qu'il est justifié de les "claquer" sur le cube telles quelles, ou du moins d'en tenir compte.

Je pense que la conception du support 3D de

Je vois ce que vous voulez dire. Tu as probablement raison. Voici une version rapide qui est symétrique et toujours en 3D. C'est très inachevé (pas d'ombres, les crochets sont trop gros, la coloration pourrait être meilleure, etc.) mais vous pouvez avoir une idée générale de ce que je recherche. Une sorte d'effet d'illusion d'optique sympa où vous pouvez le regarder de deux manières. Bien sûr, c'est totalement à @mdtauk de décider dans quelle direction prendre la conception.

Les crochets de @ratishphilip n'ont pas de sens dans l'espace 3D. Ils flottent juste là, et les ombres ne se projettent pas correctement sur le cube. Une partie de l'intérêt de la conception de @mdtauk est que les crochets s'enroulent autour du cube.

@NoahFeller, les crochets ont un sens dans l'espace 3D. Si vous regardez le cube dans la direction indiquée par la flèche rouge ci-dessous, les crochets ressembleraient à ceci

Ce dégradé sombre est-il meilleur ?

@mdtauk Une petite suggestion... Si le support gauche est conforme à la surface du cube, alors les deux coins au milieu du support devraient avoir un rayon de coin nul... identique au bord du cube.

Nous l'avons fait.

Communauté - vous êtes incroyable et je ne saurais trop insister là-dessus. Après, très littéralement, _hours_ de délibération, nous en avons décidé un. C'est la combinaison des designs @itsmichaelwest et @mdtauk :

Couleur:

(remarque : l'ombre du cube n'est pas reflétée ici car je n'ai pas pu trouver de version ombrée avec ces rayons d'angle)

Monochrome :

(remarque : voir le point 2 de la section inférieure concernant les supports symétriques par rapport aux supports asymétriques)

Les pensées

Comme @ryandemopoulos l'a dit, "Ce logo est

Appel aux designers pour nos dernières étapes

Nous n'avons pas tout à fait terminé, mais nous sommes plus proches. Voici les détails que nous résolvons :

1. Nous aimons ce schéma de couleurs, mais nous devons encore explorer différentes variantes de couleurs (et les mélanger avec des ombres / lueurs sur divers arrière-plans).

2. Nous avons reçu deux très bonnes versions : une avec des supports symétriques et l'autre avec des supports asymétriques. Nous penchons vers l'asymétrique (comme illustré à droite). Les pensées?

1. Nous devons concevoir un swag. Des chemises, des autocollants, des sacs, peut-être un modèle physique, etc. Il y a toujours une évidence, mais je parie que nous pourrions trouver quelque chose de vraiment cool. ??

Nous l'avons fait.

Communauté - vous êtes incroyable et je ne saurais trop insister là-dessus. Après, très littéralement, _hours_ de délibération, nous en avons décidé un. C'est la combinaison des designs @itsmichaelwest et @mdtauk :

Félicitations @itsmichaelwest et @mdtauk !

Nous l'avons fait.

Communauté - vous êtes incroyable et je ne saurais trop insister là-dessus. Après, très littéralement, _hours_ de délibération, nous en avons décidé un. C'est la combinaison des designs @itsmichaelwest et @mdtauk :

Félicitations @itsmichaelwest et @mdtauk !

@ratishphilip Je vois que vous avez travaillé dur pour nous aider à arriver ici, alors félicitations pour votre influence et votre impact. Je vais examiner plusieurs de vos schémas de couleurs proposés avant de verrouiller cela. Bravo et merci !

Les crochets de @ratishphilip n'ont pas de sens dans l'espace 3D. Ils flottent juste là, et les ombres ne se projettent pas correctement sur le cube. Une partie de l'intérêt de la conception de @mdtauk est que les crochets s'enroulent autour du cube.

@NoahFeller, les crochets ont un sens dans l'espace 3D. Si vous regardez le cube dans la direction indiquée par la flèche rouge ci-dessous, les crochets ressembleraient à ceci

@ratishphilip si vous vous

Les crochets de @ratishphilip n'ont pas de sens dans l'espace 3D. Ils flottent juste là, et les ombres ne se projettent pas correctement sur le cube. Une partie de l'intérêt de la conception de @mdtauk est que les crochets s'enroulent autour du cube.

@NoahFeller, les crochets ont un sens dans l'espace 3D. Si vous regardez le cube dans la direction indiquée par la flèche rouge ci-dessous, les crochets ressembleraient à ceci

@ratishphilip si vous vous

Merci @NoahFeller. Appréciez vos commentaires.

@NoahFeller est-ce ainsi que vous vous attendiez à ce que le logo soit ?

@NoahFeller est-ce ainsi que vous vous attendiez à ce que le logo soit ?

Cela ressemblerait probablement à quelque chose de proche de cela (l'ombre ne serait probablement pas si sombre) mais le problème est que le design n'a pas l'air génial d'être rendu avec précision dans l'espace 3D. Comme je l'ai dit plus tôt, les crochets semblent étrangement compressés et ne conviennent pas à la direction d'où vient la vue. Je pouvais le voir fonctionner mieux avec des supports de forme appropriée flottant parallèlement à la vue de la « caméra » et les ombres étant projetées avec précision. Ou ça pourrait être cool de voir les supports encastrés dans le cube ou quelque chose. OMI, votre conception ne fonctionne pas très bien dans sa forme actuelle. Mais la bonne nouvelle est que cela peut certainement être modifié pour le mieux de différentes manières.

Réflexions sur la conception finale

Pendant que les derniers ajustements se produisent, j'ai quelques choses que je veux mentionner à propos de la conception. Tout d'abord, c'est vraiment cool de voir la combinaison cube acrylique + lueur utilisée. J'ai également un peu d'inquiétude au sujet des crochets de couleur unie au-dessus du cube 3D. Le cube émet une lumière et il semble y avoir une lumière directionnelle sur le côté du cube, il n'est donc pas logique que les parenthèses soient de couleurs unies. Ils devraient probablement avoir un léger dégradé qui correspond aux sources d'éclairage (pas tellement dégradé qu'il semble collant, seulement pour que ce soit réaliste). Sinon, cela n'a pas du tout de sens dans l'espace 3D et regarde au loin. La dernière chose que je voulais demander est est-ce que vous ( @SavoySchuler , @stmoy) envisageriez-vous de rendre les crochets symétriques comme ça ?

Comme je l'ai dit plus tôt lorsque je l'ai posté, il s'agit d'un design très approximatif (pas d'ombres, les crochets sont probablement trop gros, la coloration pourrait vraiment être améliorée, etc.). Même ainsi, cela résout de nombreux problèmes que j'ai vus ici et sur Twitter concernant les supports étant de formes asymétriques et différentes et le fait tout en s'enroulant autour du cube de la même manière qu'auparavant. Imaginez simplement que le support droit soit étendu sur le cube de @mdtauk . Cela me semble être une grande amélioration parce que le changement fait que les parenthèses ressemblent plus clairement à ce qu'elles sont au lieu de lettres ou quelque chose du genre. De plus, la symétrie, lorsque cela est possible, est agréable et offre un équilibre ! De toute évidence, le style serait ajouté au cube acrylique de @mdtauk avec la lueur et non à son cube bleu (cela est montré dans l'image ci-dessus), mais seriez-vous ouvert à l'idée de voir cette modification expérimenter davantage?

Félicitations également @itsmichaelwest et @mdtauk !

Tout d'abord félicitations à @itsmichalwest et @mdtauk et un immense merci à @mdtauk pour le partage de ses fichiers figma !!!

Quant au commentaire de @SavoySchuler :

1. Nous aimons ce schéma de couleurs, mais nous devons encore explorer différentes variantes de couleurs (et les mélanger avec des ombres / lueurs sur divers arrière-plans).

Voici mon point de vue sur le design génial de

J'ai remplacé le bleu sarcelle, le bleu et le rose avec des variations du thème Windows bleu pour lui donner une sensation plus "Windows".

Vraiment hâte de voir l'icône finale ! Ça a l'air vraiment poli ! @mdtauk et @NoahFeller en particulier ont partagé de nombreuses idées et points de vue incroyables qui seront utiles pour toutes les conceptions que je ferai à l'avenir.

L'image de gauche est le point de vue de @chingucoding sur le @mdtauk . L'image de droite est ma version révisée où les crochets sont symétriques (par symétrique, je veux dire non seulement en hauteur mais aussi en forme comme vous pouvez le voir). En les regardant côte à côte, l'asymétrie me déconcerte complètement. À mon avis, la symétrie apporte l'équilibre et l'icône semble moins complexe. Beaucoup de crochets angulaires que j'ai vus ont en fait leurs extrémités à des angles plutôt qu'à plat comme le crochet gauche l'était à l'origine, donc ce changement ne nuit pas à la lisibilité (peut-être le contraire). Si vous pensez à un hexagone comme 6 triangles, les extrémités inclinées bercent plus élégamment la forme, donnant à l'icône une nature plus géométrique pour la version GIF supérieure. Vous trouverez ci-dessous quelques GIF montrant la différence entre les versions révisée et non révisée des deux conceptions de

@NoahFeller ne devient-il pas le même que l'une de mes précédentes soumissions (en faisant les crochets de la même couleur)

@NoahFeller ne devient-il pas le même que l'une de mes précédentes soumissions (en faisant les crochets de la même couleur)

Sorte de. Les supports multicolores leur donnent l'impression de s'enrouler autour du cube, donc c'est un peu différent. Les différences de couleur sont quelque peu importantes. Comme je l'ai mentionné plus tôt, les crochets de donner du sens en 3D. Les crochets de

Oh, j'ai totalement oublié de mentionner que cette version a un cube dans un design de cube que j'ai vu figurer sur quelques designs sur cette page. Je pense que c'est un aspect vraiment cool à intégrer et qu'il a une signification intéressante derrière cela. Vous trouverez ci-dessous ce que @mdtauk a dit en expliquant son cube dans un design de cube en réponse à @stmoy :

@mdtauk - merci beaucoup pour toutes vos contributions et variations. Une question rapide - beaucoup de designs sont "cube dans un cube". Que veut dire ce double cube ?

@itsmichaelwest a suggéré à l'origine d'utiliser l'icône XAML comme base du logo, et son design a été choisi lors de la première série de soumissions.

Je considère le cube comme un noyau, une partie essentielle de la création d'applications Windows, et j'ai donc décidé d'illustrer le concept de noyau, en faisant ressortir une partie du cube. J'ai aussi joué avec un espace "vide", pour montrer qu'il s'agit d'un espace à construire.

Mais faire de la conception du cube et du support quelque chose de "possible" et de distinct, parmi les milliers d'autres iconographies basées sur des cubes, joue un certain rôle.

Et voici un cube de support symétrique dans un design de cube basé sur le design vert/bleu/violet de

Mon opinion est que la largeur des crochets doit être 1/4 de la largeur du cube extérieur. Le cube intérieur doit être la moitié de la taille du cube extérieur, ce qui placera les crochets à une distance, d'un quart de la largeur du cube, des bords du cube extérieur.

Et voici un cube de support symétrique dans un design de cube basé sur le design vert/bleu/violet de

J'ai modifié les parenthèses pour qu'elles soient légèrement plus proches. Je pense que ça a l'air un peu mieux comme ça.

@SavoySchuler Est-ce le genre de couleur avec

Les crochets symétriques sont certainement beaucoup plus agréables. J'aimerais voir un concept où les coins intérieurs sont également arrondis.

Les crochets symétriques sont certainement beaucoup plus agréables. J'aimerais voir un concept où les coins intérieurs sont également arrondis.

Entièrement d'accord. Il est difficile de dire qu'il s'agit d'équerres autrement. Pouvez-vous préciser ce que vous entendez par coins intérieurs ?

De nouvelles combinaisons de couleurs cool @mdtauk ! Vous avez fait un travail formidable. Je me demandais si vous aviez une opinion sur l'opportunité ou non d'avoir des équerres de forme symétrique. J'ai vu @Felix-Dev, @elalexg et @goranalkovic publier ici sur la façon dont ils préfèrent les crochets symétriques. Je suis curieux de savoir si vous avez un point de vue contrasté. Le message de @Felix-Dev est ci-dessous pour le contexte.

@NoahFeller Les crochets, IMO, devraient cependant refléter les crochets de XAML, qui sont de taille égale. Cela devrait être reflété dans le logo. Le problème que j'ai avec la conception de @mdtauk est qu'en regardant les parenthèses _isolated_ - en particulier sur les plus petites tailles d'image - j'ai l'impression que les tailles des parenthèses sont les suivantes :

(Le support de gauche est clairement plus grand que celui de droite. En XAML, ce n'est tout simplement pas le cas.) Dans certaines résolutions d'image, c'est-à-dire

c'est assez flagrant pour moi et ça me déconcerte, très franchement. Les paires de crochets <> sont si importantes en XAML que je pense qu'il est justifié de les "claquer" sur le cube telles quelles, ou du moins d'en tenir compte.

Visual Studio Violet

De nouvelles combinaisons de couleurs cool @mdtauk ! Vous avez fait un travail formidable. Je me demandais si vous aviez une opinion sur l'opportunité ou non d'avoir des équerres de forme symétrique. J'ai vu @Felix-Dev, @elalexg et @goranalkovic publier ici sur la façon dont ils préfèrent les crochets symétriques. Je suis curieux de savoir si vous avez un point de vue contrasté. Le message de @Felix-Dev est ci-dessous pour le contexte.

@NoahFeller Les rendre symétriques signifierait séparer les supports du cube. J'ai produit une version avec les supports de la même taille (mais pas de forme symétrique) - et l'équipe qui prend les décisions semble se ranger du côté du maintien de l'asymétrie.

Si vous considérez les crochets comme étant une représentation littérale des crochets angulaires de XAML/XML, alors vous serez sûrement choqué par l'approche stylisée.

Mais si leurs formes sont symboliques des parenthèses, mais que le cube lui-même est le logo, alors l'asymétrie fait allusion aux parenthèses, tout en étant suffisamment stylisée pour être un logo intéressant.

Rendre les supports symétriques, tout en les gardant posés sur le cube, signifierait faire pivoter le cube, et cela n'a pas été demandé, et constitue un autre éloignement de l'inspiration du logo XAML.

Couleurs

@mdtauk - vous avez été incroyable. Tout ce dont nous avons besoin, ce sont vos fichiers au format vectoriel pour les logos ci-dessous (formes de gauche et du centre de préférence si disponibles). Sinon, ne vous sentez plus obligé de nous prêter de votre temps à moins que vous ne le souhaitiez. On ne pouvait pas demander plus sans culpabiliser !

À l' exception des soumissions les plus récentes de

Comme dernière exploration, nous aimerions voir s'il est possible de bien travailler ce design dans les couleurs officielles de Microsoft (si possible). J'ai exploré cela hors ligne et je n'ai encore rien trouvé que je serais fier de publier. À moins que quelqu'un ici ne le puisse, nous choisirons parmi les schémas de couleurs ci-dessus.

En ce qui concerne la forme support/hauteur, notre intérêt se porte sur ce qui complète le mieux les couleurs. Jusqu'à présent, je pense que les images de gauche et du centre ci-dessus font le mieux, mais cela n'exclut en aucun cas le bon élément ci-dessus ou toute autre soumission de couleur qui s'écarte de cela.

Couleurs

@mdtauk - vous avez été incroyable. Tout ce dont nous avons besoin, ce sont vos fichiers au format vectoriel pour les logos ci-dessous (formes de gauche et du centre de préférence si disponibles). Sinon, ne vous sentez plus obligé de nous prêter de votre temps à moins que vous ne le souhaitiez. On ne pouvait pas demander plus sans culpabiliser !

À l' exception des soumissions les plus récentes de

Comme dernière exploration, nous aimerions voir s'il est possible de bien travailler ce design dans les couleurs officielles de Microsoft (si possible). J'ai exploré cela hors ligne et je n'ai encore rien trouvé que je serais fier de publier. À moins que quelqu'un ici ne le puisse, nous choisirons parmi les schémas de couleurs ci-dessus.

En ce qui concerne la forme support/hauteur, notre intérêt se porte sur ce qui complète le mieux les couleurs. Jusqu'à présent, je pense que les images de gauche et du centre ci-dessus font le mieux, mais cela n'exclut en aucun cas le bon élément ci-dessus ou toute autre soumission de couleur qui s'écarte de cela.

J'ai moi aussi essayé d'utiliser les couleurs du logo Microsoft Four Square et je n'ai pas réussi à les faire bien ensemble tout en préservant la dimensionnalité du cube.

Avec quel outil travaillez-vous ? J'utilise Figma, car je pense que c'est un outil avec lequel Microsofties sont familiers, mais je peux les transférer dans Illustrator si cela est préféré?

Merci d'avoir partagé votre point de vue sur la symétrie/asymétrie @mdtauk.

@NoahFeller Les rendre symétriques signifierait séparer les supports du cube. J'ai produit une version avec les supports de la même taille (mais pas de forme symétrique) - et l'équipe qui prend les décisions semble se ranger du côté du maintien de l'asymétrie.

Rendre les supports symétriques, tout en les gardant posés sur le cube, signifierait faire pivoter le cube, et cela n'a pas été demandé, et constitue un autre éloignement de l'inspiration du logo XAML.

Je ne vois pas ce que vous voulez dire en disant que rendre les crochets symétriques signifie qu'ils devraient être séparés du cube. Je ne sais pas non plus ce que vous entendez par la nécessité de faire pivoter le cube afin de garder les crochets symétriques. Je n'ai pas eu à faire l'une ou l'autre de ces choses lorsque j'ai itéré sur votre conception, j'ai seulement légèrement modifié la hauteur et la forme de vos supports pour obtenir la symétrie ⬇. À moins que j'interprète mal ce que vous dites, ces parties de votre déclaration ne semblent pas correctes.

@elalexg a également clarifié ce point dans son commentaire :

Je pense que la conception du support 3D de

J'ai été partiellement inspiré par lui pour modifier votre conception.

Je ne vois pas non plus comment vos crochets symbolisent les crochets angulaires. Ils semblent juste être des crochets angulaires, seulement avec un un peu plus grand que l'autre. Comme l'a dit @Felix-Dev, les crochets XAML d'origine sont symétriques, il semble donc que la symétrie serait en fait plus proche des conceptions XAML précédentes, sans s'en éloigner.

Je peux voir ce que vous entendez par vouloir que le logo soit stylisé. Cela ne me semble pas naturel et pour les autres que j'ai mentionnés de voir les supports de tailles différentes, mais je peux tout à fait voir comment vous voyez différemment. J'ai l'impression que le logo est assez complexe avec de la texture, de la lueur, un tas de couleurs différentes, etc. et n'a pas besoin de plus d'intérêt, mais encore une fois, je peux voir comment vous pensez le contraire.

Vraiment, c'est à @SavoySchuler et à son équipe de décider de la voie à suivre, j'essaie juste de comprendre votre raisonnement. Merci encore pour l'explication !

Pour info, je prévois de concevoir (en 3D) et d'imprimer moi-même en 3D une version réelle du logo final (final). Je vais utiliser du filament translucide pour émuler l'effet acrylique (exemple ci-dessous). Je ne manquerai pas de partager une photo du résultat si cela vous intéresse !

Pour info, je prévois de concevoir (en 3D) et d'imprimer moi-même en 3D une version réelle du logo final (final). Je vais utiliser du filament translucide pour émuler l'effet acrylique (exemple ci-dessous). Je ne manquerai pas de partager une photo du résultat si cela vous intéresse !

Impressionnant. Nous avons déjà parlé un peu en interne de la création d'objets physiques comme celui-ci à partir du logo ; hâte de voir ce que tu proposes !

J'ai également essayé avec les couleurs de la marque Microsoft et cela n'a pas tout à fait fonctionné, je pense que le schéma de couleurs à utiliser est Windows car il s'agit de l'interface utilisateur Windows (dows) après tout.
@mdtauk a eu une idée intéressante avec les couleurs de Visual Studio qui pourrait aussi avoir du sens.

En regardant tous les commentaires sur la symétrie/asymétrie pour les crochets, je penche davantage vers le design asymétrique car cela donne un autre aspect unique au logo et semble en quelque sorte mieux dessiner le cube.

Je ne vois pas ce que vous voulez dire en disant que rendre les crochets symétriques signifie qu'ils devraient être séparés du cube. Je ne sais pas non plus ce que vous entendez par la nécessité de faire pivoter le cube afin de garder les crochets symétriques. Je n'ai pas eu à faire l'une ou l'autre de ces choses lorsque j'ai itéré sur votre conception, j'ai seulement légèrement modifié la hauteur et la forme de vos supports pour obtenir la symétrie ⬇. À moins que j'interprète mal ce que vous dites, ces parties de votre déclaration ne semblent pas correctes.

Je ne vois pas non plus comment vos crochets symbolisent les crochets angulaires. Ils semblent juste être des crochets angulaires, seulement avec un un peu plus grand que l'autre. Comme l'a dit @Felix-Dev, les crochets XAML d'origine sont symétriques, il semble donc que la symétrie serait en fait plus proche des conceptions XAML précédentes, sans s'en éloigner.

Je peux voir ce que vous entendez par vouloir que le logo soit stylisé. Cela ne me semble pas naturel et pour les autres que j'ai mentionnés de voir les supports de tailles différentes, mais je peux tout à fait voir comment vous voyez différemment. J'ai l'impression que le logo est assez complexe avec de la texture, de la lueur, un tas de couleurs différentes, etc. et n'a pas besoin de plus d'intérêt, mais encore une fois, je peux voir comment vous pensez le contraire.

Vraiment, c'est à @SavoySchuler et à son équipe de décider de la voie à suivre, j'essaie juste de comprendre votre raisonnement. Merci encore pour l'explication !

Je voulais que les "marques" sur le cube s'alignent sur les côtés des faces du cube. En coupant les traits d'extrémité du support gauche à un angle diagonal, le contour du cube n'est pas naturel et donne l'impression qu'il est déconnecté de la rotation.

Mais c'est maintenant à @SavoySchuler et à l'équipe de prendre le design, de l'interpréter et de le modeler en ce que l'équipe veut et en a besoin.

Je suis en train de terminer les versions d'Adobe Illustrator, dépouillées de toute couleur, afin qu'ils puissent s'en servir comme point de départ.

Voici le fichier Illustrator, zippé
Formes du logo final.zip
_EDIT : fichier Illustrator mis à jour avec ajout de versions monochromes remplies_

16

32

64

128

256

1024

4096

Ok merci d'avoir clarifié @mdtauk. Je l'ai fait de cette façon pour obtenir le cube subtil dans une conception de cube dont j'ai parlé dans un article précédent. Parce que l'angle du capuchon de ligne est de 45 °, il se trouve sur la ligne diagonale du carré, donc je ne pense pas que ce soit trop artificiel. Je vois ce que vous voulez dire. Je pense que j'ai donné la priorité à l'ajustement de la forme en tant qu'hexagone alors que vous avez priorisé son ajustement en tant que cube et il y a un peu de compromis de toute façon (symétrie équilibrée avec le cube dans un design de cube vs caractère ajouté et meilleur emballage). En tout cas, j'apprécie vraiment l'explication!

Ok merci d'avoir clarifié @mdtauk. Je l'ai fait de cette façon pour obtenir le cube subtil dans une conception de cube dont j'ai parlé dans un article précédent. Parce que l'angle du capuchon de ligne est de 45 °, il se trouve sur la ligne diagonale du carré, donc je ne pense pas que ce soit trop artificiel. Je vois ce que vous voulez dire. Je pense que j'ai donné la priorité à l'ajustement de la forme en tant qu'hexagone alors que vous avez priorisé son ajustement en tant que cube et il y a un peu de compromis de toute façon (symétrie équilibrée avec le cube dans un design de cube vs caractère ajouté et meilleur emballage). En tout cas, j'apprécie vraiment l'explication!

Aucune des approches n'est meilleure que l'autre, juste des idées différentes à la base. Comme vous le dites, je ne voulais pas perdre le fait qu'il s'agit d'un cube, avec de la profondeur et de la texture, comme l'intention originale derrière le logo XAML.

Voici le fichier Illustrator, zippé
Formes du logo final.zip
_EDIT : fichier Illustrator mis à jour avec ajout de versions monochromes remplies_

16

32

64

128

256

1024

4096

Salut mon ami! nous aimerions avoir à la fois les logos originaux multicolores et bleus que vous avez créés lors de l'envoi initial, un fichier .ai dans un dossier zippé. Ils ont un beau look! merci de nous aider, nous aimons tellement votre travail que nous voulons le garder tel quel :) merci encore

@embender J'espère que c'est ce que vous voulez

Logo bleu sans shadow.zip

Logo foncé multicolore.zip

Logo lumineux multicolore.zip

@SavoySchuler @embender J'ai mis à jour le Figma avec les logos et les couleurs finaux, ceux-ci incluent les ombres qui auraient gonflé la taille du fichier des fichiers Adobe Illustrator.

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

Est-ce juste moi ou est-ce que les petits cubes gris ont l'air flous ? Est-ce juste un artefact de compression d'image ou quelque chose ?

Est-ce juste moi ou est-ce que les petits cubes gris ont l'air flous ? Est-ce juste un artefact de compression d'image ou quelque chose ?

Les logos en niveaux de gris que j'ai postés précédemment ?

Les images doivent être nettes lorsqu'elles sont visualisées à un zoom de 100 %, car elles sont conçues pour être nettes sur une grille de pixels.

@mdtauk - merci encore pour toutes vos contributions et réponses rapides. Vous avez été inestimable au cours de ce processus. Merci également d'avoir fourni des logos monochromes - je pense qu'ils auront fière allure sur le butin !

Si cela ne vous pose pas trop de problèmes, pourriez-vous nous envoyer des éléments démontrant la version contour du logo, y compris les crochets asymétriques ? Quelque chose comme ça, mais mis à jour avec les derniers designs :

Aussi, que pensez-vous de l'épaisseur du contour? Je sais qu'il y a eu des conversations pour s'assurer que l'épaisseur du contour aide à maintenir le logo à de petites tailles de pixels, mais pour le swag, je me demande si des lignes plus fines seraient plus efficaces.

J'aime beaucoup la version asymétrique du logo où les lignes s'étendent jusqu'aux bords extérieurs de chaque visage. C'est à dire.
Logo lumineux multicolore.zip

Il permet à chaque face d'être cohérent à part entière, et vous permet d'imaginer à quoi ressembleraient les faces cachées si le cube était tourné.

Sur cette note, cela pourrait être cool si le design était utilisé pour les rubik's cubes.

@stmoy J'ai agrandissant , mais pour 16 et 32, je voulais le garder à 1 px d'épaisseur.

Quoi qu'il en soit, j'ai ajouté des icônes de poids Monoline plus minces à la Figma.

Est-ce juste moi ou est-ce que les petits cubes gris ont l'air flous ? Est-ce juste un artefact de compression d'image ou quelque chose ?

Les logos en niveaux de gris que j'ai postés précédemment ?

Les images doivent être nettes lorsqu'elles sont visualisées à un zoom de 100 %, car elles sont conçues pour être nettes sur une grille de pixels.

Ah, idiot moi et mise à l'échelle DPI ! ??

Logo finalisé

Bonjour, merveilleuse communauté! Comme je suis sûr que vous l'avez vu au cours de la semaine dernière, nous avons certainement, très certainement, sans aucun doute, à 100%, pour de vrai, atterri sur un logo qui nous enthousiasme SUPER ! Un grand merci à vous tous pour avoir conduit cette maison. Nous voulions vraiment créer quelque chose qui combine tous les travaux préférés que tout le monde a mis ici. Nous pensons que ceci fait cela.

Faisons un débriefing

Nous avons l'ancien logo Xaml ici :

Quand @itsmichaelwest insuffle une nouvelle vie à l'histoire, vous obtenez quelque chose de merveilleux :

De là, nous nous sommes tournés vers la communauté. Après (presque) une centaine de soumissions supplémentaires explorant la recoloration et le style, nous sommes tombés amoureux de cette touche simple mais élégante pour contenir les supports. Comme @embender l'a dit, paraphrasé, "J'aime les différentes hauteurs sur les crochets. Cela le rend un peu abstrait - peint un peu d'art sur la science", ce à quoi l'interface utilisateur fusionne - l'art et la science ne font qu'un. "

En ce qui concerne la couleur - notre communauté d'utilisateurs a parlé et a demandé quelque chose qui "ressemble toujours à Windows". @mdtauk a permis d'imaginer à nouveau ce bleu familier représentant notre communauté :

Bien sûr, dans ce bref résumé, je résume les ~ 300 interactions de près de 40 contributeurs ici et des volumes plus sur Twitter et hors ligne. La petite histoire est la suivante : nous n'aurions pas pu faire cela sans vous tous, et j'espère que vous verrez tous un peu de votre travail et de votre histoire se refléter dans ce que nous avons créé ensemble. Il a l'air à la fois moderne et rétro, branché et pourtant historique, précis et asymétrique. C'est un peu un sujet de conversation, et c'est par conception. ??

Avoir hâte de

Compte tenu de la diversité de cet effort de collaboration et de toutes les variations colorées que nous avons vues, comment pourrions-nous ne pas garder les choses vivantes avec toutes les idées que vous nous avez données ? Nous sommes ravis d'expérimenter avec les couleurs et le thème. Gardez un œil sur Twitter pendant que nous partageons un travail de conception amusant et essayons de proposer des variantes thématiques pour le mois de célébration, les vacances et les versions à partager ! ??

Nous allons également commencer à itérer sur des conceptions de butin passionnantes. Assurez-vous de vous arrêter sur notre stand à Microsoft Ignite pour récupérer l'un de ces autocollants ci-dessous !

Lien de butin ?

J'ai vu qu'il y avait des demandes pour rendre disponibles des liens d'achat de butins personnels. Dès que nous aurons finalisé notre gamme de swag, je verrai si je peux y arriver et je ferai un rapport sur ce fil. Je vais attendre de clore le sujet jusque-là !

Nous avons du swag à partager !

Équipe communautaire, je vous ai entendu haut et fort. Vous vouliez avoir la chance d'acheter le même butin que les membres de notre équipe interne feront vibrer chez Microsoft Ignite, sur scène et à travers le monde. Nous avons choisi de concevoir et de commander notre butin par l'intermédiaire d'une entreprise qui pourrait le faire pour vous.

J'ai passé notre commande finale de plus de 100 articles aujourd'hui. Chaque membre de l'équipe a pu choisir l'un ou l'autre. Beaucoup ont tellement aimé les deux que nous en avons pris un et commandé l'autre nous-mêmes (moi inclus) !

S'il vous plaît laissez-moi savoir si vous avez des questions. J'ai quelques remarques :

• Si vous étiez un gagnant de notre "1000ème numéro - Merci!"
• Les sweats à capuche nécessitent une commande minimum de 6. Vous pouvez facilement échanger le produit contre un sans minimum ou créer un bon de commande groupé.
• Si vous commandez cette semaine/expédiez à votre hôtel, vous pouvez les obtenir à temps pour les porter chez Microsoft Ignite à Orlando, FL, du 4 au 8 novembre !

Lien de commande des sweats à capuche WinUI

Lien de commande de chemise WinUI

Ce logo final s'est avéré génial. Ça saute vraiment.