Olá, comunidade maravilhosa! Um grande obrigado a todos vocês por conduzirem esta casa. Queríamos muito criar algo que combinasse todos os trabalhos favoritos que todos colocaram aqui. Acreditamos que isso faz isso.
Temos o antigo logotipo Xaml aqui:
Quando @itsmichaelwest respira vida nova na história, você obtém algo maravilhoso:
A partir daí, nos voltamos para a comunidade. Depois de (quase) outras cem submissões explorando a recolorização e o estilo, nós nos apaixonamos por esta torção simples, mas elegante para conter os colchetes. Como @embender colocou, parafraseou: "Eu gosto das diferentes alturas nos colchetes. Isso torna um pouco abstrato - pinta um pouco de arte na ciência," que é o que a IU se aglutina - arte e ciência em uma só.
Quanto à cor - nossa comunidade de usuários falou e exigiu algo que ainda "parecia Windows". @mdtauk tornou fácil imaginar este azul familiar representando nossa comunidade mais uma vez:
Claro, neste breve resumo, estou resumindo as aproximadamente 300 interações de quase 40 colaboradores aqui e volumes mais no Twitter e offline. O conto é o seguinte: Não poderíamos ter feito isso sem todos vocês e espero que todos vejam um pouco do seu trabalho e sua história se refletem no que criamos juntos. De alguma forma, parece moderno e retrô ao mesmo tempo, descolado e, ao mesmo tempo, histórico, preciso e assimétrico. É meio que uma parte de conversa, e isso é intencional. 😊
Considerando a diversidade desse esforço colaborativo e todas as variações coloridas que vimos, como não manter as coisas vivas com todas as ideias que você nos deu? Estamos entusiasmados por sermos experimentais com as cores e o tema. Fique de olho no Twitter enquanto compartilhamos trabalhos de design divertidos e tentamos criar um mês comemorativo, feriado e variações temáticas para divulgar! 😊
Também vamos começar a iterar em designs atraentes de brindes. Não deixe de passar em nosso estande no Microsoft Ignite para pegar um dos adesivos abaixo!
Equipe da comunidade, eu ouvi você em alto e bom som. Você queria a chance de comprar o mesmo prêmio que os membros de nossa equipe interna farão no Microsoft Ignite, no palco e em todo o mundo. Escolhemos projetar e encomendar nossos brindes por meio de uma empresa que poderia fazer isso acontecer para você.
Eu fiz nosso pedido final de mais de 100 itens hoje. Cada membro da equipe pode escolher um ou outro. Muitos gostaram tanto dos dois, pegamos um e pedimos o outro nós mesmos (eu incluído)!
Por favor, deixe-me saber se você tem alguma dúvida. Eu tenho algumas notas:
Link para pedidos de moletons WinUI
Link de pedido de camisa WinUI
[Fechado em 12/09/19} Redesign do logotipo!
A equipe WinUI está renovando nosso logotipo e convidando a comunidade a se juntar a nós na experimentação, criação e iteração de novas ideias!
Requisitos de logotipo:
- Moderno, moderno, profissional
- Escalável de um tamanho nativo de 64x64px até 16x16px e arbitrariamente grande, embora ainda seja reconhecível.
Linha do tempo:
Para manter o escopo do esforço, pretendemos definir nossa seleção final até 6 de setembro .
Onde isso será usado?
- Marca do produto / repo
- Swag
- Adesivos
- Mídia (Twitter, GitHub, etc.)
Coisas legais:
Estamos licenciando um design de referência sob Creative Commons Attribution-No Derivatives 4.0 https://creativecommons.org/licenses/by-nd/4.0/, o que significa que queremos que você distribua gratuitamente qualquer design de referência que seja obtido comercialmente ou não comercialmente. No entanto, não queremos milhares de variações do logotipo à solta, razão pela qual escolhemos uma licença que restringe a capacidade de distribuição posterior de material adaptado.
Se você tiver adaptações, envie-as para nosso projeto GitHub, e ofereceremos todas as adaptações enviadas sob a mesma licença Creative Commons. Como um lembrete sob a licença, o uso do material mencionado não pode ser usado para sugerir que ele é patrocinado, endossado ou concedido status oficial pela Microsoft ou pode ser usado em contextos ilegais. Resumindo, use o bom senso ao fazer referência a qualquer um dos designs de logotipo - estamos ansiosos para que você os compartilhe, mas tomaremos medidas se for usado de forma inadequada.
Recursos:
Logotipo atual:
Repo tile atual
Olá a todos! Windows IXP (anteriormente Composition) PM aqui, que queria adicionar minhas ideias à mistura :) aqui estão algumas com as quais tenho mexido - me diga o que você achou!
Seus envios são incríveis, @embender. Gosto particularmente do último e do primeiro.
Rapidamente simulei um ícone WinUI que não estaria fora do lugar estacionado em outros produtos dentro da suíte.
Incrível, @iconredesign! Adoro o uso de sombras no ícone para evocar regiões de aplicativos.
Para evitar conflito com o ícone do Microsoft Word (abaixo), o que você acha de cooptar algumas das cores do
Absolutamente! Eu estava tentando manter a cor do tema WinUI, mas me ocorreu que talvez ao mais breve dos olhares eles pudessem ter a mesma aparência.
Vou dar uma olhada nas diretrizes apresentadas e enviar uma revisão. Obrigado!
@iconredesign
Absolutamente! Eu estava tentando manter a cor do tema WinUI, mas me ocorreu que talvez ao mais breve dos olhares eles pudessem ter a mesma aparência.
Vou dar uma olhada nas diretrizes apresentadas e enviar uma revisão. Obrigado!
Aqui está a boa notícia: você pode nos ajudar a padronizar as novas cores do tema. Nossas diretrizes são intencionalmente flexíveis a esse respeito para que possamos ter a liberdade de fazer isso incrível!
@SavoySchuler
Swag
Espero ver algumas camisas disponíveis para compra assim que o logotipo for oficial.
@SavoySchuler
Swag
Espero ver algumas camisas disponíveis para compra assim que o logotipo for oficial.
@shaggygi , notado! Que tipo de design fará você usar uma de nossas camisetas todas as semanas nos próximos anos? Minha barra de ganhos é pelo menos tão alta. 😉
@SavoySchuler Não gosto de muito chamativo 😄. Eu geralmente visto minha camisa do GitHub a cada duas semanas. Um logotipo final simples seria bom ... provavelmente apenas o suficiente para que outras pessoas tenham curiosidade em perguntar o que significa explicar / promover.
Eu acho que é importante para um designer oferecer um manifesto completo, então aqui está.
O logotipo, é claro, evoca outros produtos de software da Microsoft. Isso deixa claro a organização por trás dele, e a iconografia de uma IU simulada define claramente para que serve esse aplicativo. O WinUI> se diferencia de um produto do Office, o uso de colchetes e barras em vez de uma letra o torna muito diferente e evita a conflação por letra. Ao todo, o ícone comunica claramente que 1) É um produto da Microsoft, 2) É uma ferramenta baseada em código para design de IU e 3) NÃO é um produto do Office.
O design plano incorpora o elemento em que a cor do tema principal do aplicativo passa para o fundo. Metaforicamente, é a "base" do aplicativo e se alinha ao esquema de design de um aplicativo como o Excel. Uma conclusão pode ser tirada visualmente onde "WebUI é a base do design da IU que fica no topo. Tornou isso possível".
Durante minha breve pesquisa do WinUI para garantir que meu logotipo realmente represente o produto, ele me levou a uma imagem emblemática mostrando uma interface de amostra mostrando a amplitude dos elementos da interface. Os tons de cinza foram levantados dessa imagem simbolicamente para realizar 1) Simplicidade de coloração para evitar um design feio, 2) É apenas uma diferença de tonalidade do branco e também é neutro, e 3) Para destacar hierarquias que o reforçam ainda mais com o comércio de Design da interface do usuário (que eu pessoalmente adoro) e 4) os tons diferenciados de cinza significam que essa metáfora funcionará independentemente do tamanho do ícone renderizado, mais importante, seu tamanho na barra de tarefas.
Então, no que diz respeito à padronização, que cores melhores para representar a Interface do Usuário da Microsoft do que as cores já usadas para representar o design? Já flui perfeitamente com o branco.
Espero que goste e se tiver dúvidas, não hesite em levantá-las!
Peço desculpas se você achar que estou preso neste design, portanto, estou aberto a uma atualização, se for mais apropriado.
@iconredesign
A ideia por trás do seu design está ok, mas a execução tem problemas.
Primeiro, por que existem 3 raios de cantos arredondados? Escolha um para o quadro mestre e outro para a caixa com> dentro e os cartões.
Em segundo lugar, as cores precisam de alguns ajustes, não faz sentido ter uma sombra clara por cima e, por baixo, escura.
Terceiro, suponho que você estava tentando fazer uma sombra com vários quadrados escuros com opacidade. Isso seria bom para algo mais abstrato, mas na maioria dos casos não é assim que se faz.
Além disso, o design meio que parece que você pegou um ícone, vetorizou-o no Illustrator e mudou um pouco as coisas (exatamente como minha primeira impressão foi).
É por isso que preciso da opinião externa, porque sou imune a ficar preso na minha cabeça.
Vou levar em consideração suas sugestões e refiná-las. Obrigado!
Observe que a sombra projetada ainda é inicial, então o final não parecerá tão desorganizado. Ele está literalmente intocado do que originalmente era para ser apenas uma maquete.
Olá @SavoySchuler , queria saber qual é a missão do WinUI em suas palavras? Eu pergunto porque seria bom evocar esses pensamentos por meio do novo logotipo. Obrigado!
@iconredesign
Observe que a sombra projetada ainda é inicial, então o final não parecerá tão desorganizado. Ele está literalmente intocado do que originalmente era para ser apenas uma maquete.
Não é mais fácil clicar em um botão para obter uma sombra do que fazer um retângulo, escolher uma cor, reduzir a opacidade e, em seguida, copiá-la? 😄
Resolvendo todos os problemas:
1 - Unificou todos os raios e consertou a parte superior do ícone, o que foi um grande descuido. Os cartões foram retificados para usar os cantos retos da interface.
2 - A barra de navegação agora está mais escura, compartilhando a mesma tonalidade do primeiro item de menu da lista.
3 - Por fim, cliquei no "um botão" mencionado anteriormente, depois de apressar essa parte para a maquete inicial, para que a sombra projetada fique bem melhor agora.
Procurando algo que pode estar faltando no ícone, mas acho que parece normal por enquanto.
@iconredesign
É um pouco melhor agora com as correções 🙂
IDK, posso ser só eu, mas talvez tente uma nova direção? Isso me lembra muito o ícone do Word ...
Você pediu, eu entreguei! Tomada diferente, então o> faz parte da interface e os elementos são levantados da folha de forma que o elemento de evocação ainda esteja em jogo. Azul é azul WinUI.
@iconredesign
Melhorando, mas agora temos cantos muito planos e muito agudos. Fluente está se movendo em direção a gradientes (leves), sombras e cantos arredondados.
As caixas cinza / brancas representam itens de menu ou?
Editar: também, pense em tamanhos pequenos (como mencionado no primeiro post), não tenho certeza de quão decifrável este seria :)
Esta variante foi projetada com tamanhos pequenos em mente. Nesse tamanho, você não pode realmente usar gradientes e cantos arredondados de forma eficaz devido à forma como tudo é reduzido para que esses elementos desapareçam.
Tenha certeza de que este design é perfeitamente visível na barra de tarefas. O elemento principal é um menu suspenso de uma barra de navegação.
@iconredesign
Faça uma versão "maior" então: D
Além disso, você pode usar gradientes mesmo em tamanhos menores, ainda será perceptível;)
Exemplos: ícones do Visual Studio (código), Sublime Text, Adobe suite, ...
Estou certamente a bordo com a exploração de várias direções! Devo observar que gosto muito deste envio de @iconredesign :
Há algumas coisas que gosto:
Idéias para o conceito:
Uma visualização dos ícones de controle do aplicativo Galeria de controles Xaml:
Talvez alguns dos recursos visuais aqui possam ser usados como inspiração? Todos eles podem ser clicados para ver o comportamento visual real dos controles da IU também.
@SavoySchuler seria bom se eles recebessem algum tratamento Fluente também, o estilo atual parece com os ícones da barra de ferramentas VS2015 / 17 para mim 😄
Vou fazer uma maquete amanhã e postar
Talvez apenas a parte </>
do ícone atual,
Ou um retro de um antigo, que tal modernizar um ícone familiar, por exemplo
Por favor, perdoe meus esboços desleixados.
Também como o de @iconredesign , talvez use uma fonte compatível com WinUI diferente para os colchetes gt-lt e, para mim, apenas a parte dos colchetes seria suficiente, sem necessidade do resto.
Eu voto para que seja sólido, mínimo e simples. Sem gradientes, por favor, me faz sentir 97 '.
@SavoySchuler O ícone W É lindo, mas está gritando MS Office Word, talvez em vez de W algo mais, </>
ou qualquer coisa geek e familiar.
Ei, quase esqueci de mencionar, o logotipo atual funciona para mim também!
Talvez devêssemos ficar longe do novo estilo de ícone do Office. Esses ícones fazem parte da família de produtos Office 365 - então, para mim, não faria sentido incluí-los em tudo relacionado à Microsoft.
Veja bem, projetar ícones que escalam bem é muito, muito difícil (como vocês acabaram de descobrir ao colocá-los em uma camiseta :)). Eu recomendo entrar em contato com a equipe de design da Microsoft para ver se há alguém que pode nos ajudar com isso.
Eu tentei, inspirado no logotipo básico do .NET Core. Eles realmente não 'gritam' com uma estrutura de IU, então isso pode ser um problema. Por outro lado, ele pode se encaixar com outros logotipos de framework, como a família .NET.
Conceito 1
Conceito 2
Conceito 3
@ neils9001 FWIW, gosto muito do conceito 1; boa ideia sobre a inspiração lá. (Eu prefiro o texto WinUI todo em uma linha, vs. Conceito 2). O conceito 3 também é muito bom; parece escalável, simples e inteligente.
Acho que se já estamos aqui, pensando em ícones e branding para WinUI, talvez pudéssemos também considerar "a outra metade", as APIs do sistema (o pacote Microsoft.Windows.SDK.Contracts
NuGet), vamos chamá-lo de WinAPI.
Eu poderia imaginar um design de ícone semelhante ao do Office com o texto sendo "UI" ou "API" e para a UI o resto seria algo como uma daquelas artes fluentes abstratas (algo como essas ), e a "API" poderia ser uma ou mais engrenagens ... engrenagens fluentes.
Talvez o logotipo estrito, o pequeno rótulo poderia ser apenas um logotipo do Windows e o texto "UI" ou "API" ao lado dele. Além disso, é claro, a parte artística com o material abstrato e fluente e as engrenagens.
@MySelfMaruf pessoalmente, desejo que o WinUI não seja vinculado ao Windows. TBH Gostaria que o nome não fosse Win. Portanto, para estar mentalmente aberto para a expansão futura de uma interface do usuário do .NET Core que funcione em qualquer .NET Core (ou até mesmo no ambiente .NET Standard).
Veja esta solicitação de recurso.
Na verdade, tive pensamentos semelhantes sobre o conceito de "UI" @petroemil
Aqui está uma primeira tentativa limpa e editada por mim:
Desejo redigir um segundo envio separado do windows, concordando com @weitzhandler que pode ser uma boa ideia evitar conectar o estilo deste e do Windows ou da Microsoft diretamente.
@AmNotADev
@weitzhandler que pode ser uma boa ideia evitar conectar o estilo deste e da Microsoft diretamente
Eu estava me referindo ao Windows, não à Microsoft.
Na verdade, tive pensamentos semelhantes sobre o conceito de "UI" @petroemil
Quero redigir um segundo envio separado do windows, concordando com @weitzhandler que pode ser uma boa ideia evitar conectar o estilo deste e da Microsoft diretamente.
Concordou. Talvez seja interessante pensar em algo .Net Core UI ou .Net UI. No entanto, recomendo agora afiliar esses ícones à marca Office. A partir de agora, apenas a marca Office está usando o recorte pequeno. com o droppanel.
Além disso, se isso desencadearia uma reformulação completa da marca e uma nomenclatura - como poderíamos integrar melhor o Windows Community Toolkit?
WinUI
WinUI Community Toolkit?
Que pena, mas concordo com que ainda @weitzhandler
Para explicar por que segui esse caminho para o meu primeiro rascunho, não se trata apenas do estilo de marca de escritório, outras plataformas da Microsoft estão usando esses estilos de logotipos, incluindo Skype, OneDrive e Microsoft Teams (Skype e OneDrive não têm o recorte, mas Teams tem isto).
Achei que seria uma experiência interessante ver como seria um logotipo de marca, nesse estilo, antes de tentar qualquer outra coisa. cc @ niels9001
@ niels9001 @weitzhandler WinUI não é exclusivo do .NET, é também a estrutura de interface do usuário para aplicativos nativos e talvez eu até me lembre de algo sobre o futuro suporte a Python. Sem mencionar que é também a estrutura subjacente para coisas como Xamarin, Uno ou as soluções React Native que estão por vir.
É sempre emocionante ver a comunidade se unir para a iconografia! ✨
Eu vim com um rascunho inicial que acho que pode escalar muito bem em várias mídias / mercadorias. No centro está um cubo arredondado com cada face sombreada com várias cores - atualmente escolhida na paleta da marca Windows, isso pode obviamente ser alterado.
Os sinais de maior / menor que envolvem o cubo. Eles não são visíveis em tamanhos menores, em vez disso, focalizam o cubo.
O logotipo também pode ser delineado para fins de merchandising. Zombou de uma ideia de como ficaria em uma camiseta.
Ainda um WIP, o feedback é muito apreciado. 😊 Estou preocupado que pareça um pouco abstrato, mas vou deixar a comunidade julgar isso!
@itsmichaelwest mergulhando e fazendo um excelente trabalho como sempre :)
Estive esboçando algumas ideias e vou começar a tentar transformá-las em ideias mais refinadas.
Aqui está um baseado no logotipo do Visual Studio
Aqui está um logotipo inspirado no site da Fluent Design
Ícones refinados em escala de 16 e 32 pixels
Na verdade, tive pensamentos semelhantes sobre o conceito de "UI" @petroemil
Quero redigir um segundo envio separado do windows, concordando com @weitzhandler que pode ser uma boa ideia evitar conectar o estilo deste e da Microsoft diretamente.
Concordou. Talvez seja interessante pensar em algo .Net Core UI ou .Net UI. No entanto, recomendo agora afiliar esses ícones à marca Office. A partir de agora, apenas a marca Office está usando o recorte pequeno. com o droppanel.
Além disso, se isso desencadearia uma reformulação completa da marca e uma nomenclatura - como poderíamos integrar melhor o Windows Community Toolkit?
WinUI
WinUI Community Toolkit?
Da perspectiva de longo prazo, o design não deve usar a nomenclatura da IU do Windows (win)?
Na verdade, tive pensamentos semelhantes sobre o conceito de "UI" @petroemil
Quero redigir um segundo envio separado do windows, concordando com @weitzhandler que pode ser uma boa ideia evitar conectar o estilo deste e da Microsoft diretamente.
Concordou. Talvez seja interessante pensar em algo .Net Core UI ou .Net UI. No entanto, recomendo agora afiliar esses ícones à marca Office. A partir de agora, apenas a marca Office está usando o recorte pequeno. com o droppanel.
Além disso, se isso desencadearia uma reformulação completa da marca e uma nomenclatura - como poderíamos integrar melhor o Windows Community Toolkit?
WinUI
WinUI Community Toolkit?
Agradeço o call-out @ niels9001. 🦙❤
No entanto, o Windows Community Toolkit é mais do que apenas IU (embora nossos controles e trabalho XAML sejam a maior parte do que é usado). Não tenho certeza de quanto co-branding faz sentido aqui ainda, especialmente porque a equipe WinUI não gerencia o Toolkit, somos organizações separadas. Então, essa será uma discussão mais ampla para ter em outro lugar.
Quanto à entrada para os designs, eu realmente gostei do ícone de livro existente, pois é uma biblioteca de controles ... 😛
Dito isso, existem alguns dos designs que me fazem pensar que talvez eu possa mudar de ideia ... Concordo que devemos ficar fora do padrão de design do Office.
Olá @SavoySchuler , queria saber qual é a missão do WinUI em suas palavras? Eu pergunto porque seria bom evocar esses pensamentos por meio do novo logotipo. Obrigado!
Esta é uma pergunta fabulosa, @saraclay! Não temos uma missão formal para o WinUI, pois está em constante evolução para atender às necessidades de nossa comunidade, mas nosso objetivo para o WinUI 3 é este:
Posso descompactar o conteúdo dentro disso um pouco mais se ajudar - só quero ter certeza de não sobrecarregar o espírito criativo com detalhes técnicos. Apenas me avise! 😊
Aqui está minha opinião sobre o logotipo do livro atual, estilizado para se parecer com os ícones do Fabric do Office. Também tomei a liberdade de criar conceitos para "WinAPI", conforme @petroemil mencionado anteriormente.
Tecido WinUI
Tecido WinAPI [A]
Tecido WinAPI [B]
Na verdade, tive pensamentos semelhantes sobre o conceito de "UI" @petroemil
Quero redigir um segundo envio separado do windows, concordando com @weitzhandler que pode ser uma boa ideia evitar conectar o estilo deste e da Microsoft diretamente.
Concordou. Talvez seja interessante pensar em algo .Net Core UI ou .Net UI. No entanto, recomendo agora afiliar esses ícones à marca Office. A partir de agora, apenas a marca Office está usando o recorte pequeno. com o droppanel.
Além disso, se isso desencadearia uma reformulação completa da marca e uma nomenclatura - como poderíamos integrar melhor o Windows Community Toolkit?
WinUI
WinUI Community Toolkit?Da perspectiva de longo prazo, o design não deve usar a nomenclatura da IU do Windows (win)?
Vejo muitos debates excelentes sobre a nomenclatura do produto. Essas são ótimas perguntas para se fazer!
Como observou @petroemil , o WinUI não é exclusivo do .NET. É a estrutura de interface do usuário moderna para aplicativos nativos do Windows que pode ser aproveitada por várias estruturas de desenvolvimento, incluindo React Native, bem como é a estrutura subjacente para coisas como Xamarin e Uno.
Nosso objetivo é fornecer a você a maneira mais rápida, fácil e aberta de criar uma IU de classe mundial. Pense na "vitória" em "WinUI" como "🏆UI". Você acha que estou brincando - mas fazemos isso o tempo todo em nossa equipe 🏆Dev (WinDev).
Se alguém puder pensar em uma maneira de traduzir o 🏆 em um logotipo legítimo, você fará a semana de @jeffbog .
Também gostaria de salientar que os ícones do Fabric (vejo que são chamados aqui de "ícones do Office") _não_ estão limitados ao MS Office. Por exemplo, Seu Telefone e o novo Terminal do Windows usam ícones do Fabric, apesar de não estarem relacionados ao Office.
Parece que o estilo Fabric é voltado para serviços de plataforma cruzada, incluindo Your Phone, Terminal (já que contém o Ubuntu) e Azure (o site usa Fabric). Se o WinUI também for (vir) de plataforma cruzada, seria perfeito associar o WinUI a outros serviços de plataforma cruzada.
@yoshiask Fui com a mesma inspiração alguns posts acima do seu! Também tentei enfatizar o mesmo sobre o Fabric, mas você o levou para casa muito melhor do que eu.
Gosto de como o seu ficou, mas eles parecem um pouco mais compactos do que os atuais logotipos da Fabric.
@AmNotADev Você poderia
@yoshiask a largura da seção de "plano de fundo" do logotipo não parece corresponder a nenhuma das outras proporções dos logotipos do Fabric, parece um pouco ... espremido? Eu o deixaria um pouco mais largo para que o logotipo geral parecesse mais quadrado.
Eu tive o problema oposto e fiz o meu um pouco largo demais para combinar.
Ah, ponto justo. Acho que combinei as proporções do design atual quando estava trabalhando nele e esqueci de alterá-lo de volta.
Tipo, aqui está minha edição do envio anterior se eu corrigir meu tamanho e posicionamento.
A largura foi corrigida (o 'undercard', é o tom errado de azul, opa. Eu não quero spam, então vou deixar por enquanto)
Refiz o design de @AmNotADev usando meu template de Tecido.
@SavoySchuler
Quase se parece com Word Art do PowerPoint
Versões em escala, como Office, estilo Windows 10 Fluent Icon (incluindo Acrylic Noise), mantendo a metáfora do Livro.
Versões planas e monocromáticas do mesmo design que compartilhei antes, além de uma maquete de camiseta. É tecido sobre tecido!
Olá!
Aqui estão minhas primeiras idéias de design.
O que você acha?
Olá!
Esta é minha ideia para WinUI
Sobre o tema de nomenclatura
Na verdade, tive pensamentos semelhantes sobre o conceito de "UI" @petroemil
Quero redigir um segundo envio separado do windows, concordando com @weitzhandler que pode ser uma boa ideia evitar conectar o estilo deste e da Microsoft diretamente.
Concordou. Talvez seja interessante pensar em algo .Net Core UI ou .Net UI. No entanto, recomendo agora afiliar esses ícones à marca Office. A partir de agora, apenas a marca Office está usando o recorte pequeno. com o droppanel.
Além disso, se isso desencadearia uma reformulação completa da marca e uma nomenclatura - como poderíamos integrar melhor o Windows Community Toolkit?
WinUI
WinUI Community Toolkit?Da perspectiva de longo prazo, o design não deve usar a nomenclatura da IU do Windows (win)?
Vejo muitos debates excelentes sobre a nomenclatura do produto. Essas são ótimas perguntas para se fazer!
Como observou @petroemil , o WinUI não é exclusivo do .NET. É a estrutura de interface do usuário moderna para aplicativos nativos do Windows que pode ser aproveitada por várias estruturas de desenvolvimento, incluindo React Native, bem como é a estrutura subjacente para coisas como Xamarin e Uno.
Nosso objetivo é fornecer a você a maneira mais rápida, fácil e aberta de criar uma IU de classe mundial. Pense na "vitória" em "WinUI" como "🏆UI". Você acha que estou brincando - mas fazemos isso o tempo todo em nossa equipe 🏆Dev (WinDev).
Se alguém puder pensar em uma maneira de traduzir o 🏆 em um logotipo legítimo, você fará a semana de @jeffbog .
Gostaria de pedir desculpas antecipadamente por minhas habilidades de design, por favor, use sua imaginação ao olhar para o seguinte esboço :
E se o logotipo fosse uma moeda, uma medalha (em vez de uma taça / troféu)?
No caso do WinUI, poderia ser uma moeda de prata com paleta de tinta dourada dentro? Ou a curva externa da paleta pode ser um círculo mais perfeito e a parte restante do círculo pode ser preenchida por uma peça de prata.
E WinAPI poderia ser uma moeda de prata com - ao contrário da ilustração abaixo - uma roda dentada relativamente fina na borda com muitos dentes.
Um lado da moeda pode ser o texto UI
/ API
ou o símbolo </>
/ { # }
(embora os símbolos dentro dos símbolos possam ser um pouco demais simbolismo) e o outro lado pode ser um logotipo do Windows.
É preciso um pouco de imaginação, mas posso imaginar que realmente pareça bom.
Alguns exemplos extras das interwebs:
Aqui está o meu conceito
Baseado em alguns esboços de
@SavoySchuler Alterar o nome para Hybrid + UI = HybrUI
UI para todas as plataformas. HybrUI no GitHub.
Acho que podemos ter empurrado um pouco a votação por ter um logotipo pré-existente, já que muitos desses designs referem-se a um tema XML. Isso é ótimo! Mas XML também é _apenas uma_ das linguagens de programação que você pode usar. O mesmo acontece com o esquema de cores - não há necessidade de se limitar a azul e branco!
Dito isso - renomear WinUI não é um objetivo deste esforço, mas se a sua ideia de logotipo depende de uma renomeação, sinta-se à vontade para enviá-lo de qualquer maneira. Saiba que os logotipos que adotam o nome "WinUI" provavelmente receberão mais atenção daqueles que farão as escolhas finais.
Vocês são os melhores. Este resultado é incrível! 🏆
@IUsername - Que tempo incrível de reviravolta e designs incríveis !! 🎺 O que você acha, @MikeHillberg? Isso está impactando seu espírito criativo? @mdtauk e @embender também tinham alguns esquemas de cores experimentais acima.
Eu vi o uso de imagens de cubos e colchetes como XAML em vez de XML de forma mais ampla. Mas, sim, o WinUI é mais do que XAML, portanto, ir além da iconografia XAML pode ser melhor.
Tentei focar no aspecto Livro / Biblioteca e no aspecto XAML (como agora, XAML é a única estrutura de interface do usuário que o WinUI usa, com WPF e GDI trazendo XAML para suas estruturas)
Aqui estão minhas ideias em turquesa de hoje, ampliadas em 3x de 64px. DIVERSÃO!
Honestamente, não vejo nada de errado em manter o esquema de cores azul e cinza. Azul e roxo (especialmente azul) parecem ser os mais fortemente associados ao Windows, então não vejo problema em manter o logotipo do WinUI azul. (A menos que "Windows" e "Win" sejam removidos do nome.)
Outra opinião: as interfaces do Fluent Design são fortemente centradas em uma única cor de destaque, seja a cor do aplicativo ou a cor de destaque do usuário. A maioria das cores em um aplicativo Fluent usa apenas tons neutros e variações da cor de destaque. A paleta de cores do WinUI deve refletir isso, mantendo apenas uma cor de destaque, além de neutros como preto, branco e cinza.
Aqui está uma ideia emparelhada ao mínimo.
A Microsoft parece estar indo em uma nova direção com seus ícones. Os Office Icons redesenhados e os Fabric Icons mais recentes (como eu vi que eles foram referidos por alguém aqui) compartilham muitos elementos que os ajudam a fazer parte de uma linguagem de design coesa. Percebi é que muitos deles incorporam profundidade, têm cores vibrantes, representam abstratamente seu serviço e são construídos com o que estou chamando de blocos. Pegue o ícone do Excel. Os blocos são coloridos em verde vibrante (em um estilo gradiente quase pixelado) e representam abstratamente as células em uma planilha. Sua profundidade com o quadrado que contém o "E" projetando uma sombra no retângulo abaixo dele. Fiz questão de incorporar esses elementos em meus designs.
Eu queria me afastar da estrutura dos ícones de escritório que descrevi no exemplo acima. Como o WinUI não é um serviço do Office, ter um quadrado com texto flutuando acima de um painel retangular não foi uma direção que escolhi para meus designs. Em vez disso, decidi usar alguns dos elementos que mencionei acima, o que permite muito espaço para a criatividade e, ao mesmo tempo, classifico o ícone como um produto da Microsoft.
Para as cores em meu design, eu queria incorporar a aparência de gradiente de cor sólida (mostrado em muitos dos ícones Office / Fabric). Como não sou especialista em como obter uma combinação de cores que funcionem bem juntas, usei apenas as cores do ícone do Outlook. Funcionou porque eu queria que os designs fossem azuis (como o original). Eu realmente só queria passar a ideia geral e essas cortinas funcionaram.
Em muitos de meus projetos, usei blocos para representar abstratamente uma interface de usuário. Para fazer isso em alguns de meus projetos, usei uma grade indefinida e que se adapta a qualquer layout que possa ser criado com os componentes WinUI. Essa parecia uma das melhores maneiras de representar a biblioteca de componentes e as interfaces que podem ser construídas com ela.
Eu usei a profundidade mostrada com sombra em muitos dos meus projetos para. O efeito de profundidade precisa ser refinado em alguns deles, mas como eu disse antes, eles devem transmitir a ideia geral.
E aqui estão alguns dos meus esboços iniciais, se algum de vocês estiver curioso:
Tenho quatro designs, cada um com várias iterações, que são mostradas acima. Vou entrar em mais detalhes com cada uma das fotos.
Uma versão modernizada do logotipo original. Eu realmente gosto da metáfora do livro e da biblioteca do original. A capa pode ser interpretada como mostrando uma IU abstrata. Portanto, ele contém várias metáforas, o que é legal. O texto é feito em um estilo semelhante ao novo ícone do Terminal. A marca de livro mostra a profundidade que foi importante para mim porque é um atributo principal dos ícones do Tecido e do Design Fluente.
Tomando o nome WindowsUI um tanto literalmente, este design mostra um usuário acima de uma interface de estilo Windows.
A navegação Verticle é uma parte importante da IU do Windows, exibida em muitos aplicativos e sites. Este design mostra uma versão simplificada dele em um estilo semelhante ao logotipo do Terminal do Windows (tanto na forma e como ambos enfatizam um elemento principal da interface. Para o ícone do Terminal, são as guias em vez da navegação vertical). As cores provavelmente devem ser um pouco misturadas para tornar o texto mais legível. Achei que isso se encaixava muito bem na linguagem de design do Windows.
Tentei mostrar uma abstração extrema das interfaces do usuário (e dos componentes que as compõem) com as diferentes iterações desse design. Eles são muito simples, mas eu acho que eles parecem legais.
@NoahFeller - Estou realmente curtindo o ícone 1! Gosto de manter a metáfora do livro, mas não tenho certeza se entendi a grade na capa do livro. Acho que a grade de cor azul adiciona um pouco de ruído ao ícone, dificultando a análise à distância - como seria uma "capa" mais simples?
@stmoy Esse também é um dos meus favoritos. A ideia por trás da grade era minha maneira de representar uma IU de uma forma muito simplificada e abstrata. Eu também estava pensando que ele representa a estrutura do WinUI. Eu concordo com o seu ponto, no entanto. Talvez os tons de cores sendo mais semelhantes ajudem a parecer menos barulhento. Tentei o meu melhor para implementar blocos que combinassem com o estilo de outros ícones de tecido (seu telefone, terminal, ícones de escritório). Eu tenho uma versão do ícone no canto inferior esquerdo da minha primeira imagem que não tem a grade. Vou tentar algumas variantes porque não adoro a aparência dessa. As cores e o layout dos retângulos podem ser melhorados. Também estou pensando em ampliar um pouco o marcador. Obrigado pelo feedback!
@itsmichaelwest , o que o cubo representa em seu projeto? Para mim, parece mais um símbolo de espaço 3D, AR, do que uma estrutura de interface do usuário baseada em marcação
@itsmichaelwest , o que o cubo representa em seu projeto? Para mim, parece mais um símbolo de espaço 3D, AR, do que uma estrutura de interface do usuário baseada em marcação
@danzil , não tenho certeza, mas talvez seja o cubo da Fluent que representa o material?
@stmoy @NoahFeller Fiquei inspirado para tentar combinar alguns dos elementos que você usou em seus logotipos, junto com a ideia do livro original e seu exemplo número 1.
@stevenbrix AFAIK a equipe de Design Fluent mudou-se dos designs de cubos para contornos mais simples que exibem dimensionalidade.
Espero não chegar tarde demais para a festa!
Aqui está uma contribuição da minha parte
Estes são meus pensamentos por trás disso
O que mais pode ser feito para isso
Espero que você goste.
Sugestões são bem vindas.
@ratishphilip É uma ideia semelhante a uma que eu estava
@mdtauk , você está certo. Em tamanhos realmente pequenos, a transparência e as sombras não funcionarão.
Aqui está outro - conceito semelhante ao do meu envio anterior, mas inspirado no convite da Microsoft de 2 de outubro. :)
Se você girar o logotipo 45 graus no sentido anti-horário, poderá ver o elemento> no logotipo.
@itsmichaelwest , o que o cubo representa em seu projeto? Para mim, parece mais um símbolo de espaço 3D, AR, do que uma estrutura de interface do usuário baseada em marcação
@danzil O cubo é uma representação fluente do cubo de vidro / brilhante originalmente usado no logotipo XAML:
Achei que seria bom para o logotipo do WinUI representar de alguma forma o que está fornecendo: um conjunto de controles e estilos XAML.
Não estou muito feliz com isso, mas se alguém se inspirar para fazer algo com isso, eu adoraria ver!
Esses logotipos serão / devem ser mantidos em sincronia? E todos eles deveriam compartilhar o nome WinUI, se for para ser abrangente para a IU do Windows e XAML?
@mdtauk Sim - é nossa ambição fazer a polinização cruzada de todos os nossos ícones com as imagens do novo logotipo. 😄
Querida comunidade, suas ideias são incríveis! Cada vez que antecipo que você vai aumentar a barra, você a eleva ainda mais. Estamos muito animados em trabalhar com todos vocês em um projeto como este. 😊
Pretendemos no início da semana que vem telegrafar nossas 5 escolhas principais até agora, para que todos possam ter a chance de colocar suas últimas rodadas antes de reduzi-las a uma em 9 de setembro .
Até então, continuaremos juntando-se a você para debater e criar!
Uma família unificada de ícones - todos baseados na grade de 16px, então, conforme você aumenta, os detalhes podem se tornar mais sutis, como demonstrei em ideias de logotipo anteriores que postei
Aqui está outro
Conceito por trás disso
Outra versão disso enfatizando o XAML
Eu rapidamente quis mostrar como um dos meus designs poderia ser adaptado para os ícones WinUI que acompanham o logotipo principal. Meu objetivo com o design 1 era modernizar o ícone existente no estilo Fabric / Fluent. Eu estava buscando uma aparência nova e familiar. A mesma estratégia foi usada nos ícones de acompanhamento. Obviamente, fiz algumas modificações, mas fiz o possível para deixar a estrutura básica de cada um dos ícones WinUI intacta ao usar a abordagem de modernização. Dessa forma, se esses ícones forem lançados, os usuários ainda entenderão o que eles representam e sua aparência compartilhada os unirá como parte de um único serviço. Compartilhar elementos mais gerais com outros novos ícones mostra que eles representam um produto da Microsoft. Como algumas partes dos ícones foram feitas mais grossas (letras e outros detalhes), eles realmente escalam muito bem.
Aqui está uma versão improvisada do meu envio anterior
Uma simples modernização do logotipo atual, sinto que alguns dos conceitos acima, embora tenham uma boa aparência, se afastam muito da ideia do ícone WinUI. Embora o ícone possa ser algo como uma caixa, um notebook é muito mais agradável.
O design é relativamente simples e feito com escala em mente, com cantos arredondados e gradientes sutis. Alguns elementos de outras ferramentas (relacionadas ao desenvolvimento) da Microsoft estão aqui, como <
e >
no ícone do Terminal.
Tirei uma ideia anterior, mudei as cores e adicionei exemplos do Kit de ferramentas e dos logotipos da Galeria
Aqui está outra visão do meu logotipo anterior
Outro conceito
Improvisando o logotipo anterior
Eu realmente gosto daquele ratishphilip!
Eu nunca fiquei feliz com o fato de que o símbolo, > , parece uma "marca final". IE. me incomoda que o símbolo apareça no código onde as coisas estão ...
</finished> or </ended> (or </dead>, heaven forbid).
Mas seu ícone mais recente (e outros semelhantes) são estilizados para tirar o foco da barra.
Gostaria de saber se você poderia estilizá-lo um pouco mais ... talvez você pudesse colocar um ponto redondo na parte inferior da barra para torná-lo mais parecido com um ponto de exclamação!
Os pontos de exclamação são relevantes e aparecem nos comentários XAML, como em ...
<!-- WinUI is awesome -->
Apenas para ilustrar o dimensionamento das minhas ideias de logotipo anteriores, aqui estão os ícones de 16 e 128 pixels - você pode ver as mudanças nas proporções, aumento no detalhamento
_Eu também ajustou a elevação da parte I dos ícones, então eles lançaram sombra no part_ U
Improvisando o logotipo anterior
@ratishphilip Espero que você não se importe, mas decidi tentar ajustar sua ideia ...
_Editar: restaurou os símbolos de chave alternados do design original_
@ratishphilip Espero que você não se importe, mas decidi tentar ajustar sua ideia ...
Sem problemas :)
@ratishphilip Espero que você não se importe, mas decidi tentar ajustar sua ideia ...
Sem problemas :)
@ratishphilip Obrigado. Como você vê esse logotipo se expandindo para os controles XAML / Galeria WinUI e a Comunidade do Windows / WinUI Toolkit?
@mdtauk Aqui está o meu conceito para WinUI Gallery, biblioteca e kit de ferramentas
@mdtauk Aqui está o meu conceito para WinUI Gallery, biblioteca e kit de ferramentas
@ratishphilip Obrigado, e aqui está minha
@mdtauk
Embora pareça interessante, parece muito ocupado com muitos elementos sobrepostos e sombras. Só meus $ 0,02
@mdtauk
Embora pareça interessante, parece muito ocupado com muitos elementos sobrepostos e sombras. Só meus $ 0,02
Pessoalmente, concordo, mas estava apenas pegando a ideia como apresentada e adicionando os detalhes
Aqui estão mais alguns conceitos. O WinUI Toolbox um é bastante difícil ...
Esses conceitos são baseados no ícone Dev Tools
Aqui está outro
Outra tentativa
Aqui está outro
Parece um padrão ondulado ruim, a sombra é um pouco forte e as listras não parecem representar bem a elevação.
Outra tentativa
Eles são mais organizados, mas o logotipo da Biblioteca e os da Galeria são muito semelhantes, e a caixa de ferramentas não parece caber na grade quadrada, portanto, não é útil em um tamanho de 16 x 16 pixels
Atualização da linha do tempo: Anúncio dos 5 principais itens na próxima semana!
Querida comunidade, suas ideias são incríveis! Cada vez que antecipo que você vai aumentar a barra, você a eleva ainda mais. Estamos muito animados em trabalhar com todos vocês em um projeto como este. 😊
Pretendemos no início da semana que vem telegrafar nossas 5 escolhas principais até agora, para que todos possam ter a chance de colocar suas últimas rodadas antes de reduzi-las a uma em 9 de setembro .
Até então, continuaremos juntando-se a você para debater e criar!
Alguma ideia de que dia você planeja reduzir algumas dessas ideias?
Outro derivado do logotipo do Microsoft Word
Atualização da linha do tempo: Anúncio dos 5 principais itens na próxima semana!
Querida comunidade, suas ideias são incríveis! Cada vez que antecipo que você vai aumentar a barra, você a eleva ainda mais. Estamos muito animados em trabalhar com todos vocês em um projeto como este. 😊
Pretendemos no início da semana que vem telegrafar nossas 5 escolhas principais até agora, para que todos possam ter a chance de colocar suas últimas rodadas antes de reduzi-las a uma em 9 de setembro.
Até então, continuaremos juntando-se a você para debater e criar!Alguma ideia de que dia você planeja reduzir algumas dessas ideias?
Atualização da linha do tempo: Anúncio dos 5 principais itens na próxima semana!
Querida comunidade, suas ideias são incríveis! Cada vez que antecipo que você vai aumentar a barra, você a eleva ainda mais. Estamos muito animados em trabalhar com todos vocês em um projeto como este. 😊
Estamos com o objetivo de telegrafar no início da próxima semana nossas 5 escolhas principais até agora, para que todos possam ter a chance de colocar as últimas rodadas nelas antes de reduzi-las a uma em 9 de setembro.
Até então, continuaremos juntando-se a você para debater e criar!Alguma ideia de que dia você planeja reduzir algumas dessas ideias?
@mdtauk Estou me encontrando com @ryandemopoulos esta tarde (3 de setembro) e teremos nossos cinco primeiros então ou um prazo mais específico que eu possa relatar. 😄
@SavoySchuler Oi Savoy, obrigado pela atualização! É incrível ver a comunidade sendo tão ativa nisso :)!
Eu realmente gosto de muitos conceitos, especialmente aqueles em que a Galeria, a Biblioteca e o Toolkit têm uma aparência semelhante. Podemos até mesmo estender isso para alinhar as UIs do Community Toolkit e do aplicativo Gallery para ter uma mensagem uniforme para novos desenvolvedores UWP.
Gostaria de saber se você tem alguém da equipe de design olhando para os envios também? Sombreamento de cores (para acessibilidade) e escalabilidade são coisas realmente importantes e os designers tendem a ter muito mais experiência sobre essas coisas do que nós, desenvolvedores :)!
Aqui estão algumas idéias de marcas de palavras e convenções de nomenclatura. WinUI _________ para que tudo pareça pertencer a uma família abrangente.
Qualquer _flavours_ de WinUI deve ter uma convenção de nomenclatura igualmente simples, então WinUI _for_ _____
@SavoySchuler Oi Savoy, obrigado pela atualização! É incrível ver a comunidade sendo tão ativa nisso :)!
Eu realmente gosto de muitos conceitos, especialmente aqueles em que a Galeria, a Biblioteca e o Toolkit têm uma aparência semelhante. Podemos até mesmo estender isso para alinhar as UIs do Community Toolkit e do aplicativo Gallery para ter uma mensagem uniforme para novos desenvolvedores UWP.
Gostaria de saber se você tem alguém da equipe de design olhando para os envios também? Sombreamento de cores (para acessibilidade) e escalabilidade são coisas realmente importantes e os designers tendem a ter muito mais experiência sobre essas coisas do que nós, desenvolvedores :)!
Ótima pergunta, @ niels9001! Temos especialistas em design e acessibilidade em nossa equipe, bem como uma verificação de conformidade global necessária - tudo isso garantirá um logotipo acessível e apropriado para todos. 😊 Estou esperando até que nossos melhores candidatos sejam selecionados antes de aplicar este processo, pois, de outra forma, seria considerado indevido para as 121 inscrições incríveis e únicas que vimos até agora!
Eu não acho que nenhum de nós esperava que um único design fosse considerado como está, é claro que todos eles servem como uma espécie de quadro Mood, que os especialistas em design da Microsoft irão pegar, moldar e produzir um design / estrutura finalizado com logotipos futuros e os ícones podem ser baseados.
O fato de que aqueles de nós que contribuíram, terão influenciado uns aos outros, provavelmente significará um design final, exibirá partes reconhecíveis de muitas ideias 🙂
Eu não acho que nenhum de nós esperava que um único design fosse considerado como está, é claro que todos eles servem como uma espécie de quadro Mood, que os especialistas em design da Microsoft irão pegar, moldar e produzir um design / estrutura finalizado com logotipos futuros e os ícones podem ser baseados.
Excelente chamada, @mdtauk! Isso está correto - podemos alterar a seleção final com base no feedback dos recursos acima, mas também ficaria feliz em mostrar o trabalho original de um membro da comunidade, então teremos que ver o que o futuro reserva para nossa seleção final .
O fato de que aqueles de nós que contribuíram, terão influenciado uns aos outros, provavelmente significará um design final, exibirá pedaços reconhecíveis de muitas ideias 🙂
Quanto a isso, certamente irei encorajá-lo a variações e versões alternativas dos 5 primeiros, depois de publicá-los! 🙂
@SavoySchuler Você
@SavoySchuler Você
@mdtauk Outra ótima pergunta! Tenho entrevistado internamente 86 pessoas nas últimas semanas, de diversos meios, sobre nossas (agora) 121 inscrições. Devido ao volume, não poderei oferecer um feedback abrangente, mas posso sintetizar algumas notas pessoais sobre os 5 finais e encorajar as partes particularmente interessadas a fazer o mesmo. Tenho hesitado em fornecer feedback durante esta rodada aberta, pois sou cauteloso em criar quaisquer limitações que inibam a criatividade deste tópico, mas também entendo que quero avaliar sua direção. Sintetizei alguns comentários gerais abaixo:
E feedback sobre qualquer um que seja insuficiente.
Quanto a isso, sinta-se à vontade para me enviar uma mensagem de texto sobre quaisquer envios em que esteja particularmente interessado e eu posso ver o que posso arranjar para você. 🙂
Aguardo ansiosamente para ver os 5 favoritos @SavoySchuler , e espero que alguns comentários sobre esses 5 ofereçam alguma direção sobre quais mudanças seriam buscadas 💙
Sim, @SavoySchuler , esperando ansiosamente para ver os 5 primeiros.
Qualquer feedback é sempre bem-vindo. Como @mdtauk já mencionou, esses comentários certamente nos ajudariam a seguir na direção certa. Esperançosamente, o esforço coletivo de todos nós resultará na obtenção do melhor logotipo para WinUI.
Eu queria acrescentar que pude ver alguns designs no site da Fluent Design sendo adaptados / ajustados para funcionar como o logotipo do WinUI (por exemplo, imagem superior). A mesma história com alguns dos ícones Fluent (pensei que luz ou material poderia ser um bom ponto de partida). Achei que alguns de vocês poderiam achar as imagens da
_Camadas e profundidade do logotipo_
_Grade logo_
_Profundidade e barras normais da versão 2019_
_Corrente e atualizado Fluent Imagary_
_Talvez versões anteriores dos ícones do Office_
Eu sei que é um pouco tarde, mas o ícone mais à direita na penúltima imagem (aquele com fundo preto e ícones brancos) também funcionaria muito bem para o ícone WinUI. É simples, limpo e funciona com cores (pude ver diferentes tons de azul) ou como está com o desenho do contorno.
Eu sei que é um pouco tarde, mas o ícone mais à direita na penúltima imagem (aquele com fundo preto e ícones brancos) também funcionaria muito bem para o ícone WinUI. É simples, limpo e funciona com cores (pude ver diferentes tons de azul) ou como está com o desenho do contorno.
Eu dei uma chance para fazer algo semelhante no início.
MERCH mock-ups para se divertir! (De um dos meus designs)
Além disso, esse moletom parece super confortável e agora eu meio que quero um. Vou tentar evitar as compras de moletom agora lol.
Interna e externamente, a votação foi clara o suficiente para chegarmos ao número 1 líder do grupo! Mas antes que eu diga qualquer coisa ...
Em nome de toda a equipe WinUI, "obrigado!" a todos que colaboraram e contribuíram aqui e em nossas redes sociais. Pelos números que tínhamos ...
Este foi um _show_ de força que nunca esperamos! Você é INCRÍVEL!
Este design elegante continua sendo o principal envio no tópico de discussão E foi quase unanimemente escolhido entre todos os membros da equipe pesquisados. Há muito o que amar sobre este logotipo para detalhá-lo aqui. Estilo, elegância, escalabilidade, habilidade com o tema, tudo demais. Obrigado @itsmichaelwest por criar este logotipo dinamite.
Para fornecer alguma inspiração para riffs no design de @itsmichaelwest , aqui estão nossos outros favoritos ...
E menção honrosa para @IUsername por essas apresentações coloridas e originais:
Parabéns novamente e obrigado a todos!
Adoraríamos ver alguns riffs e variações desse design! Por causa do Microsoft Ignite, nosso prazo final foi até às 8h PST, sexta-feira, 6 de setembro, portanto, aceitaremos inscrições de variantes até a meia-noite PST de quinta-feira, 5 de setembro.
Para inspiração, essas são variações do logotipo de @itsmichaelwest que gostaríamos de explorar como uma comunidade até então:
Exploramos a ideia de expandir o WinUI além da linguagem de marcação e podemos fazer isso no futuro, o que significaria ir além dessa sintaxe "<>". Você acha que o cubo poderia ser forte o suficiente para se sustentar sozinho? Em caso afirmativo, alguém tem ideias que poderiam ajudá-lo a fazer isso?
Para o Microsoft Ignite, faremos adesivos hexagonais. Este projeto se encaixa perfeitamente nessa forma, mas precisaremos mover o texto "WinUI" no cubo. Alguém tem ideias de como podemos fazer com que essa variante tenha uma ótima aparência?
Alguém tem algumas propostas de cores alternadas? Estamos felizes com o tema azul, mas também não somos particularmente casados com ele. Estamos abertos para explorar propostas alternativas!
Precisamos do texto "WinUI" _como parte_ do logotipo ou o desenho do cubo é forte o suficiente para se sustentar sozinho? Com o <>? Sem?
Se o cubo vai atuar como o símbolo abrangente, ele precisará receber um tratamento visual que o tornará único.
Em 16 x 16, não há muito espaço para nada além do cubo, portanto, coisas como o Kit de ferramentas e a Galeria precisarão ser inteligentes para incluir o cubo e muito mais em tamanhos menores.
Este logotipo WinUI também se torna o novo logotipo XAML? Como o XAML usa o cubo entre colchetes, o que o torna mais do que apenas XAML?
Aqui estão as cores da marca corporativa da Microsoft
Combinações de cores aprovadas
Cores universais do Windows
Parabéns @itsmichaelwest!
Aqui está outro conceito baseado no cubo e nos colchetes angulares ...
Conceito aproximado baseado em @ratishphilip
Precisamos ter certeza de não nos confundir com o logotipo da Unity ...
@mdtauk Não pensei nisso!
Honestamente, acho que o ângulo do cubo é diferente o suficiente, mas de qualquer forma, parece que já temos as 5 melhores ideias escolhidas.
Mais algumas ideias que tive.
Uau, estou tão emocionado que a equipe amou meu logotipo!
Tenho procurado versões alternativas do cubo que se inspirem em outros designs neste tópico. Eu particularmente gostei do uso das cores do site Fluent por @mdtauk , então desenvolvi uma versão do cubo que usa esses gradientes (_isso não é final! _). Eu também deixei de lado os colchetes por enquanto, talvez este "cubo Fluente" possa se sustentar sozinho:
Aqui estão algumas idéias de adesivos. O primeiro reduz o cubo e adiciona o texto WinUI, bem como um link para o repositório. O segundo adiciona uma sobreposição ao cubo, com o texto WinUI. Não tenho certeza de qual funciona melhor e se é necessário ter um link para o repo.
O segundo adesivo também pode funcionar como um logotipo de mídia social.
Continuaremos desenvolvendo isso. Obrigado a todos que estão inspirando este tópico! 😃
Versão do kit de ferramentas deste logotipo
Alguns ângulos diferentes para um conceito baseado em um dos ícones de
Legal .. eu gosto dessa direção.
Apenas para manter o sentido ... o que acreditamos que 'o cubo' representa? Seria bom ter um pouco de lógica nisso.
Gosto do link para Fluent Design
O Cube não foi minha preferência inicial, porque é difícil possuir esse símbolo como um logotipo ou marca. Com os colchetes, ele o vincula intrinsecamente ao XAML, e quem sabe quais outros paradigmas de IU podem surgir no futuro.
Então ... Tenho tratado o cubo como um núcleo, ou um cubo dentro de um cubo, como uma parte do núcleo.
No logotipo XAML original, acredito que o cubo é um objeto, como na codificação Orientada a Objetos, ou um Elemento XML / XAML.
Este logotipo WinUI também se torna o novo logotipo XAML? Como o XAML usa o cubo entre colchetes, o que o torna mais do que apenas XAML?
@mdtauk Se eu entendi mal a pergunta, por favor me avise, mas não há intenção de substituir ou atualizar o logotipo Xaml clássico no momento - isso é apenas para WinUI. Eu também não tenho certeza se o logotipo Xaml clássico está sendo usado ativamente em qualquer capacidade além de artigos de documentos legados. Se você viu de outra forma, por favor me avise!
@mdtauk A postagem sobre as cores da sua marca é um excelente recurso neste tópico. Obrigado por ser um levantador de peso neste tópico!
Aqui está outro conceito baseado no cubo e nos colchetes angulares ...
@ratishphilip - @ryandemopoulos , @stmoy e eu realmente gostamos de como este design é independente. @mdtauk , também uma opção interessante de cores. Estou explorando algumas combinações de cores alternativas disso agora. Se eu puder pensar em algo meritório, vou postar.
Versão da galeria adicionada ao lado das outras
Aqui estão alguns logotipos de outros frameworks - portanto, podemos tentar evitar fazer designs semelhantes.
Anglar JS
Xamarin
TypeScript
Nó JS
Reagir
Flutter
Iônico
HTML / CSS / JS
Design material
IU Swift
Acabamos de encerrar a reunião novamente para revisar tudo o que aconteceu desde a última agradável. A primeira coisa que discutimos: Uau, todos vocês são incríveis! E rápido!
Em segundo lugar, três designs (além do original de @itsmichaelwest ) se destacaram para nós e temos algumas perguntas para cada um ....
Nós realmente gostamos do que você fez aqui! Existe alguma chance de você ter uma versão de alta fidelidade que possa usar para nos mostrar como é isso com colchetes nas laterais? Estamos imaginando algo assim:
@SavoySchuler Eu realmente gostei desse que você postou.
- @mdtauk , realmente gostamos desse que você postou! Há alguma chance de você compartilhar versões deste que a.) Não tenham texto eb.) Tenham fundos pretos (com e sem texto)?
🚨 Imagens grandes recebidas 🚨
Os tamanhos incluem 1024 x 1024 (com e sem texto) - 16 x 16 - 32 x 32 - 64 x 64 - 128 x 128 x 128 - 256 x 256 - 4096 x 4096
Versões claras e escuras
Eu amo o ícone que @mdtauk acabou de postar! Parece incrível!
@SavoySchuler > Alguém tem alguma combinação de cores que você acha "pop"?
Roxo e laranja é uma combinação clássica de cores complementares. Mas ter duas cores em um único cubo pareceria um pouco estranho
Verde e Amarelo
Azul e rosa
@SavoySchuler > Alguém tem alguma combinação de cores que você acha "pop"?
Roxo e laranja é uma combinação clássica de cores complementares. Mas ter duas cores em um único cubo pareceria um pouco estranho
Verde e Amarelo
Azul e rosa
@mdtauk Alguma dessas combinações de cores que você pode ver sendo aplicada em algum desses designs?
@itsmichaelwest Acabei de perceber que estava faltando uma imagem no ponto 1 acima - adicionada agora!
@SavoySchuler
Azul> Rosa
Azul-petróleo> Azul
Você poderia fazer algo assim, um esquema análogo em todo o cubo
Aquele segundo com o Teal> Blue é o meu favorito até agora!
Legal .. eu gosto dessa direção.
Apenas para manter o sentido ... o que acreditamos que 'o cubo' representa? Seria bom ter um pouco de lógica nisso.
Gosto do link para Fluent Design
Ótima pergunta, @ niels9001! As pessoas ofereceram algumas tomadas ao longo deste tópico agora enorme.
Para muitos, é uma homenagem aos princípios do Fluent Designs System mostrados aqui (em forma de cubo):
Também é uma homenagem ao logotipo original do Xaml:
Mas outros, como eu e @ pag3 , o descreveram como um "bloco de construção" e a plataforma WinUI e suas ofertas exatamente como isso - os blocos de construção para a IU.
@SavoySchuler
Azul> Rosa
Azul-petróleo> Azul
Você poderia fazer algo assim, um esquema análogo em todo o cubo
Eu também adoro isso! Ótimas escolhas, @mdtauk!
Aqui está um design que fiz um tempo atrás para um projeto diferente, mas acabei não precisando dele. Decidi enviá-lo aqui! Funciona muito bem aqui porque mostra muitos dos princípios do Fluent Design System:
Luz - O brilho de dentro do cubo.
Profundidade - é um cubo 3D com profundidade visível.
Material - Tem uma aparência legal de acrílico.
Escala - Pequenos cubos dentro de um grande cubo, tem tamanho contrastante.
Eu também acho que parece muito legal e é um tanto único. Isso evita o problema de alguns designs aqui serem genéricos. Existem muitos logotipos de hexágono / cubo por aí, então pode ser difícil ser diferente (acho que esse design não é genérico). Além disso, a ponta de luz no meio pode ser usada para outros designs e padrões complementares. Aqui está um exemplo:
Aberto para feedback!
@NoahFeller Isso parece incrível! Você tem uma versão mais escura para colocar fundos mais claros?
Obrigado @yaichenbaum. (Você comentou um pouco antes de eu postar essa explicação rs)
.
.
.
.
Tenho certeza de ter visto essa estrutura de grade em algum lugar relacionada ao Design Fluent. Em um fundo branco, o desenho precisa de uma sombra diretamente atrás dele ou da cor do cubo para o preto. Com certeza farei mais algumas experiências!
Tenho certeza de ter visto essa estrutura de grade em algum lugar relacionada ao Design Fluent. Em um fundo branco, o desenho precisa de uma sombra diretamente atrás dele ou da cor do cubo para o preto. Com certeza farei mais algumas experiências!
@ratishphilip - @ryandemopoulos , @stmoy e eu realmente gostamos de como este design é independente.
Obrigado pelo feedback.
Aqui está um logotipo mais refinado.
Aqui está outra visão do logotipo anterior. Meu objetivo aqui é descrever que uma parte do cubo foi cortada para mostrar o núcleo do cubo (assim como é mostrado nos diagramas de terra)
Aqui está outra visão do logotipo anterior. Meu objetivo aqui é descrever que uma parte do cubo foi cortada para mostrar o núcleo do cubo (assim como é mostrado nos diagramas de terra)
A primeira coisa que vejo é um símbolo Play
Aqui está outro baseado no cubo Fluent de @NoahFeller
Aqui está o logotipo anterior sem o corte
Outra visão do cubo de
Outra visão do cubo de
Você não acha que isso lança os colchetes angulares um pouco fora de equilíbrio?
Outra visão do cubo de
Você não acha que isso lança os colchetes angulares um pouco fora de equilíbrio?
Sim, com certeza - mas está de acordo com as faces do cubo. Eu só queria experimentar o estilo de colorir.
E o que é um pouco de assimetria entre amigos 😄
Não é o meu trabalho mais orgulhoso, mas tentei adicionar os colchetes à ideia de
Eu vejo o que você está procurando @SavoySchuler. Acho que o ícone pode não precisar dos colchetes e é poderoso o suficiente para se manter por conta própria. Definitivamente irei iterar no design (simplificar e / ou modificar) e fazer upload de algumas versões diferentes, algumas com e outras sem colchetes. Sinto que o ícone não parece tão bem girado, embora isso possa ser consertado 🙂. Ao fazer o upload, eu estava apenas tentando avaliar se as pessoas gostariam ou não de um design semelhante a este. O feedback parece ter sido bom, então vou continuar trabalhando. Obrigado pelas sugestões.
Outra visão do cubo de
Eu amo os dois tons do suporte!
4096
1024
256
128
64
32
16
4096
1024
256
128
64
32
16
4096
1024
256
128
64
32
16
Nós realmente gostamos do que você fez aqui! Existe alguma chance de você ter uma versão de alta fidelidade que possa usar para nos mostrar como é isso com colchetes nas laterais? Estamos imaginando algo assim:
@SavoySchuler aqui está! Desculpem a espera, este tópico parece passar muito rápido!
Versão monocromática
@itsmichaelwest > aqui está! Desculpem a espera, este tópico parece passar muito rápido!
Desculpe ... 😛
Aqui estão alguns, mas usando o tratamento de cores de Michael West ...
4096
1024
256
128
64
32
16
1024 Cube Only
4096 Cube Only
Acho que acabei com essas variações, a menos que @SavoySchuler @itsmichaelwest ou outros queiram algo em particular de mim?
https://www.figma.com/file/KCQQ1wtMBnWxsXrmDOHmhB/WinUI-Logo-Share?node-id=0%3A1
_Aqui está o link para o arquivo Figma com alguns dos meus logotipos em_
@mdtauk - muito obrigado por todas as suas contribuições e variações. Uma pergunta rápida - muitos dos designs são "cubo dentro de um cubo". O que este cubo duplo pretende transmitir?
@itsmichaelwest originalmente sugeriu usar o ícone XAML como base do logotipo, e seu design foi escolhido na primeira rodada de inscrições.
Eu vejo o cubo como um núcleo, uma parte essencial da construção de aplicativos do Windows, então decidi ilustrar o conceito de um núcleo, fazendo com que uma parte do cubo se destaque. Eu também brinquei em ter um espaço "vazio", para mostrar que este é um espaço para construir.
Mas fazer com que o design do cubo e do suporte seja algo "possivel" e distinto, entre as milhares de outras iconografias baseadas em cubos que existem, desempenha algum papel.
Versão escura / clara. Ainda trabalhando um pouco na cor azul. Como sempre, agradecemos comentários.
@yaichenbaum Eu queria ver como seria uma versão monocromática do cubo que você postou, mas não sou um artista, então, literalmente, zombei disso no Paint: :)
É assim que você previu a aparência de uma versão monocromática ou tem outra ideia em mente de como uma versão monocromática pode se parecer?
Eu gostaria de redesenhar completamente se estiver sob consideração, mas aqui está uma rápida edição com meu pensamento, estes estão apenas na escala de 16px, então será necessário redesenhar completamente.
Maquete monocromática rápida (não totalmente concluída) do meu projeto. Bastante fluente 😄.
Direção totalmente nova que é realmente fluente e pode facilmente usar cores diferentes para caber em brindes, adesivos etc. Este design indica blocos de construção, bem como um escondido no meio. Posso mostrar em outras cores para fundos mais claros se as pessoas estiverem interessadas.
E uma versão 3D também, com e sem contorno.
@yaichenbaum Eu queria ver como seria uma versão monocromática do cubo que você postou, mas não sou um artista, então, literalmente, zombei disso no Paint: :)
É assim que você previu a aparência de uma versão monocromática ou tem outra ideia em mente de como uma versão monocromática pode se parecer?
@SavoySchuler Isso está OK?
Cor Única
4096
1024
256
128
64
32
16
@itsmichaelwest e @mdtauk nossas duas escolhas finais se
Para o seu logotipo, há alguma preocupação sobre como os colchetes 2D e os cubos 3D ficam juntos. Há alguma alteração que você possa pensar em fazer que poderia ajudar esses componentes a se apresentarem de forma mais coesa? Não temos certeza do que é exatamente necessário - se é espaçamento, cores, etc ... apenas que parece um pouco desarticulado.
Para o seu logotipo aqui, vários indivíduos entrevistados responderam que estavam confusos por pensar que os colchetes dentro do cubo deveriam ser letras como "I" e "J". Para dizer de outra forma - havia a preocupação de que eles tivessem perdido a sensação dos colchetes. Parece que ficou melhor na atualização mais recente quando você os diminuiu um pouco, mas não temos certeza se há algo que poderia ser feito para torná-los mais parecidos com colchetes?
Também adoraríamos ver as linhas de colchetes vazadas e preenchidas nas tomadas monocromáticas, se for o caso:
Para qualquer apresentação final, adoraríamos vê-la:
Nós sabemos que pedimos muito. Quando iniciamos todo esse processo, não sabíamos que teríamos tantas opções excelentes para deliberar e que a qualidade das inscrições seria tão incrível.
Todos vocês elevaram a barra tão alto que acho que agora estamos minando cada pequeno pixel e cada curva. Estamos sendo tão exigentes porque todos vocês nos deram ouro.
Se algum desses pedidos finais for muito difícil, nós entendemos. Independentemente de qualquer esforço contínuo, enviaremos a você e a vários outros alguns bem merecidos "obrigado!" brindes que trazem as contribuições que você fez aqui.
Parabéns a @mdtauk e @itsmichaelwest.
É possível que o problema que você mencionou com as pessoas vendo-o como um I e J tenha a ver com o fato de que usar duas cores para o colchete esquerdo faz com que pareça um reflexo no topo. Talvez usar a mesma cor para todo o colchete resolveria esse problema de 'reflexo' e então o outro colchete não será mais visto como um J.
@SavoySchuler
@itsmichaelwest
Para o seu logotipo, há alguma preocupação sobre como os colchetes 2D e os cubos 3D ficam juntos. Há alguma alteração que você possa pensar em fazer que poderia ajudar esses componentes a se apresentarem de forma mais coesa? Não temos certeza do que é exatamente necessário - se é espaçamento, cores, etc ... apenas que parece um pouco desarticulado.
Tenho uma sugestão para isso, mas caberá a Michael propor uma solução.
O sombreado nos colchetes está alinhado com o sombreado no cubo.
Parabéns pessoal! Um pouco de feedback / ideias: Acho que no design de @itsmichaelwest , os colchetes devem ser apenas parcialmente arredondados em vez do formato de 'comprimido', que é mais parecido com o visual do Google. (Como o que você acabou de postar em @mdtauk) Também acho que a maneira como o colchete envolve o design de @mdtauk poderia ser melhorado porque não parece certo para mim. Além disso, você pode querer deixar o brilho um pouco mais esférico porque a parte roxa escura parece se estender um pouco mais para baixo. Bons designs, apenas alguns refinamentos possíveis nos quais pensei.
@yaichenbaum O colchete que parecia um J era o mais à direita (no logotipo de @mdtauk ); alguns membros da equipe achavam que era muito J-ish. Pessoalmente, achei que ficou um pouco melhor com a versão mais recente postada, pois eles foram um pouco mais reduzidos. Eu sei que há um desejo de mantê-los grossos o suficiente para que você possa ver os colchetes em versões pequenas.
De qualquer forma, não sou designer nem toco na TV. Pode haver uma série de outras maneiras de torná-los mais parecidos com colchetes; Vou deixar isso para @mdtauk.
Esses designs são tããão bons. Estamos falando sobre minúcias neste ponto.
Tenho espaço para diminuir as linhas à medida que o logotipo aumenta. Também posso estreitar as curvas para torná-las mais pontiagudas, no cubo e no suporte.
As três tonalidades de cor dificultam a aparência do tipo Bracket?
@mdtauk e se você alterasse os colchetes para um gradiente? Dessa forma, ele ainda teria mais uma cor, mas eles se misturariam melhor, dando-lhe mais uma forma unificada.
... Também acho que a maneira como o suporte envolve o design de @mdtauk poderia ser melhorada porque não parece certa para mim. Além disso, você pode querer deixar o brilho um pouco mais esférico porque a parte roxa escura parece se estender um pouco mais para baixo. Bons designs, apenas alguns refinamentos possíveis nos quais pensei.
Usei um gradiente de diamante, em vez de redondo, para sugerir a ideia de haver um cubo colorido dentro do cubo "acrílico" fosco.
@mdtauk e se você alterasse os colchetes para um gradiente? Dessa forma, ele ainda teria mais uma cor, mas eles se misturariam melhor, dando-lhe mais uma forma unificada.
O problema com isso seria manter a ideia de que os suportes estão na superfície do cubo, mas vou tentar ajustar um pouco mais, endireitar e afinar um pouco.
... Também acho que a maneira como o suporte envolve o design de @mdtauk poderia ser melhorada porque não parece certa para mim. Além disso, você pode querer deixar o brilho um pouco mais esférico porque a parte roxa escura parece se estender um pouco mais para baixo. Bons designs, apenas alguns refinamentos possíveis nos quais pensei.
Usei um gradiente de diamante, em vez de redondo, para sugerir a ideia de haver um cubo colorido dentro do cubo "acrílico" fosco.
Eu vejo, é muito indefinido para realmente dizer à IMO, então talvez você possa modificá-lo um pouco. Você não precisa, apenas se perguntando se poderia ser melhorado.
@mdtauk Para mim, gostei das diferentes cores / tons nos colchetes. Se houver uma maneira de fazê-los parecer mais com colchetes sem perder as cores diferentes, eu adoraria ver isso. Mas acho que vale a pena brincar com diferentes sombras e menos cores para ver se isso também ajuda.
@mdtauk e se você alterasse os colchetes para um gradiente? Dessa forma, ele ainda teria mais uma cor, mas eles se misturariam melhor, dando-lhe mais uma forma unificada.
Também pode parecer legal ter o cubo com um brilho mais forte de cada cor a ponto de o cubo ter essas três cores e os colchetes contrastarem com o fato de o cubo ser branco ou preto. Apenas jogando ideias lá fora.
@mdtauk Para mim, gostei das diferentes cores / tons nos colchetes. Se houver uma maneira de fazê-los parecer mais com colchetes sem perder as cores diferentes, eu adoraria ver isso. Mas acho que vale a pena brincar com diferentes sombras e menos cores para ver se isso também ajuda.
Eu também gostei deles, apenas ter dois tons diferentes os divide, também faz a metade inferior do colchete esquerdo uma altura semelhante ao direito, dando-lhe uma aparência de bloco "abc" com um I e J.
Isso pode ajudar a melhorar um pouco, mas na minha opinião estraga a boa aparência que tinha antes.
Acho que parte do problema com os colchetes é que você tem uma forma 3D com muitas cores e iluminação por trás deles e eles são apenas uma cor sólida, então não combinam também. Parece um pouco engraçado com os dois designs, mas é mais proeminente quando os colchetes estão no cubo.
@mdtauk Para mim, gostei das diferentes cores / tons nos colchetes. Se houver uma maneira de fazê-los parecer mais com colchetes sem perder as cores diferentes, eu adoraria ver isso. Mas acho que vale a pena brincar com diferentes sombras e menos cores para ver se isso também ajuda.
4096
Cor Única
@ryandemopoulos Isso está indo na direção certa?
Parabéns @mdtauk e @itsmichaelwest.
Grandes designs até agora!
Acho que parte do problema com os colchetes é que você tem uma forma 3D com muitas cores e iluminação por trás deles e eles são apenas uma cor sólida, então não combinam também. Parece um pouco engraçado com os dois designs, mas é mais proeminente quando os colchetes estão no cubo.
Não tenho certeza se funciona como o inverso
@ryandemopoulos Isso está indo na direção certa?
Eu sou apenas uma opinião, mas sim, parece mais um colchete para mim. Acho que as arestas mais nítidas ajudaram. Para a versão monocromática, os colchetes ainda parecem super grossos - como seria com os colchetes recém-delineados, mais ou menos assim? (exceto usando sua geometria mais recente)
Não tenho certeza se funciona como o inverso
Sim você está certo. Eu retiro isso ⬇. Obrigado por testá-lo.
Também pode parecer legal ter o cubo com um brilho mais forte de cada cor a ponto de o cubo ter essas três cores e os colchetes contrastarem com o fato de o cubo ser branco ou preto. Apenas jogando ideias lá fora.
Minha opinião é que os colchetes devem manter a mesma forma do logotipo para XAML com um pequeno arredondamento
Aqui está minha sugestão
@ryandemopoulos Isso está indo na direção certa?
Eu sou apenas uma opinião, mas sim, parece mais um colchete para mim. Acho que as arestas mais nítidas ajudaram. Para a versão monocromática, os colchetes ainda parecem super grossos - como seria com os colchetes recém-delineados, mais ou menos assim? (exceto usando sua geometria mais recente)
Nos tamanhos 32px e 16px, os colchetes precisarão ser preenchidos para serem legíveis, mas como isso fica para os tamanhos maiores?
Minha opinião é que os colchetes devem manter a mesma forma do logotipo para XAML com um pequeno arredondamento
Aqui está minha sugestão
@ratishphilip O colchete esquerdo é verticalmente menor ou o sombreamento está causando uma diferença perceptível?
@ryandemopoulos Isso está indo na direção certa?
Eu sou apenas uma opinião, mas sim, parece mais um colchete para mim. Acho que as arestas mais nítidas ajudaram. Para a versão monocromática, os colchetes ainda parecem super grossos - como seria com os colchetes recém-delineados, mais ou menos assim? (exceto usando sua geometria mais recente)
Nos tamanhos 32px e 16px, os colchetes precisarão ser preenchidos para serem legíveis, mas como isso fica para os tamanhos maiores?
Marcando esta geometria para @stmoy.
@ryandemopoulos Isso está indo na direção certa?
Eu sou apenas uma opinião, mas sim, parece mais um colchete para mim. Acho que as arestas mais nítidas ajudaram. Para a versão monocromática, os colchetes ainda parecem super grossos - como seria com os colchetes recém-delineados, mais ou menos assim? (exceto usando sua geometria mais recente)
Nos tamanhos 32px e 16px, os colchetes precisarão ser preenchidos para serem legíveis, mas como isso fica para os tamanhos maiores?
Para ser honesto, não tenho certeza do que gosto mais - preenchido ou esboçado. Vou precisar olhar mais um pouco. :) Acho que os dois funcionam, mesmo em alta resolução. (e concordo que em baixa resolução, preenchido é a única escolha real)
@ryandemopoulos @SavoySchuler @stmoy
4096
1024
256
128
64
32
16
Cor Única
@ratishphilip O colchete esquerdo é verticalmente menor ou o sombreamento está causando uma diferença perceptível?
Ambos os colchetes são do mesmo tamanho ...
Aqui está outro com um suporte 3D
Aqui está o esboço
Aqui está outro com um suporte 3D
Isso definitivamente resolve a perspectiva estranha que eu estava vendo antes. Bem feito!
Aqui está outro com um suporte 3D
Isso definitivamente resolve a perspectiva estranha que eu estava vendo antes. Bem feito!
O cubo não é girado corretamente, há linhas diagonais na parte superior e inferior
Aqui está outro com um suporte 3D
Isso também corrige o problema de parecer que tem um I e J.
O cubo não é girado corretamente, há linhas diagonais na parte superior e inferior
: D sim, uma ligeira rotação ... obrigado por me avisar @mdtauk ... pode ser facilmente consertado.
Também estou pensando em remover o arredondamento do canto mais interno (que toca a borda do cubo) e torná-lo nítido.
Aqui está o logotipo atualizado
Logotipo da Hi Res
Este (ou sua contraparte escura) é lindo. Gosto do gradiente porque mistura um elemento Fluente.
Talvez o acima também deva ser dividido em um cubo de 2 2 2, incorporando isso , que ótima ideia! Mudaria as cores para sobressair um pouco mais, talvez.
No entanto, este me dá uma conotação Apache Cordova :
Especialmente aqueles colchetes pretos brilhantes.
Especialmente aqueles colchetes pretos brilhantes.
@weitzhandler Que tal isso?
@SavoySchuler postou os dois logotipos preliminares no Twitter, e o principal comentário que tirei das respostas é que não parece muito com o Windows. Portanto, aqui está o mesmo logotipo, mas na cor Microsoft Blue. Será que isso ajuda?
Acho que os colchetes esquerdo e direito devem ser idênticos em tamanho , pois também têm o mesmo tamanho na sintaxe XAML ( < >
) . Portanto, fazê-los parecer opticamente diferentes em tamanho parece estranho para mim (ou seja, o colchete esquerdo parece maior do que o colchete direito). Eu prefiro a maneira como @ratishphilip está exibindo esses colchetes agora.
@ Felix-Dev
Os colchetes de adaptando aos lados do cubo. Também existe uma representação literal, versus uma interpretação figurativa. Com isso quero dizer que você pode realmente ter colchetes, ou você pode representar colchetes.
Mesmo que nem todo logotipo precise ser azul, faz sentido com isso. Quando penso no Win UI, penso na interface do usuário do Windows. Também associo o azul ao Windows.
Esse último logotipo de @mdtauk chama a
@SavoySchuler postou os dois logotipos preliminares no Twitter, e o principal comentário que tirei das respostas é que não parece muito com o Windows. Portanto, aqui está o mesmo logotipo, mas na cor Microsoft Blue. Será que isso ajuda?
Eu realmente gosto disso @mdtauk! Grande melhora na minha opinião. Acho que ter uma aparência mais reflexiva do que brilhante é melhor nessa circunstância. Talvez apenas deixe o lado direito um pouco mais claro ou com um gradiente mais semelhante. Mas além desse ótimo trabalho.
Este gradiente escuro é melhor?
Logotipo da Hi Res
@mdtauk e se você tentar implementar o fim dos colchetes no design @ratishphilip em seus colchetes? Acho que os colchetes serão confundidos com menos letras se ambos terminarem da mesma forma.
Se os designs de @mdtauk fossem escolhidos, eu adoraria que os colchetes fossem como os colchetes de @ratishphilip - os colchetes deveriam parecer ter o mesmo tamanho. @mdtauk Por favor, crie também uma versão do seu logotipo com os colchetes de @ratishphilip .
Se os designs de @mdtauk fossem escolhidos, eu adoraria que os colchetes fossem como os colchetes de @ratishphilip - os colchetes deveriam parecer ter o mesmo tamanho. @mdtauk Por favor, crie também uma versão do seu logotipo com os colchetes de @ratishphilip .
Os colchetes de design de
@NoahFeller Os colchetes, IMO, devem refletir os colchetes do XAML, que são do mesmo tamanho. Isso deve estar refletido no logotipo. O problema que tenho com o design de @mdtauk é que, ao olhar para os colchetes isolados - especialmente em tamanhos de imagem menores - tenho a impressão de que os tamanhos dos colchetes são os seguintes:
(O colchete esquerdo é claramente maior em comparação com o direito. Em XAML, esse simplesmente não é o caso.) Em algumas resoluções de imagem, ou seja,
isso é muito claro para mim e me confunde, francamente. Os pares de colchetes <>
são tão proeminentes no XAML que acredito que seja justificável "simplesmente jogá-los" no cubo como estão ou, pelo menos, considerar isso bastante.
@NoahFeller Os colchetes, IMO, devem refletir os colchetes do XAML, que são do mesmo tamanho. Isso deve estar refletido no logotipo. O problema que tenho com o design de @mdtauk é que, ao olhar para os colchetes _isolados_ - especialmente em tamanhos de imagem menores - tenho a impressão dos tamanhos dos colchetes assim:
(O colchete esquerdo é claramente maior em comparação com o direito. Em XAML, esse simplesmente não é o caso.) Em algumas resoluções de imagem, ou seja,
isso é muito claro para mim e me confunde, francamente. Os pares de colchetes<>
são tão proeminentes no XAML que acredito que seja justificável "simplesmente jogá-los" no cubo como estão ou, pelo menos, considerar isso bastante.
Acho que o design do suporte 3D de @mdtauk é o caminho a percorrer, mas se o suporte esquerdo terminar da mesma forma que o direito, fará com que pareça do mesmo tamanho, mesmo com o efeito 3D, estou anexando um exemplo feio só para deixar claro.
@NoahFeller Os colchetes, IMO, devem refletir os colchetes do XAML, que são do mesmo tamanho. Isso deve estar refletido no logotipo. O problema que tenho com o design de @mdtauk é que, ao olhar para os colchetes _isolados_ - especialmente em tamanhos de imagem menores - tenho a impressão dos tamanhos dos colchetes assim:
(O colchete esquerdo é claramente maior em comparação com o direito. Em XAML, esse simplesmente não é o caso.) Em algumas resoluções de imagem, ou seja,
isso é muito claro para mim e me confunde, francamente. Os pares de colchetes<>
são tão proeminentes no XAML que acredito que seja justificável "simplesmente jogá-los" no cubo como estão ou, pelo menos, considerar isso bastante.Acho que o design do suporte 3D de @mdtauk é o caminho a percorrer, mas se o suporte esquerdo terminar da mesma forma que o direito, fará com que pareça do mesmo tamanho, mesmo com o efeito 3D, estou anexando um exemplo feio só para deixar claro.
Eu vejo o que vocês querem dizer. Você provavelmente está certo. Aqui está uma versão rápida que é simétrica e ainda 3D. Está muito inacabado (sem sombras, os colchetes são muito grandes, a coloração poderia ser melhor, etc.), mas você pode ter uma ideia geral do que estou procurando. Uma espécie de efeito de ilusão de ótica legal onde você pode olhar para isso de duas maneiras. É claro que é totalmente responsabilidade de
Os colchetes de design de
@NoahFeller, os colchetes fazem sentido no espaço 3D. Se você olhar para o cubo na direção mostrada pela seta vermelha abaixo, os colchetes ficariam assim
Este gradiente escuro é melhor?
@mdtauk Uma pequena sugestão ... Se o colchete esquerdo está em conformidade com a superfície do cubo, então os dois cantos no meio do colchete devem ter um raio de canto zero ... igual à borda do cubo.
Comunidade - você é incrível e não consigo enfatizar isso o suficiente. Depois de, literalmente, _horas_ de deliberação, decidimos por um. É a combinação dos designs @itsmichaelwest e @mdtauk :
(nota: a sombra do cubo não é refletida aqui, pois não consegui encontrar uma versão sombreada com esses raios de canto)
(nota: consulte o item 2 da seção inferior em relação aos colchetes simétricos vs. assimétricos)
Como @ryandemopoulos disse: "Este logotipo é foda. De alguma forma, parece moderno e retro ao mesmo tempo, moderno e, ao mesmo tempo, histórico, preciso e assimétrico. É meio que uma conversa, e isso é próprio do projeto."
Não terminamos totalmente, mas estamos mais perto. Estas são as pontas soltas que estamos amarrando:
Gostamos desse esquema de cores, mas ainda precisamos explorar algumas variantes de cores diferentes (e misturá-las com sombras / brilhos em vários planos de fundo também).
Recebemos duas versões muito boas: uma com colchetes simétricos e outra com colchetes assimétricos. Estamos inclinados a ser assimétricos (como mostrado à direita). Pensamentos?
Nós fizemos isso.
Comunidade - você é incrível e não consigo enfatizar isso o suficiente. Depois de, literalmente, _horas_ de deliberação, decidimos por um. É a combinação dos designs @itsmichaelwest e @mdtauk :
Parabéns @itsmichaelwest e @mdtauk!
Nós fizemos isso.
Comunidade - você é incrível e não consigo enfatizar isso o suficiente. Depois de, literalmente, _horas_ de deliberação, decidimos por um. É a combinação dos designs @itsmichaelwest e @mdtauk :
Parabéns @itsmichaelwest e @mdtauk!
@ratishphilip Vejo que você tem trabalhado muito para nos ajudar a chegar aqui, então parabéns a você por sua influência e impacto. Analisarei vários de seus esquemas de cores propostos antes de bloquearmos isso. 😊 Bom trabalho e obrigado!
Os colchetes de design de
@NoahFeller, os colchetes fazem sentido no espaço 3D. Se você olhar para o cubo na direção mostrada pela seta vermelha abaixo, os colchetes ficariam assim
@ratishphilip se você está se perguntando o que eu quis dizer com meus comentários sobre o seu design não funcionar em 3D, vou explicar aqui. Em seu projeto, as sombras não combinam com a fonte de luz que ilumina o cubo. Eles estão voltados para direções opostas. Se o colchete esquerdo for perpendicular à face superior do cubo, ele deve ter uma longa sombra projetada atrás dele. Atualmente, parece apenas um colchete alongado com uma sombra que não faz sentido. Se você olhar para a sombra do outro suporte, parece estar voltado para o lado errado. Além disso, os colchetes parecem estranhos e se transformam em um ângulo como esse. O objetivo da ilusão é que os colchetes tenham uma boa aparência no ângulo de onde estão sendo vistos. Eu não entendo por que eles são distorcidos assim. Não há um quadro de referência para a forma do colchete original (mostrado na imagem direita) porque é apenas um ícone. Não quero ser supercrítico, só quero dar um feedback para que você seja um designer ainda melhor.
Os colchetes de design de
@NoahFeller, os colchetes fazem sentido no espaço 3D. Se você olhar para o cubo na direção mostrada pela seta vermelha abaixo, os colchetes ficariam assim
@ratishphilip se você está se perguntando o que eu quis dizer com meus comentários sobre o seu design não funcionar em 3D, vou explicar aqui. Em seu projeto, as sombras não combinam com a fonte de luz que ilumina o cubo. Eles estão voltados para direções opostas. Se o colchete esquerdo for perpendicular à face superior do cubo, ele deve ter uma longa sombra projetada atrás dele. Atualmente, parece apenas um colchete alongado com uma sombra que não faz sentido. Se você olhar para a sombra do outro suporte, parece estar voltado para o lado errado. Além disso, os colchetes parecem estranhos e se transformam em um ângulo como esse. O objetivo da ilusão é que os colchetes tenham uma boa aparência no ângulo de onde estão sendo vistos. Eu não entendo por que eles são distorcidos assim. Não há um quadro de referência para a forma do colchete original (mostrado na imagem direita) porque é apenas um ícone. Não quero ser supercrítico, só quero dar um feedback para que você seja um designer ainda melhor.
Obrigado @NoahFeller. Agradeço seu feedback.
@NoahFeller é assim que você esperava que o logotipo fosse?
@NoahFeller é assim que você esperava que o logotipo fosse?
Provavelmente pareceria algo próximo a isso (a sombra provavelmente não seria tão escura), mas o problema é que o design não parece ótimo sendo renderizado com precisão no espaço 3D. Como eu disse antes, os colchetes parecem estranhamente comprimidos e não adequados para a direção de onde vem a visualização. Pude ver que funcionava melhor com colchetes de formato adequado flutuando paralelamente à visão da 'câmera' e as sombras sendo projetadas com precisão. Ou pode ser legal ver os suportes embutidos no cubo ou algo assim. IMO, seu design não funciona muito bem em sua forma atual. Mas a boa notícia é que ele pode definitivamente ser alterado para melhor de algumas maneiras diferentes.
Enquanto os últimos ajustes estão acontecendo, quero mencionar algumas coisas sobre o design. Em primeiro lugar, é muito legal ver a combinação cubo de acrílico + brilho sendo usada. Também estou um pouco preocupado com os colchetes de cores sólidas no topo do cubo 3D. O cubo está emitindo uma luz e parece haver uma luz direcional ao lado do cubo, então não faz sentido que os colchetes sejam de cores sólidas. Eles provavelmente devem ter uma aparência de leve gradiente que corresponda às fontes de iluminação (não tanto gradiente que pareça cafona, apenas para ser realista). Caso contrário, não faz sentido no espaço 3D e parece errado. A última coisa que eu queria perguntar é se você ( @SavoySchuler , @stmoy) consideraria tornar os colchetes simétricos assim?
Como eu disse antes quando o postei, este é um design muito bruto (sem sombras, os colchetes são provavelmente muito grandes, a coloração poderia realmente ser melhorada, etc.). Mesmo assim, ele aborda muitos dos problemas que tenho visto aqui e no Twitter sobre os colchetes serem assimétricos e com formas diferentes e o faz enquanto ainda envolve o cubo de uma forma semelhante a antes. Imagine o colchete direito sendo estendido no cubo de @mdtauk . Parece uma grande melhoria para mim porque a mudança faz com que os colchetes se pareçam com o que realmente são, em vez de letras ou algo assim. Também a simetria, quando possível, é boa e fornece equilíbrio! Obviamente, o estilo seria adicionado ao cubo de acrílico de @mdtauk com o brilho e não ao cubo azul (mostrado na imagem acima), mas você estaria aberto à ideia de ver essa modificação experimentar mais?
Também parabéns @itsmichaelwest e @mdtauk!
Em primeiro lugar, parabéns a @itsmichalwest e @mdtauk e um grande obrigado a @mdtauk por compartilhar seus arquivos figma !!!
Quanto ao comentário @SavoySchuler :
- Gostamos desse esquema de cores, mas ainda precisamos explorar algumas variantes de cores diferentes (e misturá-las com sombras / brilhos em vários planos de fundo também).
Aqui está minha opinião sobre o design incrível do @mdtauk :
Troquei o azul-petróleo, o azul e o rosa com variações do azul do tema do Windows para dar uma sensação mais "Windows".
Muito animado para ver o ícone final! Parece muito polido! @mdtauk e @NoahFeller em particular compartilharam muitas ideias incríveis e pontos de vista que serão úteis para qualquer projeto que eu fizer no futuro.
A imagem à esquerda é a visão de @chingucoding sobre o design de designs de
@NoahFeller não se torna o mesmo que um de meus envios anteriores (colocando os colchetes da mesma cor)
@NoahFeller não se torna o mesmo que um de meus envios anteriores (colocando os colchetes da mesma cor)
Tipo de. Os colchetes sendo multicoloridos dão a eles a aparência de envolver o cubo, então é um pouco diferente. As diferenças de cores são um tanto significativas. Como mencionei antes, os colchetes de @mdtauk funcionam muito melhor para fazer sentido em 3D. Além disso , os colchetes de
Oh, esqueci totalmente de mencionar que esta versão tem um cubo dentro de um desenho de cubo que vi em alguns desenhos nesta página. Eu acho que é um aspecto muito legal de integrar e tem algum significado legal por trás disso. Abaixo está o que @mdtauk disse ao explicar seu cubo dentro de um design de cubo em resposta a @stmoy :
@mdtauk - muito obrigado por todas as suas contribuições e variações. Uma pergunta rápida - muitos dos designs são "cubo dentro de um cubo". O que este cubo duplo pretende transmitir?
@itsmichaelwest originalmente sugeriu usar o ícone XAML como base do logotipo, e seu design foi escolhido na primeira rodada de inscrições.
Eu vejo o cubo como um núcleo, uma parte essencial da construção de aplicativos do Windows, então decidi ilustrar o conceito de um núcleo, fazendo com que uma parte do cubo se destaque. Eu também brinquei em ter um espaço "vazio", para mostrar que este é um espaço para construir.
Mas fazer com que o design do cubo e do suporte seja algo "possivel" e distinto, entre as milhares de outras iconografias baseadas em cubos que existem, desempenha algum papel.
E aqui está um cubo de suporte simétrico dentro de um design de cubo baseado no design verde / azul / roxo do
Minha opinião é que a largura dos colchetes deve ser 1/4 da largura do cubo externo. O cubo interno deve ter a metade do tamanho do cubo externo que colocará os colchetes a uma distância, de 1/4 da largura do cubo, das bordas do cubo externo.
E aqui está um cubo de suporte simétrico dentro de um design de cubo baseado no design verde / azul / roxo do
Ajustei os colchetes para ficarem um pouco mais próximos. Acho que fica um pouco melhor assim.
@SavoySchuler Esse é o tipo de cor que você gostaria de usar?
Parênteses simétricos são definitivamente muito mais agradáveis. Gostaria de ver um conceito em que os cantos internos também sejam arredondados.
Os colchetes simétricos são definitivamente muito mais agradáveis. Gostaria de ver um conceito em que os cantos internos também sejam arredondados.
Concordo plenamente. É difícil dizer que são colchetes angulares de outra forma. Você pode esclarecer o que você quer dizer com cantos internos?
Novas combinações de cores legais @mdtauk! Você fez um trabalho incrível. Eu queria saber se você tem uma opinião sobre se deve ou não ter colchetes angulares em formato simétrico. Eu vi @ Felix-Dev, @elalexg e @goranalkovic postarem aqui sobre como eles preferem colchetes simétricos. Estou curioso para saber se você tem um ponto de vista contrastante. A postagem de @Felix-Dev está abaixo para contexto.
@NoahFeller Os colchetes, IMO, devem refletir os colchetes do XAML, que são do mesmo tamanho. Isso deve estar refletido no logotipo. O problema que tenho com o design de @mdtauk é que, ao olhar para os colchetes _isolados_ - especialmente em tamanhos de imagem menores - tenho a impressão dos tamanhos dos colchetes assim:
(O colchete esquerdo é claramente maior em comparação com o direito. Em XAML, esse simplesmente não é o caso.) Em algumas resoluções de imagem, ou seja,
isso é muito claro para mim e me confunde, francamente. Os pares de colchetes<>
são tão proeminentes no XAML que acredito que seja justificável "simplesmente jogá-los" no cubo como estão ou, pelo menos, considerar isso bastante.
Visual Studio Roxo
Novas combinações de cores legais @mdtauk! Você fez um trabalho incrível. Eu queria saber se você tem uma opinião sobre se deve ou não ter colchetes angulares em formato simétrico. Eu vi @ Felix-Dev, @elalexg e @goranalkovic postarem aqui sobre como eles preferem colchetes simétricos. Estou curioso para saber se você tem um ponto de vista contrastante. A postagem de @Felix-Dev está abaixo para contexto.
@NoahFeller Torná- los simétricos significaria separar os suportes do cubo. Produzi uma versão com os colchetes do mesmo tamanho (mas não simétricos no formato) - e a equipe que toma as decisões parece estar se alinhando no sentido de manter a Assimetria.
Se você visualizar os colchetes como sendo uma representação literal dos colchetes angulares do XAML / XML, certamente ficará ofendido com a abordagem estilizada.
Mas se as formas são simbólicas dos colchetes, mas o próprio Cube é o logotipo, então a assimetria aponta para os colchetes, embora seja estilizado o suficiente para ser um logotipo interessante.
Tornar os colchetes simétricos, mantendo-os colocados no cubo, significaria girar o cubo, e isso não foi solicitado, e é mais um afastamento da inspiração do logotipo XAML.
@mdtauk - você tem sido incrível. Tudo o que precisamos são seus arquivos de formato vetorial para os logotipos abaixo (preferencialmente as formas esquerda e central, se disponíveis). Caso contrário, por favor, não se sinta obrigado a nos emprestar mais do seu tempo, a menos que você deseje. Não podíamos pedir mais sem nos sentirmos culpados!
Excluindo os envios mais recentes de
Como uma última exploração, gostaríamos de ver se é possível trabalhar bem este design com as cores oficiais da Microsoft (se possível). Tenho explorado isso off-line e ainda não descobri nada que ficaria orgulhoso de postar. A menos que alguém aqui possa, selecionaremos um dos esquemas de cores acima.
Quanto à forma do suporte / altura, nosso interesse é o que melhor complemente as cores. Até agora, acredito que as imagens esquerda e central acima fazem isso melhor, mas isso não exclui de forma alguma o item certo acima ou quaisquer submissões de cores alternativas que se desviem disso.
Cores
@mdtauk - você tem sido incrível. Tudo o que precisamos são seus arquivos de formato vetorial para os logotipos abaixo (preferencialmente as formas esquerda e central, se disponíveis). Caso contrário, por favor, não se sinta obrigado a nos emprestar mais do seu tempo, a menos que você deseje. Não podíamos pedir mais sem nos sentirmos culpados!
Excluindo os envios mais recentes de
Como uma última exploração, gostaríamos de ver se é possível trabalhar bem este design com as cores oficiais da Microsoft (se possível). Tenho explorado isso off-line e ainda não descobri nada que ficaria orgulhoso de postar. A menos que alguém aqui possa, selecionaremos um dos esquemas de cores acima.
Quanto à forma do suporte / altura, nosso interesse é o que melhor complemente as cores. Até agora, acredito que as imagens esquerda e central acima fazem isso melhor, mas isso não exclui de forma alguma o item certo acima ou quaisquer submissões de cores alternativas que se desviem disso.
Eu também tentei usar as cores do logotipo do Microsoft Four Square e não consegui fazer com que fiquem bem juntos, preservando a dimensionalidade do cubo.
Qual ferramenta você está usando para trabalhar? Tenho usado o Figma, pois acredito que seja uma ferramenta com a qual os Microsoft estão familiarizados, mas posso transferi-los para o Illustrator, se preferir?
Obrigado por compartilhar seu ponto de vista sobre simetria / assimetria @mdtauk.
@NoahFeller Torná- los simétricos significaria separar os suportes do cubo. Produzi uma versão com os colchetes do mesmo tamanho (mas não simétricos no formato) - e a equipe que toma as decisões parece estar se alinhando no sentido de manter a Assimetria.
Tornar os colchetes simétricos, mantendo-os colocados no cubo, significaria girar o cubo, e isso não foi solicitado, e é mais um afastamento da inspiração do logotipo XAML.
Não entendo o que você quer dizer com dizer que tornar os colchetes simétricos significa que eles teriam que ser separados do cubo. Também não tenho certeza do que você quer dizer com necessidade de girar o cubo para manter os colchetes simétricos. Eu não tive que fazer nenhuma dessas coisas quando iterou em seu design, apenas modifiquei ligeiramente a altura e a forma de seus suportes para alcançar a simetria ⬇. A menos que eu esteja interpretando mal o que você está dizendo, essas partes da sua declaração não parecem certas.
@elalexg também esclareceu esse ponto em seu comentário:
Acho que o design do suporte 3D de @mdtauk é o caminho a percorrer, mas se o suporte esquerdo terminar da mesma forma que o direito, fará com que pareça do mesmo tamanho, mesmo com o efeito 3D, estou anexando um exemplo feio só para deixar claro.
Fui parcialmente inspirado por ele por modificar seu design.
Eu também não vejo como seus colchetes estão simbolizando colchetes angulares. Eles apenas parecem ser colchetes angulares, apenas com um um pouco maior do que o outro. Como @Felix-Dev disse, os colchetes XAML originais são simétricos, então parece que a simetria estaria realmente mais próxima dos designs XAML anteriores, não se afastando deles.
Eu posso ver o que você quer dizer com o logotipo estilizado. Não parece natural para mim e para os outros que mencionei ver os colchetes de tamanhos diferentes, mas posso ver totalmente como você vê de forma diferente. Eu sinto que o logotipo é complexo o suficiente com textura, brilho, um monte de cores diferentes, etc. e não precisa de mais interesse, mas novamente posso ver como você pensa o contrário.
Na verdade, cabe a @SavoySchuler e sua equipe decidir que caminho seguir, estou apenas tentando entender seu raciocínio. Obrigado novamente por explicar!
Para sua informação, estou planejando projetar (em 3D) e imprimir em 3D uma versão real de qualquer que seja o logotipo final (final). Vou usar algum filamento translúcido para emular o efeito acrílico (exemplo abaixo). Com certeza compartilharei uma foto do resultado se algum de vocês estiver interessado!
Para sua informação, estou planejando projetar (em 3D) e imprimir em 3D uma versão real de qualquer que seja o logotipo final (final). Vou usar algum filamento translúcido para emular o efeito acrílico (exemplo abaixo). Com certeza compartilharei uma foto do resultado se algum de vocês estiver interessado!
Incrível. Já falamos um pouco internamente sobre fazer objetos físicos como este com base no logotipo; mal posso esperar para ver o que você descobrirá!
Eu tentei com as cores da marca Microsoft também e não deu muito certo, acho que o esquema de cores a seguir é o Windows, já que essa é a IU do Win (dows) afinal.
@mdtauk teve uma ideia interessante com as cores do Visual Studio que também poderia fazer sentido.
Olhando para todos os comentários sobre simetria / assimetria para os colchetes, eu me inclino mais para o design assimétrico, pois isso dá outra aparência única ao logotipo e de alguma forma parece desenhar o cubo um pouco melhor.
Não entendo o que você quer dizer com dizer que tornar os colchetes simétricos significa que eles teriam que ser separados do cubo. Também não tenho certeza do que você quer dizer com necessidade de girar o cubo para manter os colchetes simétricos. Eu não tive que fazer nenhuma dessas coisas quando iterou em seu design, apenas modifiquei ligeiramente a altura e a forma de seus suportes para alcançar a simetria ⬇. A menos que eu esteja interpretando mal o que você está dizendo, essas partes da sua declaração não parecem certas.
Eu também não vejo como seus colchetes estão simbolizando colchetes angulares. Eles apenas parecem ser colchetes angulares, apenas com um um pouco maior do que o outro. Como @Felix-Dev disse, os colchetes XAML originais são simétricos, então parece que a simetria estaria realmente mais próxima dos designs XAML anteriores, não se afastando deles.
Eu posso ver o que você quer dizer com o logotipo estilizado. Não parece natural para mim e para os outros que mencionei ver os colchetes de tamanhos diferentes, mas posso ver totalmente como você vê de forma diferente. Eu sinto que o logotipo é complexo o suficiente com textura, brilho, um monte de cores diferentes, etc. e não precisa de mais interesse, mas novamente posso ver como você pensa o contrário.
Na verdade, cabe a @SavoySchuler e sua equipe decidir que caminho seguir, estou apenas tentando entender seu raciocínio. Obrigado novamente por explicar!
Eu queria que as "marcas" no cubo se alinhassem às laterais das faces do cubo. Cortando os traços finais do suporte esquerdo em um ângulo diagonal, parece não natural ao contorno do cubo e dá a sensação de que ele está desconectado da rotação.
Mas agora é para @SavoySchuler e a equipe pegar o design, interpretá-lo e moldá-lo de acordo com o que a equipe deseja e precisa dele.
Estou terminando as versões do Adobe Illustrator, despojado de todas as cores, para que eles possam tomá-lo como ponto de partida.
Aqui está o arquivo do Illustrator, compactado
Final Logo Shapes.zip
_EDIT: Arquivo do Illustrator atualizado com versões preenchidas monocromáticas adicionadas_
16
32
64
128
256
1024
4096
Ok, obrigado por esclarecer @mdtauk. Fiz isso dessa forma para obter o cubo sutil dentro de um design de cubo sobre o qual falei em um post anterior. Como o ângulo do limite da linha é de 45 °, ele está na linha diagonal do quadrado, então não acho que seja muito anormal. Eu entendo o que você quer dizer. Acho que priorizei o ajuste da forma como um hexágono enquanto você priorizou o ajuste como um cubo e há um pouco de compromisso de qualquer maneira (simetria equilibrada com o cubo dentro de um design de cubo vs caractere adicionado e melhor envoltório). De qualquer forma, agradeço muito a explicação!
Ok, obrigado por esclarecer @mdtauk. Fiz isso dessa forma para obter o cubo sutil dentro de um design de cubo sobre o qual falei em um post anterior. Como o ângulo do limite da linha é de 45 °, ele está na linha diagonal do quadrado, então não acho que seja muito anormal. Eu entendo o que você quer dizer. Acho que priorizei o ajuste da forma como um hexágono enquanto você priorizou o ajuste como um cubo e há um pouco de compromisso de qualquer maneira (simetria equilibrada com o cubo dentro de um design de cubo vs caractere adicionado e melhor envoltório). De qualquer forma, agradeço muito a explicação!
Nenhuma das abordagens é melhor do que a outra, apenas ideias diferentes no centro. Como você disse, não queria perder o fato de que se trata de um cubo, com profundidade e textura, como a intenção original por trás do logotipo XAML.
Aqui está o arquivo do Illustrator, compactado
Final Logo Shapes.zip
_EDIT: Arquivo do Illustrator atualizado com versões preenchidas monocromáticas adicionadas_16
32
64
128
256
1024
4096
Ei, amigo! adoraríamos ter os logotipos multicoloridos e azuis originais que você fez conforme o enviou inicialmente, um arquivo .ai em uma pasta compactada. Eles parecem ótimos! obrigado por nos ajudar, realmente gostamos tanto do seu trabalho que queremos mantê-lo como está :) obrigado novamente
@embender Espero que seja isso que você quer 😃
@SavoySchuler @embender Eu atualizei o Figma com os logotipos e cores finais, incluindo as sombras que teriam aumentado o tamanho dos arquivos do Adobe Illustrator.
https://www.figma.com/file/KCQQ1wtMBnWxsXrmDOHmhB/WinUI-Logo-Share?node-id=0%3A1
Sou só eu ou os cubos cinza menores parecem confusos? Isso é apenas um artefato de compressão de imagem ou algo assim?
Sou só eu ou os cubos cinza menores parecem confusos? Isso é apenas um artefato de compressão de imagem ou algo assim?
Os logotipos em tons de cinza que postei anteriormente?
As imagens devem ser nítidas quando visualizadas com zoom de 100%, pois foram projetadas para parecer nítidas em uma grade de pixels.
@mdtauk - obrigado novamente por todas as suas contribuições e respostas rápidas. Você foi inestimável durante este processo. Obrigado também por fornecer logotipos monocromáticos - acho que ficarão ótimos em brindes!
Se não for muito problemático, você poderia enviar recursos que demonstrem a versão do contorno do logotipo, incluindo os colchetes assimétricos? Algo assim, mas atualizado com os designs mais recentes:
Além disso, quais são seus pensamentos sobre a espessura do contorno? Eu sei que tem havido conversas sobre como garantir que a espessura do contorno ajude a manter o logotipo em tamanhos de pixel pequenos, mas para ganhar, eu me pergunto se linhas mais finas seriam mais eficazes.
Eu realmente gosto da versão assimétrica do logotipo, onde as linhas se estendem até as bordas externas de cada face. Ie.
Multi Color Light Logo.zip
Ele permite que cada face seja coerente por si só e permite que você imagine como as faces ocultas seriam se o cubo fosse girado.
Por falar nisso, poderia ser legal se o design fosse usado para os cubos de rubik.
@stmoy Eu aumentava , mas para 16 e 32, eu queria mantê-los com 1 px de espessura.
De qualquer forma, adicionei ícones de peso Monoline mais finos ao Figma.
Sou só eu ou os cubos cinza menores parecem confusos? Isso é apenas um artefato de compressão de imagem ou algo assim?
Os logotipos em tons de cinza que postei anteriormente?
As imagens devem ser nítidas quando visualizadas com zoom de 100%, pois foram projetadas para parecer nítidas em uma grade de pixels.
Ah, bobagem eu e dimensionamento de DPI! 😛
Olá, comunidade maravilhosa! Como tenho certeza que você viu na semana passada, nós definitivamente, certamente, sem dúvida, 100%, de verdade, pousamos em um logotipo que estamos SUPER animados! Um grande obrigado a todos vocês por conduzirem esta casa. Queríamos muito criar algo que combinasse todos os trabalhos favoritos que todos colocaram aqui. Acreditamos que isso faz isso.
Temos o antigo logotipo Xaml aqui:
Quando @itsmichaelwest respira vida nova na história, você obtém algo maravilhoso:
A partir daí, nos voltamos para a comunidade. Depois de (quase) outras cem submissões explorando a recolorização e o estilo, nós nos apaixonamos por esta torção simples, mas elegante para conter os colchetes. Como @embender colocou, parafraseou: "Eu gosto das diferentes alturas nos colchetes. Isso torna um pouco abstrato - pinta um pouco de arte na ciência," que é o que a IU se aglutina - arte e ciência em uma só.
Quanto à cor - nossa comunidade de usuários falou e exigiu algo que ainda "parecia Windows". @mdtauk tornou fácil imaginar este azul familiar representando nossa comunidade mais uma vez:
Claro, neste breve resumo, estou resumindo as aproximadamente 300 interações de quase 40 colaboradores aqui e volumes mais no Twitter e offline. O conto é o seguinte: Não poderíamos ter feito isso sem todos vocês e espero que todos vejam um pouco do seu trabalho e sua história se refletem no que criamos juntos. De alguma forma, parece moderno e retrô ao mesmo tempo, descolado e, ao mesmo tempo, histórico, preciso e assimétrico. É meio que uma parte de conversa, e isso é intencional. 😊
Considerando a diversidade desse esforço colaborativo e todas as variações coloridas que vimos, como não manter as coisas vivas com todas as ideias que você nos deu? Estamos entusiasmados por sermos experimentais com as cores e o tema. Fique de olho no Twitter enquanto compartilhamos trabalhos de design divertidos e tentamos criar um mês comemorativo, feriado e variações temáticas para divulgar! 😊
Também vamos começar a iterar em designs atraentes de brindes. Não deixe de passar em nosso estande no Microsoft Ignite para pegar um dos adesivos abaixo!
Percebi que havia pedidos para disponibilizar links de compra de brindes pessoais. Assim que terminarmos nossa linha de brindes, verificarei se posso fazer isso acontecer e reportarei a este tópico. Vou adiar o encerramento do assunto até então!
Equipe da comunidade, eu ouvi você em alto e bom som. Você queria a chance de comprar o mesmo prêmio que os membros de nossa equipe interna farão no Microsoft Ignite, no palco e em todo o mundo. Escolhemos projetar e encomendar nossos brindes por meio de uma empresa que poderia fazer isso acontecer para você.
Eu fiz nosso pedido final de mais de 100 itens hoje. Cada membro da equipe pode escolher um ou outro. Muitos gostaram tanto dos dois, pegamos um e pedimos o outro nós mesmos (eu incluído)!
Por favor, deixe-me saber se você tem alguma dúvida. Eu tenho algumas notas:
O logo final ficou ótimo. Realmente estala.
Comentários muito úteis
É sempre emocionante ver a comunidade se unir para a iconografia! ✨
Eu vim com um rascunho inicial que acho que pode escalar muito bem em várias mídias / mercadorias. No centro está um cubo arredondado com cada face sombreada com várias cores - atualmente escolhida na paleta da marca Windows, isso pode obviamente ser alterado.
Os sinais de maior / menor que envolvem o cubo. Eles não são visíveis em tamanhos menores, em vez disso, focalizam o cubo.
O logotipo também pode ser delineado para fins de merchandising. Zombou de uma ideia de como ficaria em uma camiseta.
Ainda um WIP, o feedback é muito apreciado. 😊 Estou preocupado que pareça um pouco abstrato, mas vou deixar a comunidade julgar isso!