Vscode: Atualizando o ícone do produto VS Code

Criado em 6 abr. 2019  ¬∑  282Coment√°rios  ¬∑  Fonte: microsoft/vscode

The Icon Journey ... Vers√£o 2

_‚ö†ÔłŹ NOTA: Por favor, leia nossa resposta atualizada com base no feedback ‚ö†ÔłŹ_

A mudan√ßa do √≠cone de 2017 mostrou quanta paix√£o e interesse h√° na iconografia do VS Code, e agradecemos por esse feedback. Ainda h√° alguns problemas pendentes com o √≠cone atual e temos passado muito tempo nas √ļltimas semanas procurando maneiras de resolv√™-los. Quer√≠amos compartilhar onde estamos e saber sua opini√£o.

O √≠cone atual √© dif√≠cil de ver nas barras de tarefas de alguns clientes , bem como em algumas partes da IU do Windows, como a caixa de di√°logo do seletor de arquivos. O tamanho do formato do VS Code em si, quando enrolado na faixa da Fam√≠lia Visual Studio (a ‚Äúparede‚ÄĚ √† direita) torna a diferen√ßa entre o Visual Studio e o Visual Studio Code dif√≠cil de detectar , especialmente para alguns clientes com defici√™ncia de vis√£o de cores. Finalmente, alguns comentaram que a vers√£o do macOS do √≠cone do produto parece deslocada entre outros aplicativos no dock.

Uma oportunidade de aprender

Al√©m de seu feedback, tamb√©m houve esfor√ßos em andamento dentro do Visual Studio e Visual Studio para Mac no alinhamento com a iconografia em toda a Microsoft, sendo liderados pelo Windows e Office. Voc√™ j√° viu um pouco disso nos √≠cones de produtos mais recentes Visual Studio para Mac , bem como em algumas das atualiza√ß√Ķes recentes de

Os ícones propostos

2017-2019-stable

_ √ćcone do Windows atual do C√≥digo VS (acima √† esquerda) e o √≠cone proposto (acima √† direita) _

Tornando mais f√°cil encontrar

Estamos soltando a fita grossa no lado direito do ícone. Isso nos permite aumentar o tamanho da forma do VS Code (o identificador principal da diferença) para um tamanho em que agora é muito mais simples olhar pela barra de tarefas e localizar seu editor de código favorito.

Windows taskbar-new-office

_Os √≠cones propostos para as compila√ß√Ķes est√°veis ‚Äč‚Äče internas do VS Code, bem como do Visual Studio 2019_

Para tornar o ícone mais legível em uma variedade de planos de fundo (da área de trabalho ao seletor de arquivos), adicionamos profundidade ao ícone. Isso nos permite usar iluminação e sombras para criar um efeito sobreposto, mas também tem a vantagem adicional de levantar o ícone e remover muitas cores planas que ele possa encontrar.

2019-colours

_Um exemplo do ícone proposto em alguns dos azuis e verdes que você pode escolher no Windows10._

Melhorando a acessibilidade

Para melhorar a acessibilidade, precis√°vamos de algo que fosse mais do que cor, ent√£o, inspirando-nos nas outras compila√ß√Ķes do Visual Studio Preview, trouxemos uma apar√™ncia de ‚Äúest√™ncil‚ÄĚ para a vers√£o do Insiders VS Code, mantendo o verde familiar.

2017-2019-insiders

_VS Code's current Insiders build icon (acima à esquerda) e a versão proposta (acima à direita) _

Manter um ícone de estilo macOS nativo

_‚ö†ÔłŹ NOTA: Por favor, leia nossa resposta atualizada , n√£o teremos um √≠cone personalizado para o Mac, usaremos o mesmo √≠cone em todas as plataformas. ‚ö†ÔłŹ_

2017-2019-mac

_ √ćcone do macOS atual do C√≥digo VS (acima √† esquerda) e o √≠cone proposto (acima √† direita) _

Mantemos um √≠cone de estilo macOS para Visual Studio Code no Mac. Consideramos ter o mesmo √≠cone em todos os tr√™s sistemas operacionais, mas decidimos seguir o estilo Mac nativo. O que tamb√©m quer√≠amos adicionar √† vers√£o do macOS era uma conex√£o mais forte com o √≠cone do Windows, o que refor√ßaria o reconhecimento entre as duas vers√Ķes. Usar a mesma forma, bem como a apar√™ncia de est√™ncil para a constru√ß√£o do Insiders, nos permitiu fazer isso facilmente.

macOS dock

Embora mantendo a mesma forma do plano de fundo para os ícones do macOS, estávamos cientes em garantir que o VS Code fosse fácil de identificar ao lado do Visual Studio para Mac, então adotamos uma aparência mais escura para a forma. Isso permite que você identifique facilmente a diferença se os dois estiverem instalados (e próximos um do outro) no dock.

Deixe-nos saber o que você pensa

Gostaríamos muito de ouvir seus comentários sobre essas propostas. Então, diga-nos o que você acha!

icon-brand

Coment√°rios muito √ļteis

Respondendo ao seu feedback

Embora muitos de voc√™s gostem das propostas para o novo √≠cone do VS Code (obrigado!), Vimos alguns sinais entre os coment√°rios e tweets que quer√≠amos abordar, nomeadamente que o √≠cone verde dos Insiders parecia um √≠cone antigo do Excel, e que houve solicita√ß√Ķes para ter o mesmo √≠cone no Windows, Mac e Linux.

Abordando o feedback do Excel

Os recortes do √≠cone de constru√ß√£o do Insider est√£o l√° para permitir que voc√™ diferencie facilmente entre as constru√ß√Ķes do Est√°vel e do Insiders se voc√™ tiver defici√™ncia na vis√£o de cores. No entanto, a for√ßa dos cortes verticais que fizemos no √≠cone acentua o ‚ÄúX‚ÄĚ que √© formado pelo resto do √≠cone. Para reduzir esse efeito, mas manter nossa acessibilidade, reduzimos esse espa√ßo em 1px em seu menor tamanho.

O verde do ícone de construção do Insiders também é um matiz muito semelhante ao verde do Office Excel, então mudamos o matiz para garantir que a combinação do verde e do X não envie sinais errados quando você estiver olhando para VS Code em sua barra de tarefas / dock.

thinner-cuts-insiders

_Um exemplo dos novos cortes mais finos para a construção de Insiders, bem como um matiz que não é semelhante ao verde do Excel_

Um ícone para todas as plataformas

Em nossa proposta inicial, falamos sobre o alinhamento com outros produtos macOS da família Visual Studio, como o Visual Studio para Mac. Embora a necessidade de um ícone separado para o Visual Studio para Mac seja clara, dada a diferença entre os dois produtos (Visual Studio e Visual Studio para Mac). O Visual Studio Code é o mesmo produto em todas as plataformas, portanto, a necessidade disso é menos clara.

Windows taskbar thin

_As novas compila√ß√Ķes do VS Code Stable and Insiders na barra de tarefas do Windows 10_

macOS dock thin

_As novas compila√ß√Ķes do VS Code Stable and Insiders no macOS dock_

ubuntu dock thin

_As novas compila√ß√Ķes do VS Code Stable and Insiders no Ubuntu 18.04 dock_

Diante disso, decidimos usar os mesmos ícones de produto para o VS Code em todas as plataformas.

Plano de Lançamento

Planejamos atualizar os ícones na próxima semana. Insiders estarão disponíveis imediatamente, e Stable estará disponível no início de junho. Obrigado novamente por todos os comentários, realmente esperamos que você goste dos novos ícones.

Todos 282 coment√°rios

Amei essa ideia!

Acho que uma mudança de cor é o suficiente para diferenciar Insider de Varejo, não precisa ter uma forma diferente também. Vocês exploraram ir na mesma direção que os caras do Office então? Achei que tudo na Microsoft tinha que seguir o mesmo esquema agora.

Acho que ter o ícone do Insider com esses recortes em oposição à construção estável faz com que pareça muito com um X, especialmente um X verde, ou seja, Excel.

√ćcones muito bons. √Č uma boa ideia.

Um X verde é Excel - o logotipo do Excel nunca foi assim, mas o Efeito Mandela será uma coisa. Que tal o Orange for the insiders build?

Dito isso, eu gosto da forma, ela está alinhada com o Visual Studio 2019, assim como o ícone atual é como o do VS 2017. Apenas sem Green X, por favor.

E talvez não tenha nenhuma lacuna, em tamanhos pequenos (por exemplo, ícone da barra de tarefas) parece mais que o ícone está realmente quebrado e está faltando uma coluna de pixels, o visual 3D só funciona em tamanhos maiores para mim.

  • Eu gosto do visual proposto para a constru√ß√£o de est√°veis ‚Äč‚Äče internos, especificamente para os macos.
  • Eu amo a apar√™ncia 3D dos √≠cones.
  • No entanto, na configura√ß√£o interna, a faixa escura ou borda do est√™ncil pode ser reduzida em espessura, afinal apenas um efeito.

Eu amo o ícone azul do #code e o proposto com azul, acho que é bom

Legal .... ūüĎć

Amei a ideia. Ambos parecem ótimos, mas eu sou um pouco tendencioso para o visual do estêncil. Isso fará com que o ícone de código se destaque de uma pilha de ícones em um relance. O tempo para localizar o ícone do estêncil é aparentemente menor em comparação com o outro ícone novo.

está ótimo, bom trabalho

Eu gosto do que você fez aqui no geral. Dito isso, você já pensou em usar os novos logotipos do Microsoft Office, Skype, etc. ? A consistência da marca pode ser boa.

Os ícones do macOS são fogo! Eu quero que eles sejam enviados na próxima compilação. Tyvm

Eu gosto dos azuis para Mac e PC

Gosto da segunda proposta. ūüĎĆ

Sempre me perguntei por que a fita grossa estava ali, fazia com que parecesse esquisita, essas ficam bem melhores, ótima ideia!

Provavelmente um descuido, mas os √≠cones dos Insiders nas apresenta√ß√Ķes de fundo proposto e do Windows 10 n√£o s√£o arredondados na parte inferior, ao passo que aparecem arredondados nas maquetes da barra de tarefas do Win 10 e do dock do macOS.

inoticedthis

o macOS One parece muito legal. Borda talvez mais fina, mas a proposta ainda parece bonita.

eu amo isso

Amei a profundidade do ícone proposto! Exatamente o nível certo de sombras e cantos arredondados.

No entanto, eu prefiro o √≠cone do macOS sem o contorno - o mesmo do Windows. O formato do contorno parece estranho para mim e n√£o parece corresponder ao estilo de √≠cone t√≠pico do macOS. Acho que o √≠cone "interno" ficaria lindamente por conta pr√≥pria. ūüôā

Agrad√°vel! Eu n√£o me importaria de ter o Windows no macOS tamb√©m - √© t√£o lindo! ūüėć

Eu amo o ícone azul proposto!

Parece bom. Eu acho. Especialmente o azul ("est√°vel"). ūüėć

Livre-se do recorte no ícone verde, faça com que tenha a mesma forma do ícone azul.

Eu gosto dos novos ícones, no entanto, também gosto do antigo plano de fundo do ícone do macOS. Se você pudesse encontrar uma maneira de incorporá-lo, seria bom se ele se encaixasse melhor com o sistema nesse sentido

Crescendo em mim quanto mais eu olho para eles, gosto muito dos ícones do Mac!

Livre-se do recorte no ícone verde, faça com que tenha a mesma forma do ícone azul.

@avatsaev Por motivos de acessibilidade, os √≠cones n√£o devem ser apenas diferentes na cor. √Č mais f√°cil discerni-los se sua forma for ligeiramente diferente.

√Č legal

Amando-os ‚ô•

Estou adorando o novo √≠cone, mas manteria a mesma forma entre as compila√ß√Ķes normais e internas

amando o novo ícone, especialmente o do windows

O novo ícone do macOS não é melhor do que o atual, alguém concorda?

Os novos √≠cones do macOS parecem caix√Ķes para mim ūüėĘ

Como muita gente já mencionou aqui e no Twitter, o verde com recortes lembra o Excel. Não é uma boa escolha.

@misolori Adoraria saber porque o infinito do VS Code está incompleto. Para enfatizar que o VS Code não é tão rico em recursos quanto o VS? Ou é um peixe e não um infinito?

que tal devolver o laranja para insiders?

O verde parece Excel, prefiro os azuis

√Č uma boa ideia, como as novas !! ūü§ôūüŹĽ

Estes são logotipos de ótima aparência. No entanto, discordo que eles devem ser aceitos.

Pegue qualquer especialista em design de logotipo e pergunte-lhe os princípios básicos. Todos eles diriam, entre outras coisas, _ "Um grande logotipo deve ser distinto e funcionar igualmente bem em tons de cinza." _

_Os logotipos propostos s√£o muito semelhantes ao Visual Studio.

Em um dia normal de trabalho, √© muito poss√≠vel clicar no √≠cone errado . E para dalt√īnicos, eles seriam exatamente iguais.

Tenho certeza de que as pessoas est√£o trabalhando duro, olhando para todos os aspectos do impacto dessa mudan√ßa e nunca estariam se escondendo atr√°s de distin√ß√Ķes (muito) sutis sem a cor nas vers√Ķes atuais.

PS: Aqui est√° o que as WCAG2.1 dizem sobre o uso de cores.

Lembra daquela reclamação sobre o código do VS e os ícones do VS que parecem muito semelhantes?

Você está voltando direto para esse problema com os novos ícones VS Code e VS. Ajudaria se houvesse um pouco mais de diferença entre os dois do que apenas a pequena borda esquerda conectada em um deles.

Como mencionado antes, o canto inferior direito do logotipo do Insider parece muito estranho em comparação com o resto do logotipo. Eu sugeriria dobrar o canto do lado oco, para ser consistente com outros cantos, mas também com o Visual Studio 2019 Preview

image

Sobre a versão para Mac, e como o ícone tem um fundo escuro, seria _consistente_ se um tema de cor escura fosse carregado por padrão.

E, ao mesmo tempo, não apóio ter ícones diferentes para plataformas diferentes

  • porque voc√™ precisa ter _estat√≠sticas_ de que muitos usu√°rios usam VisualStudio + VSCode em seus Mac (at√© onde eu sei, a maioria usa apenas VSCode).
  • far√° com que os usu√°rios de Mac vejam dois √≠cones VSCode na maioria das vezes (marketplace, oficial e outros sites tamb√©m).

Gostei muito da proposta aqui, ela entra em uma uniformização do visual studio da marca, com cores que você sabe qual está usando, até no macOS. Continue, equipe!

Eu realmente não gosto dessa nova proposta de ícone que existe apenas para se alinhar com o lançamento do VS 2019 (que também é feio). Este ícone sente o aquecimento de um rascunho antigo que foi colocado de lado.

O que torna o √≠cone atual muito melhor √© o fato de ser monocrom√°tico em oposi√ß√£o √† sua proposta. E se voc√™ quiser redesenhar o √≠cone do Mac, voc√™ n√£o precisa refazer as vers√Ķes do Windows tamb√©m.

Próximo ponto, se você realmente precisa mudar o ícone por causa de uma deficiência visual, por que não muda completamente o ícone em vez de apenas sua forma?
Ter dois ícones REAIS diferentes entre o VS Code e o VS19 será muito mais apropriado ao invés de apenas fazer mudanças sutis que ninguém se preocupa.

Eu gosto deles. As pequenas diferenças na forma são importantes para a acessibilidade. A diferença de cores não é suficiente.

Ei @rudyhuyn e @ rjt-rockx, obrigado por seus coment√°rios com olhos de √°guia! Na verdade, o problema veio do meu h√°bil redimensionamento dos √≠cones para esta postagem do GitHub (voc√™ pode ver que o canto √© arredondado na vers√£o do VS Mac) ūüôĄ Atualizei as imagens da edi√ß√£o principal agora. Continue enviando coment√°rios! ūüĎć

O √≠cone original do VS √© como um sinal de infinito ou uma faixa de op√ß√Ķes.

Quando o novo √≠cone verde √© avaliado sozinho, n√£o tenho certeza de como interpret√°-lo porque ele perde sua forma 3D. Na verdade, n√£o tem uma met√°fora. Ele se baseia em valores HSL que variam em 10% de leveza para implicar que este objeto √© uma vers√£o truncada ou modificada de algum outro objeto 3d. √Č um objeto plano? √Č um peixe? Voc√™ precisa olhar para o √≠cone diferente original para entender a raz√£o por tr√°s do sombreamento.

O local onde as fitas s√£o cortadas foi arredondado. Mas o sombreamento n√£o funciona porque os √Ęngulos usados ‚Äč‚Äčpara cortar as fitas tornam o objeto inexplicavelmente plano. Os √Ęngulos nos cortes n√£o implicam na forma 3d do objeto original e, portanto, ele gira a perspectiva para fazer um efeito deformado.

Algu√©m pode explicar a ideia por tr√°s desse software sendo ‚ÄúVisual Studio Code‚ÄĚ? Eles n√£o s√£o realmente semelhantes sob o cap√ī, certo? E sua finalidade n√£o √© necessariamente a mesma, especialmente porque o Visual Studio agora est√° dispon√≠vel para Mac. Sendo esse o caso, por que homenagear o logotipo do Visual Studio? Por que at√© mesmo homenagear o nome? Por que n√£o uma dire√ß√£o totalmente nova com o logotipo, ou mesmo ir t√£o longe e mudar o nome para ‚ÄúC√≥digo Microsoft‚ÄĚ?

@gwardwell isso provavelmente vai

Trabalho estelar ūüĎŹ

Certa vez, sugeri abandonar "studio" e renome√°-lo para "Visual Code", que foi rejeitado - # 3611

Ei @Stanzilla e @gwardwell, obrigado pelo feedback sobre o alinhamento com outros produtos da Microsoft como o Office ūüėÉ Na verdade, temos trabalhado com o Office e o Windows para alinhar a Microsoft em um estilo de √≠cone. Dada a variedade de produtos diferentes que precisam trabalhar juntos, temos mais princ√≠pios orientadores, em vez de tentar corresponder exatamente uns aos outros. A profundidade (e a ilumina√ß√£o e sombras subsequentes) que introduzimos com essa atualiza√ß√£o de √≠cone √© um passo em dire√ß√£o a esse alinhamento. Atualizei a imagem da barra de tarefas com alguns novos √≠cones do Office para que voc√™ possa ver isso com mais clareza.

Gosto da assimetria dos √≠cones do Mac ūüĎć

No geral, eu entendo o que você quer e acho que, em termos de consistência com o Visual Studio, você está no caminho certo.

No entanto, concordo com outros comentários aqui sobre o estilo / cor do ícone de visualização.

Acho que é demais ter _ambos_ um estilo _e_ cor diferente. Se você quiser denotar a diferença entre a versão regular e a versão interna, você deve usar _ou_ uma cor diferente _ou_ um estilo diferente.

Embora eu pessoalmente goste de ter um ícone verde para os iniciados, também ficaria ok com o visual estêncil, que é azul. Isso está de acordo com os ícones Visual Studio Preview vs. Release. Mas faça o que fizer, você provavelmente deve escolher qualquer cor ou estilo para diferenciar os "sabores", mas não ambos.

As cores s√£o boas e saltam bem, mas n√£o sou um f√£ desses cantos arredondados MS tentando entrar sorrateiramente com os √≠cones do escrit√≥rio e algumas partes do menu de aplicativos / iniciar de configura√ß√Ķes recentemente. Gosto do estilo mais angular do Win10.

Deixe os cantos arredondados para a Apple.

Eu gosto muito do azul. Bastante. Parece uma nave espacial e, como todos sabemos, trabalhar com o VSCode é ... fora deste mundo.

Isso ainda √© muito ruim para os dalt√īnicos. Eles precisam identificar pequenas diferen√ßas em um pequeno √≠cone. Falei com pessoas que N√ÉO PODEM ver as diferen√ßas de cor.

Alguém pode explicar por que estou sendo rejeitado? Este tópico deve ser sobre discussão e feedback. Feedback negativo também é feedback. Ou o comentário da Apple o fez pensar que estou apenas "trollando"?

Deixe-me explicar: usei a Apple aqui como exemplo. Eles têm um ecossistema funcional e uma linguagem de design consistente em todos os seus produtos. Cantos arredondados são comuns e ficam bem como um todo. (Outro bom exemplo seria Bootstrap ou Primer)

Mas vamos abrir o VS Code. Ou qualquer outro aplicativo MS moderno, e o que vemos?

Cantos agudos em todos os lugares .

Isso √© um problema? De jeito nenhum. √Č outra dire√ß√£o de design e √© muito bom tamb√©m. Mas, por favor, seja consistente . (Os √ļnicos cantos arredondados que consegui encontrar no VS Code s√£o o novo widget de pesquisa na barra lateral do explorer.)

O ícone deve refletir o aplicativo. O ícone anterior fez isso. Este não é.
E isso também é verdade para os novos ícones de escritório, mas isso é outro tópico.

Legal, melhor que o √ļltimo √≠cone, mas acho que o do Mac √© melhor do que o do Windows, por qu√™?

Idéia realmente boa!

Considere alterar o √≠cone para que pare√ßa diferente do Visual Studio 2019. Isso torna muito dif√≠cil distingui-los, especialmente se voc√™ for dalt√īnico.

Eu realmente gosto

Eu imaginei assim, forma antiga, novas cores

9vBypkn

@AlexAegis Os √Ęngulos que voc√™ usou nos cortes implicam no significado do objeto, bom trabalho

@AlexAegis Você poderia fazer uma versão disso com o traço de borda alfa?

O mesmo ícone em cada sistema operacional, por que torná-los diferentes, por que

Gosto do novo ícone do Windoes, mas definitivamente não gosto do novo do MacOS.

image

O ícone atual do macOS parece ter um estilo Mac nativo. Mas o proposto ...

Eu me pergunto se alguns elementos de textura adicionados podem ajudar a distinguir ainda mais o √≠cone ‚ÄúInsiders‚ÄĚ. Por exemplo, o √≠cone do

Aqui est√° um hack r√°pido com √Ęngulos alterados e invertidos.

icon
icon

A forma √© importante tanto quanto a cor para diferenciar com o est√ļdio visual
Realmente gosto da nova forma
.

Eu realmente gosto do novo conceito

O novo design proposto parece muito bom.
No entanto, para mim, o ícone do macOS, especialmente aquele fundo grande, não se encaixa muito bem.

Legal, muito bonito (exceto o ícone do mac)

Os usuários do Linux podem obter o ícone normal em vez do Mac OS, por favor?

direito

Não sou fã dos ícones macos

Ol√° @fourpastmidnight. Quando olhamos os √≠cones de constru√ß√£o Insiders e Stable juntos, sab√≠amos que precis√°vamos usar mais do que apenas cores para diferenci√°-los. Isso para que os √≠cones sejam mais acess√≠veis para clientes com defici√™ncia visual de cores. Come√ßamos apenas com a abordagem do est√™ncil, mas depois adicionamos o verso verde do √≠cone atual do Insiders para nos familiarizarmos. A combina√ß√£o da cor e do est√™ncil criou um pouco de feedback em torno da semelhan√ßa com o √≠cone antigo do Excel ūüėĀ

Olá @AlexAegis , gostaria de abordar alguns dos valiosos comentários que você tem adicionado a este tópico. Você está correto em dizer que este é um fórum aberto para discussão e comentários, tanto negativos quanto positivos.

Acho que seu ponto sobre como um √≠cone de produto deve refletir a interface do usu√°rio do produto (ou mesmo o sistema operacional) √© interessante, mas talvez limitante? Onde eu concordo que a Apple 'possuiu' o canto arredondado por um longo tempo, n√£o tenho mais certeza se esse √© o caso (e tamb√©m n√£o tenho certeza se √© assim que eles gostariam de ser lembrados ūüėČ) Da mesma forma para o Windows, entendo muitos exemplos de cantos menos agudos em todos os nossos principais produtos e acho que isso tamb√©m est√° bom.

Tentamos projetar nossos produtos com a interface do usu√°rio mais apropriada para a tarefa que voc√™ est√° tentando realizar, bem como seguir a plataforma para a qual estamos projetando. Como voc√™ contorna os limites em uma interface do usu√°rio pode ter um grande impacto na apar√™ncia coesa de um aplicativo (ou mesmo do sistema operacional), mas n√£o devemos nos limitar, pois isso pode limitar o que oferecemos a voc√™ ūüėÉ

Parece legal! Mal posso esperar para ver no meu banco dos réus.
T√°xi lembrado
image

@jamiedawsonyoung Ah, entendo. Bem, foi apenas um pensamento que cor e estilo _poderia_ ser demais. De qualquer forma, gosto do novo design do logotipo do Windows.

No entanto, também acho os designs de mock-up de @AlexAegis e @Yzrsah _muito_ bons. Na verdade, gosto mais deles do que do design plano atual. Bom trabalho.

Realmente amo os logotipos! Adoraria que o Mac combinasse com o do Windows. N√£o sou f√£ da fronteira.

Não podemos simplesmente tornar o estilo consistente em todas as plataformas? Roxo para Visual Studio, azul para Visual Studio Code e verde para Insiders se estiver bom, mas não use um estilo de ícone diferente no macOS!

Eu adoraria ver algo assim (como @mariusschulz j√° prop√īs)

Untitled

Você está escrevendo que pensou em usar os mesmos ícones, mas decidiu não seguir o estilo nativo do Mac:

Mantemos um ícone de estilo macOS para Visual Studio Code no Mac. Consideramos ter o mesmo ícone em todos os três sistemas operacionais, mas decidimos seguir o estilo Mac nativo.

Eu diria que o √≠cone do Mac rec√©m-proposto n√£o segue o estilo Mac nativo. Parece muito pouco natural em compara√ß√£o com a maioria dos outros aplicativos. O novo √≠cone do Windows que voc√™ prop√īs tamb√©m se encaixa perfeitamente no estilo Mac. Sem quaisquer modifica√ß√Ķes espec√≠ficas do macOS

Dê uma olhada no ícone do Visual Studio 2019 em meu dock: Parece muito pouco natural lá ...

Screen Shot 2019-04-10 at 18 09 48

Dê uma olhada no ícone do Visual Studio 2019 em meu dock: Parece muito pouco natural lá ...

@robinmanuelthiel Então você disse que o ícone do Sketch parece natural, por exemplo? Ainda assim, é bom e adoro tê-lo no banco dos réus :)

√ďtimos √≠cones. Gosto da cor e da diferencia√ß√£o (cor e estilo) entre regulares e insiders. No entanto, concordo com o feedback de que o √≠cone deve ser consistente em todas as plataformas, o que parece ser o caminho que outros produtos MS (nomeadamente o Office) est√£o seguindo. Eu preferiria ver o √≠cone "estilo Windows" usado em todos os lugares; nenhum √≠cone espec√≠fico do macOS. √Č uma pena que o Visual Studio 2019 ainda n√£o tenha seguido esse caminho.

Acho que ter o ícone do Insider com esses recortes em oposição à construção estável faz com que pareça muito com um X, especialmente um X verde, ou seja, Excel.

Eu também acho!!!
se parece com o ícone do Excel ...

Surpreendente.

Agradável. Quando isso é enviado?

Acho que ter o ícone do Insider com esses recortes em oposição à construção estável faz com que pareça muito com um X, especialmente um X verde, ou seja, Excel.

Mas segue o estilo do Visual Studio, ent√£o est√° correto.
Eu prefiro ver um X em vez de ter dois softwares da mesma família (Visual Studio) com estilos de ícone diferentes.

immagine

Realmente amo os ícones.

incrível

O Linux pode ter o mesmo ícone do Windows, por favor?

incrível!!
mas, eu gosto de linhas de borda de largura mais curta.
Claro que acho que é um design muito bom.

Adoro os novos ícones em geral! Apenas um pequeno detalhe nas bordas do ícone interno que está me incomodando um pouco. Talvez seja melhor tê-los arredondados em vez de (tortos)?

newVsIcon

√ďtimo trabalho! Adoro os novos logotipos e mal posso esperar para que sejam lan√ßados! Como muitas pessoas disseram acima, eu tamb√©m adoraria que o √≠cone do Mac coincidisse com o √≠cone do Windows. N√£o √© um f√£ da fronteira!

Ame as propostas!

Acho que um ícone redondo para Mac os ficará melhor, como o ícone do Safari, pois parece mais padronizado.

N√£o tenho certeza de que toda essa coisa do Excel X seria um grande problema, considerando que a grande maioria dos usu√°rios internos do VS Code s√£o altamente versados ‚Äč‚Äčem computadores? Ent√£o, novamente, n√£o tenho muita experi√™ncia.

Também ícone do Mac = ícone do Windows? Na verdade, acho que eles caberiam _mais_ sem o fundo, especialmente quando você adiciona os ícones do Office.

Mas esses novos √≠cones em geral s√£o apenas ūüĒ•ūüĒ•ūüĒ•. Muito obrigado MS!

Eu realmente gosto desses ícones :) Isso não é mesclado na iteração de abril?

O novo design parece bom, mas me deixou confuso sobre algo:

Sempre presumi que o ícone deveria representar o "infinito". Pelo menos, o ícone do Visual Studio ("Não Código") é claramente um infinito, e o ícone VSCode parece ser baseado na mesma ideia. Embora a dobra mais à esquerda do infinito esteja escondida no ícone do VSCode, eu mentalmente imaginei isso como estando "ainda lá, da mesma cor do fundo", como se estivesse camuflado refletindo luz ou algo assim.

Com o novo design, é mais difícil continuar minha ficção mental. Por causa das bordas arredondadas no lado esquerdo das duas linhas cruzadas, é muito mais difícil imaginar esse quarto lado oculto. As extremidades do arredondamento dizem "esta linha para aqui", não faz mais sentido imaginá-los como "dobrados" mais

Então eu tenho que perguntar - alguma vez foi suposto representar o infinito? Não encontro qualquer menção ao infinito nesta página. A página de redesenho de 2017 diz que "Repetimos o logotipo do infinito por algum tempo ... até pousar no peixe atual". Então é um peixe ou infinito?

Parece bom

Não podemos simplesmente tornar o estilo consistente em todas as plataformas? Roxo para Visual Studio, azul para Visual Studio Code e verde para Insiders se estiver bom, mas não use um estilo de ícone diferente no macOS!

Eu adoraria ver algo assim (como @mariusschulz j√° prop√īs)

Untitled

Você está escrevendo que pensou em usar os mesmos ícones, mas decidiu não seguir o estilo nativo do Mac:

Mantemos um ícone de estilo macOS para Visual Studio Code no Mac. Consideramos ter o mesmo ícone em todos os três sistemas operacionais, mas decidimos seguir o estilo Mac nativo.

Eu diria que o √≠cone Mac rec√©m-proposto _n√£o_ segue o estilo Mac nativo. Parece muito pouco natural em compara√ß√£o com a maioria dos outros aplicativos. O novo √≠cone do Windows que voc√™ prop√īs tamb√©m se encaixa perfeitamente no estilo Mac. Sem quaisquer modifica√ß√Ķes espec√≠ficas do macOS

Dê uma olhada no ícone do Visual Studio 2019 em meu dock: Parece muito pouco natural lá ...

Screen Shot 2019-04-10 at 18 09 48

Concordo, ele também pode ser moldado dentro de um círculo, como o ícone da App Store.

Não gosto do contorno da versão para Mac. Parece fora do lugar e extravagante. A versão do Windows é adequada e deve ser a mesma versão usada nas 3 plataformas.

O ícone do Mac Os tem a melhor aparência, cor e formato.

decepcionante este, o melhor, não entrou na atualização de abril ...

Minha primeira rea√ß√£o foi, "l√° vamos n√≥s de novo". Mas, em vez disso, gosto muito dos novos √≠cones! ūüĎć

Eu realmente amo o ícone azul, mas prefiro que a forma do ícone de insider seja igual à do estábulo, acho que é feio com esse espaço.

Respondendo ao seu feedback

Embora muitos de voc√™s gostem das propostas para o novo √≠cone do VS Code (obrigado!), Vimos alguns sinais entre os coment√°rios e tweets que quer√≠amos abordar, nomeadamente que o √≠cone verde dos Insiders parecia um √≠cone antigo do Excel, e que houve solicita√ß√Ķes para ter o mesmo √≠cone no Windows, Mac e Linux.

Abordando o feedback do Excel

Os recortes do √≠cone de constru√ß√£o do Insider est√£o l√° para permitir que voc√™ diferencie facilmente entre as constru√ß√Ķes do Est√°vel e do Insiders se voc√™ tiver defici√™ncia na vis√£o de cores. No entanto, a for√ßa dos cortes verticais que fizemos no √≠cone acentua o ‚ÄúX‚ÄĚ que √© formado pelo resto do √≠cone. Para reduzir esse efeito, mas manter nossa acessibilidade, reduzimos esse espa√ßo em 1px em seu menor tamanho.

O verde do ícone de construção do Insiders também é um matiz muito semelhante ao verde do Office Excel, então mudamos o matiz para garantir que a combinação do verde e do X não envie sinais errados quando você estiver olhando para VS Code em sua barra de tarefas / dock.

thinner-cuts-insiders

_Um exemplo dos novos cortes mais finos para a construção de Insiders, bem como um matiz que não é semelhante ao verde do Excel_

Um ícone para todas as plataformas

Em nossa proposta inicial, falamos sobre o alinhamento com outros produtos macOS da família Visual Studio, como o Visual Studio para Mac. Embora a necessidade de um ícone separado para o Visual Studio para Mac seja clara, dada a diferença entre os dois produtos (Visual Studio e Visual Studio para Mac). O Visual Studio Code é o mesmo produto em todas as plataformas, portanto, a necessidade disso é menos clara.

Windows taskbar thin

_As novas compila√ß√Ķes do VS Code Stable and Insiders na barra de tarefas do Windows 10_

macOS dock thin

_As novas compila√ß√Ķes do VS Code Stable and Insiders no macOS dock_

ubuntu dock thin

_As novas compila√ß√Ķes do VS Code Stable and Insiders no Ubuntu 18.04 dock_

Diante disso, decidimos usar os mesmos ícones de produto para o VS Code em todas as plataformas.

Plano de Lançamento

Planejamos atualizar os ícones na próxima semana. Insiders estarão disponíveis imediatamente, e Stable estará disponível no início de junho. Obrigado novamente por todos os comentários, realmente esperamos que você goste dos novos ícones.

O novo ícone de insiders parece muito melhor IMO, o novo tom de verde é uma grande melhoria em relação ao anterior e é realmente muito bom. Eu acho que você realmente acertou em cheio neste momento. Também é bom saber que os ícones do VSCode serão idênticos em todas as plataformas!

Eu tamb√©m acho que o √≠cone do Visual Studio para Mac se encaixa perfeitamente no aplicativo, em termos de ser 'mais completo', acho que o √≠cone transmite isso muito bem com sua representa√ß√£o 'mais completa'. Bom trabalho ūüĎćūüŹľ

Você está usando laranja para o ícone de construção de exploração?

Ambos os novos √≠cones s√£o absolutamente lindos! Obrigado por entrar em contato com a comunidade, pedindo feedback e levando-o em considera√ß√£o. √Č realmente muito apreciado. ūüôā

Os recortes do ícone de visualização do Visual Studio também estão sendo atualizados? Caso contrário, isso seria inconsistente.

@ Studio384 os ícones de visualização do Visual Studio também serão atualizados

EU OS AMO TANTO. Tanto que todas as letras mai√ļsculas foram obrigat√≥rias.

Eu realmente gosto da mudança. Eu não tive o problema de mistura do Excel, mas acho que o novo ícone é uma melhoria.

Excelente. Nunca pensei que adoraria _mudar_ tanto,

Eu gosto muito dessa mudança também. Parece muito bom!

Eu realmente gosto da nova versão do Insiders com gap reduzido, porém prefiro uma cor mais escura.

Seria ótimo ter duas cores do ícone do Insiders agrupadas em um arquivo .exe .
Nunca tive problemas para distinguir Excel e VS Code e cores mais escuras ficam melhores para mim.

Isso será incluído na próxima atualização?

√Č uma boa mudan√ßa ... e faz toda a diferen√ßa. √ďtimo trabalho.

@vinayakkulkarni sim, a próxima versão estável terá o ícone atualizado e os insiders irão obtê-lo mais cedo (amanhã ou segunda-feira).

Eu gosto do novo estilo, mas talvez tenhamos que falar sobre o verde do ícone de insiders

@misolori Estou em um build de Explora√ß√£o, por causa de problemas de compatibilidade de cores que s√£o resolvidos em Electron 4.x . Uma vez que as compila√ß√Ķes de Explora√ß√£o s√£o laranja, voc√™ produzir√° uma vers√£o tingida de laranja delas para essas compila√ß√Ķes?

image

@jdsimcoe sim, estaremos atualizando nosso ícone de construção de exploração também.

@misolori Vocês são

O formulário proposto pela IMO é melhor do que o atual, mas a cor não deve ser azul. Uma cor diferente da cor do ícone do Visual Studio seria muito melhor.

Eu sei que isso √© um tiro longo, mas em termos de acessibilidade n√£o seria recomendado adicionar um pouco mais de distin√ß√£o entre insiders e est√°vel? Estou pensando nas pessoas dalt√īnicas.

Este parece ser bom. O azul

@Nepomuceno para melhorar a acessibilidade, adicionamos os "recortes" e alteramos o matiz para que seja mais percept√≠vel para usu√°rios dalt√īnicos. Aqui est√° o que parece na Deuteranopia:

image

Só queria dizer que este ícone é uma _maior_ melhoria em relação ao ícone que temos agora.

A forma simples carrega e lê bem fora do ecossistema da Microsoft.

Estilo de ícone

Acho que esse √≠cone se sente muito mais em casa, e no macOS em particular, embora isso traga outras quest√Ķes em minha mente.

O aplicativo em si tem um design plano muito retangular sem bordas arredondadas ou sombras (exceto a paleta de comandos e menus suspensos), mas o √≠cone est√° se movendo em dire√ß√£o a um ret√Ęngulo mais arredondado / apar√™ncia Apple com tons sutis 3D / sugest√Ķes de profundidade.

Se isso é um sinal de que a linguagem de design do aplicativo agora pode ser suavizada , estou totalmente a favor. Eu acho que o vscode de certa forma é muito maior do que apenas ser um reflexo da Microsoft, mas é o futuro de quantas pessoas irão experimentar o código e trabalhar em geral.

Acho que o melhor "design plano" é, na verdade, um meio-termo entre cores totalmente planas e o design totalmente renderizado da era de Steve Jobs.

√ćcone de insiders

Os cortes parecem estranhamente 2D para mim no contexto de um √≠cone com estilo 3D. Esbocei uma vers√£o em que era uma faixa mais escura pintada na fita, mas tamb√©m n√£o parecia √≥timo. Eu entendo que se trata de acessibilidade, s√≥ espero que com o tempo um compromisso mais est√©tico possa ser encontrado. @andrewmundy Estou um pouco confuso porque o seu "antes" n√£o corresponde √†s simula√ß√Ķes acima.

Sombreamento nos cantos

Acho que dicas de iluminação sutis adicionais na parte superior e inferior do raio de dobra da fita ajudariam a vender a curva 3D do novo ícone. Talvez uma pitada de luz refletida na dobra onde os dois lados estão próximos? Um chanfro sutil nas bordas? Há uma ligeira impossibilidade física implícita nos fins e na perspectiva também, incerta se intencional.

Isso tudo se resume a refinamentos sutis, o design que você tem é bom.


H√° um meta-ponto aqui sobre cr√≠tica de design abertamente. Agrade√ßo por voc√™ @misolori enfrentar as se√ß√Ķes de coment√°rios e ouvir ... √†s vezes h√° muitas perspectivas conflitantes, mas o design parece estar melhorando como resultado. (tamb√©m continuou a conversa no twitter)

PS VSCode √© o √ļnico produto da Microsoft que eu uso, mas tem sido incr√≠vel e realmente mudou minha opini√£o sobre voc√™s

Onde posso conseguir um arquivo icls para dar uma mordida neste novo bolo? ūüėč

Eu realmente preciso do formato ico deste novo logotipo para que eu possa alterar meu programa de código do Visual Studio local e apreciá-lo.

Adorei o ícone proposto, é muito mais moderno e fresco do que o atual (embora ainda goste)!

Para constru√ß√Ķes explorat√≥rias, talvez o √≠cone possa permanecer o mesmo, mas em vez de preencher use o padr√£o de zigue-zague como em https://github.com/microsoft/vscode/issues/71827#issuecomment -495306980 (como em, em vez de forma s√≥lida, a forma √© preenchida com linhas em zigue-zague, pois √© um "esbo√ßo").

Gosto muito dos novos √≠cones ūüĎć

Eu gosto do primeiro design para o ícone do macOS ( mantendo um ícone de estilo nativo do macOS ) na versão mais recente dos insiders do VS Code, você fez o ícone como o ícone do Windows, altere-o para o primeiro design que você escolher para o macOS.

Quero dizer este ícone:
55649462-e084f980-5797-11e9-8ac7-fd493fe5ff15

Eu amo o ‚Äúum √≠cone‚ÄĚ que voc√™ encontrou. Nunca fui um f√£ da borda e do plano de fundo do √≠cone original do Mac que voc√™ prop√īs, e estou muito feliz por voc√™ ter optado por abandonar essa vers√£o por um √≠cone que combina com todas as plataformas.

Tudo bem, mas um pouco mais de matiz para o principal e para os insiders s√£o bem-vindos

IMO os √≠cones s√£o um pouco grandes demais. √Č assim que fica no meu banco dos r√©us; parece estranho em compara√ß√£o com os √≠cones acima e abaixo. Tamb√©m concordo que um tom um pouco mais pareceria melhor.

Screenshot 2019-05-25 at 20 36 26

@albireox Acho que a cor está ótima, mas o tamanho fica muito próximo da borda do dock do macOS.

@albireox , já temos uma correção para o tamanho do ícone, deve ser atualizado no próximo lançamento de insiders.

Eu gosto do ícone do VS, mas por favor, não traga de volta as sombras inseridas do Windows 8.

Eu realmente aprecio o pensamento de design deste novo ícone, e sei que algumas pessoas nunca irão atrás de uma coisa nova, não importa o quão boa ela seja. Dito isso, aqui estão algumas críticas:

O uso inconsistente de sombras inseridas é discordante:
Fullscreen_5_26_19__2_52_PM

Acho que os cantos arredondados têm uma sensação mais infantil, os cantos agudos do ícone anterior pareciam mais nítidos e profissionais.

Apenas jogando na minha opini√£o - como disse @macgyver , algumas pessoas sempre v√£o gostar do 'velho', e eu posso ser uma delas.

Acabei de achar o √≠cone um pouco grande demais (que sei que est√° sendo corrigido), mas estou constantemente misturando-o com o Excel a ponto de ficar frustrado. Talvez seja a mem√≥ria dos m√ļsculos (olhos?), Mas cara, cara, eu prefiro um lugar em algum lugar para manter o antigo.

Isso é uma possibilidade?

EDIT: Concordo 100% com o comentário de Adel acima - o verde com borda (er) parece ótimo. Nenhuma confusão aí.

Ap√≥s o fim de semana com o novo √≠cone do Insiders, h√° duas observa√ß√Ķes:

  1. No W10 com o tema escuro do sistema operacional, as lacunas no ícone interno não parecem lacunas intencionais para denotar o logotipo desconstruído, mas mais como sombras rígidas em formato pseudo-3D.
    Pode haver lacunas maiores parecer√£o mais no lugar.
  1. Seria ótimo verificar como o ícone ficaria em um matiz antigo. O atual parece muito pálido, sem saturação e não se parece com o ícone do VS Code (insiders / stable) ou outros produtos MS.

Anteriormente, comentei que as lacunas reduzidas parecem melhores, no entanto, verificar a barra de tarefas real no SP3 - n√£o parece t√£o bom.
Minha preocupação com relação ao matiz do ícone do Insiders foi confirmada e eu preferiria pelo menos verificar como seria a aparência do novo formato com o matiz antigo.

como um peixe feio, hmm ... mas eu adoro isso.

Os novos ícones parecem ótimos. No entanto, no macOS, algo sobre o ícone interno apenas o faz parecer ... embaçado? (por falta de uma palavra melhor) no banco dos réus, especialmente com fundos mais claros.

image

Acho que est√£o faltando alguns contornos contrastantes e sombra projetada

√Č √≥timo que o √≠cone n√£o pare√ßa mais grande demais!

Por mais que tenha mencionado que adoro a nova cor do ícone anteriormente neste tópico, tenho que admitir que não parece tão bom quando está em fundos parcialmente transparentes, sejam eles claros ou escuros.

Acho que fica ótimo em fundos escuros sólidos, mas defo precisa de alguns ajustes para uma melhor definição geral, tanto em fundos mais claros, ou onde alguma transparência está sendo aplicada.

Os novos ícones parecem ótimos. No entanto, no macOS, algo sobre o ícone interno apenas o faz parecer ... embaçado? (por falta de uma palavra melhor) no banco dos réus, especialmente com fundos mais claros.

image

Acho que est√£o faltando alguns contornos contrastantes e sombra projetada

Concordando com @weijiangan e @dalDevelo , os novos ícones para Insiders simplesmente não ficam bem em um fundo claro (neste caso, o fundo MacOS Mohave padrão:

image

Acho que falta contraste ao ícone do insider (pelo menos no MacOS), pelo que eu posso dizer não há uma sombra que possa fazer o ícone "estalar" como outros ícones, especialmente no alternador de aplicativos (cmd + tab), é também perceptível na gaveta como apontado por @weijiangan

Para mim, pessoalmente, não consigo encontrar o ícone visualmente quando colocado lado a lado com outros ícones de aplicativos quando está sobre um fundo branco. Estou falando sobre velocidade em reconhecer o ícone.

image

Obrigado a todos pelo feedback até agora, trabalharemos para resolver os problemas de contraste para os ícones do Mac e Linux.

@misolori também há problemas de contraste no W10 (especialmente quando o ícone do VS Code está ativo).

@IllusionMH você pode postar uma captura de tela?

image
não parece muito contraste quando a janela está ativa e o ícone da barra de tarefas está destacado.
N√£o t√£o ruim quanto o Mac OS transparente, mas pior do que antes.

Este tom de verde parece ser um erro em geral. Eu preferia a vers√£o original em verde.

Isso parece ótimo! Mas eu prefiro o verde original porque parecia mais saturado: D

Se o logotipo tivesse um fundo de círculo branco (ou talvez hexágono), o problema de acessibilidade poderia ser resolvido de uma vez por todas.

A vers√£o azul parece melhor e confort√°vel :)
Claro, se a vers√£o atual pudesse ser reservada para √≠cones alternativos, seria melhor mais ūüĎć

Eu gosto mais deste.
ūüĎá
image

O outro não parece ótimo.

Para ser honesto. Ontem fiz algumas atualiza√ß√Ķes no meu sistema e levei um choque ao ver o novo √≠cone. Primeiro, eu n√£o sabia qual era o aplicativo (estou usando o elementaryOS 5 com um conjunto de √≠cones personalizado que √© basicamente os √≠cones do macOS mais agrad√°veis).

EU AMO o novo ícone que ganhei com a atualização (o VSCode substituiu o ícone do meu conjunto de ícones pelo novo estilo).

image

Fiz algumas pesquisas no Google, mas não encontrei uma versão de alta qualidade do ícone verde em azul.

Alguém tem isso? (PNG, transparente, 1024 x 1024)

Por enquanto, extraí o logotipo azul da versão mais recente do Windows stable para substituir o ícone do macOS fora do lugar. (Extraia o exe, copie o ícone e selecione-o no arquivo .desktop)
image


Eu enganei um pouco, e isso é o que eu consegui:

image
(Estilo Windows)

image
(estilo macOS)

image
( estilo macOS de

(Todas as imagens são um pouco pequenas devido à edição manual por um noob de edição de imagens)


Faça essa mudança acontecer, o novo logotipo é MUITO LEGAL. (E mantenha a separação entre a frente [direita] e traseira [esquerda] do ícone como está agora, o torna 40% melhor)

Se eu puder, quero usar um ícone redondo no meu Mac, por exemplo:
123

Uhh .. eles reverteram os ícones em uma compilação recente de insiders? Eu lancei o Code esta manhã e o ícone voltou ao original:

image

code-insiders --version
1.35.0-insider
6964233e81c68f5a5f34e7eb1da0836e1d539f14
x64

O que você acha de manter o estilo inclinado no macOS junto com o novo ícone?

image

Screen Shot 2019-05-29 at 15 06 31

Eu tenho o mesmo problema @jtsom !

O meu reverteu para o logotipo antigo no próximo insiders construído após o lançamento. O novo logotipo parece ainda existir em todos os outros lugares dentro da construção de insiders. Também notei que na minha pasta de aplicativos o logotipo antigo aparece na lista de aplicativos, mas ao selecionar o aplicativo no Finder, o novo logotipo é exibido na próxima coluna (ao usar a visualização em coluna no macOS).

Segui isso para limpar os caches de ícones - https://mjtsai.com/blog/2019/02/01/clearing-the-icon-services-cache-in-mojave/ e o novo ícone (difícil de ver) é de volta.

√Č poss√≠vel compartilhar arquivos com poss√≠veis designs de √≠cones neste t√≥pico (.ico para Windows (ou v√°rios √≠cones no arquivo .exe), outros formatos para Mac e Linux)?
Desta forma, os insiders serão capazes de verificar a aparência do ícone do Insiders em seu sistema com um matiz novo, um matiz antigo e também verificar como o ícone Stable ficará.

√Äs vezes, voc√™ pode encontrar problemas de cache de √≠cone com o antigo aparecendo no Mac . O link de @jtsom √© uma boa alternativa para limpar o cache. Voc√™ tamb√©m pode clicar com o bot√£o direito do mouse no aplicativo (no localizador)> Obter informa√ß√Ķes> e arrastar a imagem de visualiza√ß√£o para o √≠cone no canto superior esquerdo.

@AtjonTV a versão estável será atualizada no próximo lançamento (espero que na próxima semana).

@fwcd propusemos originalmente um √≠cone no estilo mac, mas depois de ver o feedback, decidimos usar um √≠cone em todas as plataformas ( consulte esta atualiza√ß√£o para obter mais informa√ß√Ķes).

@misolori Você considerou algo como a proposta de @wyfang ? Parece ótimo, IMO, e também segue as diretrizes de ícones do

@nblagoev sim, foi um dos nossos conceitos originais mas sentimos que o c√≠rculo n√£o ocupava o espa√ßo de forma eficiente com o nosso logotipo. Isso √© o que nos leva ao √≠cone original do mac proposto . No final, depois de muitas discuss√Ķes internas e de feedback da comunidade, decidimos usar um √ļnico √≠cone em todas as plataformas.

@nblagoev nem todas as pessoas gostam quando todos os ícones no sistema têm o mesmo formato, pois eles são difíceis de ler quando têm a mesma aparência.
Este é elegante, moderno e distinto.

Não tenho certeza do que aconteceu, mas alguém acabou de fazer isso acontecer quando seus Insiders atualizaram:

image

Esse √≠cone n√£o √© muito √ļtil!

Não tenho certeza do que aconteceu, mas alguém acabou de fazer isso acontecer quando seus Insiders atualizaram:

image

Esse √≠cone n√£o √© muito √ļtil!

Eu não gostei do novo outlook, então eu fui encontrar o antigo, (o aguçado), tinha deixado no vscode forrageador, a nova atualização eliminou-o da existência também ... agora eu tenho que ir encontre de novo ..

Por que o macOS não usa o mesmo ícone do Windows? Acho as bordas muito feias !!!

@longforus consulte nossa resposta atualizada , usaremos um ícone em todas as plataformas.

Não tenho certeza do que aconteceu, mas alguém acabou de fazer isso acontecer quando seus Insiders atualizaram:
image
Esse √≠cone n√£o √© muito √ļtil!

Eu não gostei do novo outlook, então eu fui encontrar o antigo, (o aguçado), tinha deixado no vscode forrageador, a nova atualização eliminou-o da existência também ... agora eu tenho que ir encontre de novo ..

reinicie em modo de segurança

@jtsom @simdimdim desculpe, este parece ser um bug estranho no Mojave (https://github.com/microsoft/vscode/issues/63068). Reiniciar o dock no terminal via killall Dock parece ter corrigido.

@jtsom @simdimdim desculpe, este parece ser um bug estranho no Mojave (# 63068). Reiniciar o dock no terminal via killall Dock parece ter corrigido.

Tive que reiniciar em modo de segurança.

@longforus consulte nossa resposta atualizada , usaremos um ícone em todas as plataformas.

@misolori ah, n√£o percebi, um em todos √© muito bom. ūüĎć

Limpando o cache de ícones para ícones estáveis

Dependendo da sua plataforma, você ainda pode ver o logotipo anterior devido ao cache do sistema operacional do ícone do aplicativo. Aqui estão alguns métodos para o Mac que você pode tentar usar para limpar o cache:

  1. Reinicie seu dock via killall Dock no terminal

  2. Execute estes scripts em seu terminal (que atualiza o carimbo de data / hora dos ícones):

sudo touch /Applications/Visual\ Studio\ Code.app;
sudo touch /Applications/Visual\ Studio\ Code.app/Contents/Info.plist;
sudo touch /Applications/Visual\ Studio\ Code.app/Contents/Resources/Code.icns;
killall Dock Finder

_Nota: Para Insiders e Explorations, basta anexar \ -\ Insiders ou \ -\ Exploration a cada referência de nome de versão._

  1. Force o cache do IconService a ser reconstruído usando estas etapas

ūüöÄ Estamos enviando nossos √≠cones Stable na pr√≥xima vers√£o (no final desta semana) e as compila√ß√Ķes de Insiders / Exploration j√° est√£o usando os √≠cones. Encerrando esta edi√ß√£o, ūüĎŹ obrigado novamente a todos que forneceram contribui√ß√Ķes!

@misolori então não haverá mudanças no ícone do Insiders (no Windows)?

Você poderia fornecer .ico arquivo para a nova forma de ícone do Insiders com matiz antigo?

A mudan√ßa no matiz apenas para distinguir Stable e Insiders parece um exagero para mim (duvido que ambos stable e insiders sejam frequentemente usados ‚Äč‚Äčsimultaneamente + usados ‚Äč‚Äčpor pessoas que realmente precisam de matizes diferentes) e eu ficaria feliz em configurar o √≠cone com matiz antigo manualmente se voc√™ realmente acha que essas cores s√£o obrigat√≥rias.

@IllusionMH estaremos enviando o que est√° no Insiders hoje, por favor , Aqui est√° um exemplo de como isso foi melhorado.

@misolori Eu segui este tópico e sei os motivos, mas espero que o feedback após o lançamento do ícone do Insiders ao vivo também seja abordado.

De qualquer forma, estou perguntando se você poderia compartilhar arquivos com matiz antigo, para que os usuários que preferem cores antigas com forma nova possam configurá-los apenas para si mesmos.
Não tenho as ferramentas ou habilidades adequadas, mas acho que isso não será difícil para você com as fontes existentes.

Se o ícone do macOS proposto pudesse ser carregado em algum lugar, eu preferiria muito mais este ao design de plataforma cruzada

Esses logotipos também estão no Linux Mint?

Eu ainda vejo o antigo.

A diferença entre VSC e VS ainda parece mínima .. que tal escolher algo completamente diferente?

https://user-images.githubusercontent.com/6909617/55719383-08719880-59f6-11e9-9a2a-537441767e4b.png

Ol√° @ angelov-a!
Estou usando o Ubuntu e tive o mesmo problema (ver o ícone antigo após a atualização), executando o seguinte comando:

sudo update-icon-caches /usr/share/icons/*

e reiniciar a sessão depois disso (talvez apenas fazer logout / login também funcionasse) corrigiu meu problema.

Ufa, eu n√£o vi isso at√© que atualizei meu aplicativo para encontrar um novo √≠cone no meu Dock. Exorto-o a reconsiderar a remo√ß√£o do antigo tratamento de inclina√ß√£o ao estilo de documento. Tudo bem sem o swoosh do lado direito, mas perder a inclina√ß√£o e o ret√Ęngulo do documento √© um retrocesso. Isso me lembra desta linha de uma postagem recente da IconFactory , que h√° d√©cadas desenvolve √≠cones de

um ícone da área de trabalho do Mac, que deve ser semelhante, mas não igual ao ícone do iOS. Os aplicativos utilitários geralmente recebem um ícone redondo, enquanto os aplicativos baseados em documentos recebem um tratamento de perspectiva.

O ícone não deve ser o mesmo em todas as plataformas, deve ser semelhante e reconhecível, mas adaptado à plataforma. E como um "aplicativo baseado em documento", o VSCode deve manter a inclinação da "perspectiva". Quando comecei a usar o VSCode, esse foi um dos pequenos detalhes que me fez gostar do app! O novo ícone parece muito menos nativo.

Oi @misolori!
Acho que adicionar minha solu√ß√£o √© √ļtil para usu√°rios Linux (talvez apenas Ubuntu-ers!).
obrigada

@xeptore ,

Obrigado pela resposta.

Infelizmente, n√£o funciona no Mint.

O problema, pelo menos para mim, no Mac, com o ícone do Insiders não é tanto a forma, mas a cor / contraste. Na imagem padrão da área de trabalho do Mojave, o ícone quase desaparece:

image

O problema, pelo menos para mim, no Mac, com o ícone do Insiders não é tanto a forma, mas a cor / contraste. Na imagem padrão da área de trabalho do Mojave, o ícone quase desaparece:

image

Plano de fundo do Windows 9x? ūüėĄ

Hahaha ... n√£o bobo ...

image

Hahaha, eu estava brincando.

Acho que esse problema ocorrerá com quase qualquer ícone. Dependerá da configuração do tema do sistema operacional do usuário. No seu caso, ao usar a versão estável com o ícone azul, acho que será pior.

Para evitar esse tipo de problema, todos os meus fundos hoje em dia s√£o pretos na parte inferior. Eu tive problemas no passado com Spotify, Sublime (com fundo cinza) e um monte de outros aplicativos.

Alguém pode me explicar por que o recurso de estêncil é aplicado a todas as partes do ícone de insiders, exceto esta parte? tipo, o que está acontecendo aqui, como meu cérebro deve analisar esta forma
Fullscreen_6_5_19__16_37

Screen Shot 2019-06-05 at 4 46 16 PM

Esta é uma boa pergunta. Eu também não vi no começo. Acho que parece mais analisável em um fundo escuro que o recorte parece implicar em uma borda voltada para o visualizador.

@macgyver @fivetwelve o ícone de insiders deve corresponder ao ícone de visualização do Visual Studio (Windows) , onde está em um espaço 3D:

image

Eu tenho o mesmo problema que @jtsom . A maioria dos ícones no macOS são "mais completos". O novo ícone do VS Code tem muitas áreas transparentes e meio que se perde ... Veja meu dock como um exemplo (e isso é independente da imagem de fundo)

Vejo que o √≠cone do meu dock foi atualizado, mas n√£o na minha barra de lan√ßamento, onde ainda mostra o antigo ūüė¨.
alguém poderia me dizer se é assim que deveria ser ou estou faltando alguma coisa ...!

Estou usando o Manjaro Deepin, como devo limpar meu ícone de cache?

Existe uma maneira de voltar para o logotipo antigo no Mac? Eu amo vscode, mas me acostumei com o logotipo antigo

o novo ícone parece um pouco grande no Windows.
image

@ HaoyangFan96

voc√™ pode escrever um script r√°pido para substituir /Applications/Visual\ Studio\ Code.app/Contents/Resources/Code.icns ou copiar e colar o √≠cone na visualiza√ß√£o de informa√ß√Ķes (‚Ćė + i) no canto superior esquerdo. Observe que as atualiza√ß√Ķes ir√£o redefinir isso.

@impulso

Obrigado!

O anterior parecia muito melhor.

beleza

Bela! Onde posso comprar adesivos! :)

@infinnie
Bem, para mim o tamanho √© ideal. √Č provavelmente um efeito √≥ptico para voc√™ quando olha lado a lado com o vs2017. vs2019 tem o mesmo design. E ent√£o, s√£o os √≠cones do sistema que s√£o muito pequenos. Especialmente o √≠cone do menu Iniciar. Tive que mudar para um pouco maior.

@ regs01 o ícone do menu Iniciar costumava ser muito maior e não parecia bom.

@macgyver @fivetwelve o ícone de insiders deve corresponder ao ícone de visualização do Visual Studio (Windows) , onde está em um espaço 3D:

image

oh interessante ... faz sentido visualmente no ícone do Studio, mas o VS Code one ainda não faz mentalmente uma forma completa para mim. Talvez por causa da forma como os cantos se arredondam nas pontas da fita? as bordas arredondadas fazem sentido quando a ideia é que representa uma fita plana ou fita que está enrolada em uma borda circular, mas não tanto quanto as pontas de uma fita plana com cantos arredondados. Acho que é estranho para mim que alguém cortaria cuidadosamente os cantos arredondados desta fita, mas tudo bem!

@ angelov-a, que tal isso?

sudo gtk-update-icon-cache --force /usr/share/icons/*

esperança ajuda :)

@xeptore ,

Eu tentei isso também sem sucesso.

Eu tenho o mesmo problema que @jtsom . A maioria dos ícones no macOS são "mais completos". O novo ícone do VS Code tem muitas áreas transparentes e meio que se perde ... Veja meu dock como um exemplo (e isso é independente da imagem de fundo)

Concordo, mas achei que o novo ícone deveria ter um estilo mais "osx", conforme declarado pelo OP na seção "Mantendo um ícone de estilo nativo do macOS".

Este é um trabalho adorável! Ainda melhor do que o imo original, do qual senti muita falta quando foi substituído há alguns anos:

05-09-15-visual-studio-code-logo

@RandomPiche, por favor, veja nossa resposta atualizada, onde pegamos o feedback da comunidade e usamos o mesmo ícone em todas as plataformas.

Novo ícone elegante.
screenshot

O ícone para Mac não é bom ...

Bom trabalho !!! Alguém poderia me dizer onde baixar o ícone do Windows em alta resolução?

O arquivo Ico no commit https://github.com/rogeraabbccdd/vscode/commit/f2e4f31667dbe2e43256e9e2a23a159caf7876ef parece ter apenas uma resolu√ß√£o: 64x64. Eu me pergunto se isso pode se tornar um problema em algumas situa√ß√Ķes (√≠cone desfocado, menos bonito). O √≠cone anterior que eu tenho - tinha v√°rias resolu√ß√Ķes dentro.
Corre√ß√£o: Code.exe cont√©m o conjunto completo de resolu√ß√Ķes, sem problemas.

Por que descobri isso:
Eu queria fazer um √≠cone laranja para mim. Azul de cor √ļnica era ruim, mas agora eu s√≥ quero continuar vendo o √≠cone laranja na minha barra de tarefas.
Então, apliquei o matiz do ícone antigo ao novo:

O arquivo Ico no commit rogeraabbccdd @ f2e4f31 parece ter apenas uma resolu√ß√£o: 64x64. Eu me pergunto se isso pode ser um problema. N√£o tenho certeza se esses s√£o os arquivos reais com os quais o vscode √© fornecido agora. O √≠cone anterior que eu tenho - tinha v√°rias resolu√ß√Ķes dentro.

Por que descobri isso:
Eu queria fazer um √≠cone laranja para mim. Azul de cor √ļnica era ruim, mas agora eu s√≥ quero continuar vendo o √≠cone laranja na minha barra de tarefas.
Então, apliquei o matiz do ícone antigo ao novo:

De qualquer forma, obrigado pela sua resposta :-)

Lol. @ B777-300, é uma pura coincidência que meu comentário parece uma resposta ao seu.

O commit vinculado contém arquivo (s) svg. Portanto, deve ser possível fazer qualquer imagem de resolução para um ícone, se necessário.

Limpando o cache de ícones para ícones estáveis

Dependendo da sua plataforma, você ainda pode ver o logotipo anterior devido ao cache do sistema operacional do ícone do aplicativo. Aqui estão alguns métodos para o Mac que você pode tentar usar para limpar o cache:

  1. Reinicie seu dock via killall Dock no terminal
  2. Execute estes scripts em seu terminal (que atualiza o carimbo de data / hora dos ícones):
sudo touch /Applications/Visual\ Studio\ Code.app;
sudo touch /Applications/Visual\ Studio\ Code.app/Contents/Info.plist;
sudo touch /Applications/Visual\ Studio\ Code.app/Contents/Resources/Code.icns;
killall Dock Finder

_Nota: Para Insiders e Explorations, basta anexar \ -\ Insiders ou \ -\ Exploration a cada referência de nome de versão._

  1. Force o cache do IconService a ser reconstruído usando estas etapas

N√£o tenho certeza se isso funciona para o Mojave, mas eu tenho o Sierra e as √ļnicas etapas necess√°rias (sem comandos / scripts, etc):

  • clique com o bot√£o direito no √≠cone no Dock -> Options -> Show in Finder

Feito
Screen Shot 2019-06-06 at 10 28 04 AM

Hth ...

Existe uma maneira de voltar para o logotipo antigo no Mac? Eu amo vscode, mas me acostumei com o logotipo antigo

@ HaoyangFan96 Sim: https://github.com/ashrafhadden/vscode-icons

N√£o tenho certeza se isso funciona para o Mojave, mas eu tenho o Sierra e as √ļnicas etapas necess√°rias (sem comandos / scripts, etc):

  • clique com o bot√£o direito no √≠cone no Dock -> Options -> Show in Finder

Feito

Sim funciona para o Mojave também. Eu apenas arrastei-o para fora do meu documento e, em seguida, adicionei-o de volta e isso o atualizou.

Espero que o ícone do Windows possa ser lançado como um arquivo, para que eu possa substituir a versão do Mac pela versão do Windows .. Gosto da versão do Windows.

@Leedehai não tem certeza se você perdeu a resposta atualizada , mas estamos usando o mesmo ícone em todas as plataformas.

Espero que o Visual Studio para Mac também obtenha um novo ícone para corresponder ao código do Visual Studio (semelhante ao ícone do Windows), portanto, é realmente o mesmo ícone em todas as plataformas . Algum plano para isso?

Screen Shot 2019-06-07 at 9 52 54 am

@tsunheang neste momento Visual Studio e Visual Studio para Mac s√£o diferentes ...

Embora a necessidade de um ícone separado para o Visual Studio para Mac seja clara, dada a diferença entre os dois produtos (Visual Studio e Visual Studio para Mac). O Visual Studio Code é o mesmo produto em todas as plataformas, portanto, a necessidade disso é menos clara. - comentário completo

@xeptore , também tentei sem sucesso.

Tive sucesso apenas fazendo (pode ser apenas uma pegadinha de ter "Keep in dock" ativado):

  1. fechar vscode
  2. desmarque "Manter na doca"
    image
  3. abrir vscode
  4. marque "Manter na doca"

Com um fundo mais escuro o contraste é aceitável, com um mais claro não é tão visível.

Schermata 2019-06-07 alle 09 52 09

A propósito, se você escolher o formato do ícone do Visual Studio para Mac, acho que funcionará em todos os cenários.

Aquele quadrado preto torto mal colocado que você usou no ícone no ubuntu era uma verdadeira monstruosidade. Estou feliz que você recobrou o juízo e consertou o ícone!

Tive um problema depois de instalar a atualização mais recente, pois apenas meu bloco do Menu Iniciar não estava atualizando no Windows com o novo ícone. Semelhante à correção recomendada para macOS , empreguei uma técnica semelhante para "tocar" o arquivo lnk no PowerShell.

(Get-Item "$env:APPDATA\Microsoft\Windows\Start Menu\Programs\Visual Studio Code\Visual Studio Code.lnk").LastWriteTime = Get-Date

Amei o novo ícone!

Bom trabalho, novos ícones são tão legais! Eu tenho um problema, o plano de fundo do ícone de inicialização do código vs no win 10 está sempre escuro como o vs 'um. Como posso definir o fundo pessoal do aplicativo sem o código-fonte?
image

Sim, também estou vendo o logotipo global no Mac:
image

Não me entenda mal, eu gosto. Só não tenho certeza se essa é a aparência desejada ou se há um problema ...

@SanduRajapakse, por favor, a resposta atualizada , estamos usando o mesmo ícone em todas as plataformas.

@misolori Deve ter perdido isso. Excelente! Obrigado pela atualização!

Como mostrar um novo ícone no ubuntu?

boa atualização ....!

Belo ícone novo, só não gosto no hotbar do meu macOS, parece estranho em comparação com todos os meus outros programas. Gostou mais do antigo: /

O novo ícone parece descentralizado. Ao navegar para vscode, encontro meus olhos atraídos para o "x" menor e, em seguida, tenho que tomar a decisão consciente de movê-lo para a direita (onde o ícone é maior) antes de clicar.

Podemos trabalhar para tornar o ícone mais centralizado ou ter a opção de alternar para o ícone mais antigo? Ter uma área de superfície menor no meio do ícone é desanimador. Pls +1 se você experimentar o mesmo.

Ou talvez girar o ícone para parecer um frasco pode ajudar :)
vscode-icon-offcenter

@HolyChen Talvez você possa editar Code.VisualElementsManifest.xml na mesma pasta que Code.exe.

@infinnie Obrigado. Modifiquei a cor de fundo no xml e reiniciei e mudei o tema, mas n√£o funciona.
Encontro isso nos documentos oficiais :

Cor de fundo

Especifica a cor de fundo do bloco do aplicativo. Consulte a seção Comentários para obter os nomes das cores.
Observe que a cor de fundo especificada aqui também se aplica a estes itens:

  • A cor do bot√£o em qualquer caixa de di√°logo de propriedade do aplicativo
  • A p√°gina de descri√ß√£o do aplicativo na Microsoft Store
  • Aplica-se ao Windows Phone: a escolha de "transparente" faz com que a cor de destaque do sistema seja usada.

Parece que o arquivo não tem nada a ver com a cor de fundo do menu de inicialização.

=============================

ah, eu atualizo o cache do ícone, funciona. Obrigado! Meu SS se parece cada vez mais com o app UWP:)

MacOS: voc√™ pode simplesmente remover o VS Code do dock e adicion√°-lo novamente para obter o √≠cone atualizado se voc√™ tiver problemas de cache do √≠cone do dock ... n√£o h√° necessidade de sudo comandos ūüėĄ

Eu amo como os outros desenvolvedores s√£o (t√£o) apaixonados por seus √≠cones. Acho que os designers √†s vezes subestimam nosso discernimento sobre a est√©tica. ūüėĄ

O novo logotipo me lembra meu antigo logotipo do Word haha! Mesmo tipo de efeito / sombra.

image

Por que o insider é diferente? Por que não usamos este em azul para a versão estável com o mesmo tipo de efeito?

@fivetwelve Espero que este t√≥pico fale sobre o quanto valorizamos a neste t√≥pico para ver mais). Estamos extremamente gratos pelo feedback, bom ou ruim. ūüėĄ

@alexmngn veja este coment√°rio (e a postagem original) sobre porque os Insiders precisam ser diferentes. N√£o podemos usar a cor apenas para diferenciar, caso contr√°rio, os usu√°rios dalt√īnicos n√£o conseguir√£o ver a diferen√ßa.

Screenshot 2019-06-10 at 23 16 21

Não é um grande fã do novo ícone do Mac. Os atarracados "braços" carecem do dinamismo do antigo ícone e se perdem no banco dos réus sendo um tanto vazios e desequilibrados. A proposta original para o ícone do Mac tem mais peso, então funciona melhor aqui.

Fiquei chateado com o design do novo ícone e só queria o design do ícone proposto (veja abaixo).

Então, fiz isso a partir de um SVG aleatório do ícone do Visual Studio para Mac e um SVG do ícone do VS Code . Tentei o meu melhor para recriar o ícone proposto, mantendo-me o mais próximo possível da proposta original. Não está nem perto da perfeição porque o software que uso para edição vetorial não oferece suporte a alguns recursos SVG vistos no ícone original, mas tentei o meu melhor

download

Para uma pr√©via do √≠cone e instru√ß√Ķes sobre como instal√°-lo, voc√™ pode ver este coment√°rio por matpag

O novo ícone estável do VSCode não foi atualizado no meu laptop Dell executando o Fedora 30 (GNOME 3.32). Reiniciei este laptop pelo menos duas vezes desde a atualização do vscode, mas isso não ajudou. Como alguém disse acima, tentei limpar e forçar a reconstrução do cache de ícones, mas também não funcionou. Aqui está o que vejo:

image

Alguém mais está enfrentando esse problema?

EDITAR: FUNCIONOU, tudo que eu tive que fazer foi mudar para o pacote de ícones padrão via GNOME Tweak Tool, eu já tinha o pacote de ícones Papirus-dark instalado e habilitado, e de alguma forma ele substituiu o novo ícone vscode, mas depois configurando o pacote de ícones de volta ao padrão (Adwaita), ele está funcionando conforme o esperado.

image

EDIT 2: Não sou grande fã deste novo ícone :(

@ adryd325 Muito obrigado !!!

Como instalar no macOS:
Basta entrar no aplicativo, encontrar o aplicativo Visual Studio Code, clicar com o bot√£o direito, mostrar o conte√ļdo do pacote, abrir a pasta Conte√ļdo e, em seguida, a pasta Recursos e substituir o √≠cone Code.icns √≠cone fornecido por adryd. (voc√™ pode renome√°-lo em vez de substitu√≠-lo se quiser restaurar o √≠cone antigo em algum momento)
Em seguida, basta removê-lo do dock ou reiniciá-lo e ele aparecerá.

Esses são os resultados com diferentes cores de fundo e acho que agora é muito melhor do que o atual:
2
3
1

Acabei de atualizar meu vsc. Por que você escolheu um peixe sem cabeça como logotipo?

Por que você escolheu um peixe sem cabeça como logotipo?

Devo lembrá-lo da época em que o ícone anterior foi introduzido:

image

Portanto, eu diria que o peixe est√° melhor agora.

Eu sei que existem amantes e odiadores do novo ícone.

Eu sou uma amante. Bom, leve e simples.

Pessoalmente, estou feliz por usar apenas o VS Code e não todos os outros, porque, uau, tudo isso seria confuso. Imho, um bom exemplo de como fazer ícones de suíte de produtos é Adobe Creative Suite 6; são todos cores e letras diferentes, e você não precisa memorizar qual formato é o programa (tenho nove na minha barra de tarefas e não tenho problemas para diferenciá-los), em comparação com os produtos da Microsoft em que dois ou três dos os ícones têm ícones semelhantes (peixe, infinito, X) e semelhantes (verde, azul-petróleo, água, azul) para programas semelhantes, que me perderia se não estivesse apenas usando o VS Code.

Gosto do novo √≠cone lan√ßado, o peixe aqua / teal por si s√≥. Mas tamb√©m acho que ter mais de um ou dois √≠cones dessa natureza, com cores / formas em constante mudan√ßa, seria muito mais inc√īmodo do que ben√©fico para seus usu√°rios avan√ßados.

Só meus $ 0,02

@JosephWeaver Os ícones no Microsoft Office Suite também têm letras e cores diferentes e formas semelhantes. Eles são incríveis.

Como mostrar um novo ícone no ubuntu?

Alguém se importa em nos mostrar como mostrar o novo ícone no Ubuntu?

A maioria dos ícones no macOS tem um centro preenchido. Como o novo ícone tem um orifício transparente no meio, ele parece deslocado em comparação com outros aplicativos Mac. Eu concordo com a implementação do ícone proposto por @ matpag- @ adryd325 parece consistentemente melhor em toda a placa no dock, o alternador de aplicativos, na barra de lançamento e na pasta de aplicativos. Ele também parece o mesmo se o modo escuro estiver ativado ou desativado, independentemente da cor do papel de parede do usuário.

Eu entendo o objetivo de ter um ícone em todas as plataformas, mas é uma pena que a linguagem de design visual do macOS tenha que sofrer. Eu não gostava muito do ícone antigo, mas pelo menos parecia um aplicativo Mac.

Limpando o cache de ícones para ícones estáveis

Dependendo da sua plataforma, você ainda pode ver o logotipo anterior devido ao cache do sistema operacional do ícone do aplicativo. Aqui estão alguns métodos para o Mac que você pode tentar usar para limpar o cache:

  1. Reinicie seu dock via killall Dock no terminal
  2. Execute estes scripts em seu terminal (que atualiza o carimbo de data / hora dos ícones):
sudo touch /Applications/Visual\ Studio\ Code.app;
sudo touch /Applications/Visual\ Studio\ Code.app/Contents/Info.plist;
sudo touch /Applications/Visual\ Studio\ Code.app/Contents/Resources/Code.icns;
killall Dock Finder

_Nota: Para Insiders e Explorations, basta anexar \ -\ Insiders ou \ -\ Exploration a cada referência de nome de versão._

  1. Force o cache do IconService a ser reconstruído usando estas etapas

Para o Windows 10, você pode simplesmente executar o seguinte comando na caixa de diálogo de execução ( Win+R ):

ie4uinit.exe -show

_Eu não li todo o tópico, então espero não estar repetindo os pontos mencionados acima._

Infelizmente, não percebi que essa conversa estava acontecendo até que a alteração no ícone foi realmente removida - então, espero que meu feedback ainda valha alguma coisa - mas como um usuário de Mac eu realmente não gosto do novo ícone. Eu prefiro muito mais o ícone antigo ou o ícone do Mac novo, mas rejeitado. O novo ícone parece deslocado no meu Mac porque viola as seguintes regras (empíricas) que quase todos os outros (cerca de 100) ícones de aplicativos no meu Mac seguem:

  1. Os ícones são circulares, retangulares verticais ou retangulares inclinados. Em particular, aplicativos centrados em documentos (por exemplo, Pages, TextEdit, Notes, Mail), que é o VS Code, são retangulares inclinados. O ícone do VS Code não tem nenhuma dessas formas.
  2. Os ícones são simplesmente conectados - sem buracos. O ícone do VS Code tem um orifício no meio.
  3. Os √≠cones s√£o quase convexos: o contorno tem no m√°ximo algumas pequenas sali√™ncias (as canetas projetando-se dos aplicativos centrados em documentos mencionados, as "caudas" de Messages.app, o contorno ondulado do carimbo que √© o √≠cone do Mail), mas √© caso contr√°rio, convexo. O √≠cone do VS Code tem duas n√£o convexidades proeminentes, ainda mais acentuadas pelos √Ęngulos agudos do √≠cone.
  4. Quando um √≠cone usa um gradiente para indicar a presen√ßa de uma fonte de luz, essa fonte de luz est√° acima do √≠cone. Em contraste, a fonte de luz do √≠cone do VS Code est√° quase diretamente na frente dele, conforme indicado pelas regi√Ķes mais escuras pr√≥ximas √† "parte traseira" do √≠cone. O gradiente de cima para baixo do √≠cone √© muito sutil.
  5. O ícone é muito difícil de ver ao usar o dock transparente em certos fundos (veja as imagens abaixo). A maioria dos ícones tem uma borda que os ajuda a se destacar em qualquer plano de fundo, mas o ícone do VS Code não.
    Screen Shot 2019-06-12 at 2 34 39 PMScreen Shot 2019-06-12 at 2 33 28 PM

Acho que é mais importante para o ícone caber em cada sistema individual em que está ligado do que ter o mesmo ícone em todos os sistemas, especialmente porque os ícones interagem naturalmente com o sistema em que estão, o ponto 5 acima é um exemplo de isso - os ícones do Mac precisam funcionar bem em uma variedade de planos de fundo de saturação variável, enquanto (presumo) os ícones do Windows não. O ícone do Mac rejeitado é certamente melhor do que o novo ícone, mas até o ícone antigo do Mac estava bem e, na minha opinião, melhor do que os dois novos ícones.

O novo ícone parece descentralizado. Ao navegar para vscode, encontro meus olhos atraídos para o "x" menor e, em seguida, tenho que tomar a decisão consciente de movê-lo para a direita (onde o ícone é maior) antes de clicar.

Podemos trabalhar para tornar o ícone mais centralizado ou ter a opção de alternar para o ícone mais antigo? Ter uma área de superfície menor no meio do ícone é desanimador. Pls +1 se você experimentar o mesmo.

Ou talvez girar o ícone para parecer um frasco pode ajudar :)
vscode-icon-offcenter

Parece melhor se o seu dock estiver lateral.

A maioria dos ícones no macOS tem um centro preenchido. Como o novo ícone tem um orifício transparente no meio, ele parece deslocado em comparação com outros aplicativos Mac. Eu concordo com a implementação do ícone proposto por @ matpag- @ adryd325 parece consistentemente melhor em toda a placa no dock, o alternador de aplicativos, na barra de lançamento e na pasta de aplicativos. Ele também parece o mesmo se o modo escuro estiver ativado ou desativado, independentemente da cor do papel de parede do usuário.

Eu entendo o objetivo de ter um ícone em todas as plataformas, mas é uma pena que a linguagem de design visual do macOS tenha que sofrer. Eu não gostava muito do ícone antigo, mas pelo menos parecia um aplicativo Mac.

Acho que realmente depende do que est√° por tr√°s do Dock. Seria bom se a Apple continuasse com a √ļltima vers√£o do Dock de vidro 3D de muitos anos atr√°s; fica melhor nisso.

Estou um pouco atrasado para a festa, como da √ļltima vez. Estou realmente irritado com o logotipo do VS Code usando cores semelhantes ao logotipo do VS 2019 (para dalt√īnicos). N√£o vejo nenhuma diferen√ßa entre os dois e isso torna a troca entre os dois realmente dif√≠cil. No momento, estou criando minhas pr√≥prias constru√ß√Ķes com um logotipo rosa do VS Code para realmente ver a diferen√ßa entre os dois.

Esperançosamente, isso pode ser levado em consideração na próxima vez que houver uma mudança de logotipo.

Estou um pouco atrasado para a festa, como da √ļltima vez. Estou realmente irritado com o logotipo do VS Code usando cores semelhantes ao logotipo do VS 2019 (para dalt√īnicos). N√£o vejo nenhuma diferen√ßa entre os dois e isso torna a troca entre os dois realmente dif√≠cil. No momento, estou criando minhas pr√≥prias constru√ß√Ķes com um logotipo rosa do VS Code para realmente ver a diferen√ßa entre os dois.

Esperançosamente, isso pode ser levado em consideração na próxima vez que houver uma mudança de logotipo.

O logotipo do Visual Studio é um símbolo do infinito, enquanto o Visual Studio Code é um peixe.

Eu vim aqui depois de ver as Notas de Lan√ßamento mostrando o novo logotipo para dizer a mesma coisa que @ StefanJanssen95. Uma grande quantidade de pessoas √© dalt√īnica para vermelho / verde (o tipo mais comum) e este √≠cone √© incrivelmente dif√≠cil de distinguir do VS2019 (a pequena linha √† esquerda do √≠cone do VS2019 √© insignificante em uma pequena barra de tarefas escura). Talvez um modo dalt√īnico seja apropriado, como em muitos outros aplicativos.

O logotipo do Visual Studio é um símbolo do infinito, enquanto o Visual Studio Code é um peixe.

uau, sim, isso é verdade, mas dificilmente reconhecível rapidamente.

O logotipo do Visual Studio é um símbolo do infinito, enquanto o Visual Studio Code é um peixe.

uau, sim, isso é verdade, mas dificilmente reconhecível rapidamente.

O c√≥digo de est√ļdio visual l√≥gico √© 75% do infinito

@ adryd325 Muito obrigado !!!

Como instalar no macOS:
Basta entrar no aplicativo, encontrar o aplicativo Visual Studio Code, clicar com o bot√£o direito, mostrar o conte√ļdo do pacote, abrir a pasta Conte√ļdo e, em seguida, a pasta Recursos e substituir o √≠cone Code.icns √≠cone fornecido por adryd. (voc√™ pode renome√°-lo em vez de substitu√≠-lo se quiser restaurar o √≠cone antigo em algum momento)
Em seguida, basta removê-lo do dock ou reiniciá-lo e ele aparecerá.

N√£o funcionou para mim. Quer dizer, meio que funcionou, mas n√£o de todo. √Č isso que eu quero dizer:



Clique para expandir a imagem

weird

Saí do VSCode, removi do Dock e fiz killall Finder mas ainda é o mesmo. Vou tentar o método sudo. A propósito, estou no Mojave 10.14.5.

EDIT: Limpar o cache do coment√°rio de @ adryd325 pelo √≠cone compat√≠vel com o macOS ūüĎć

Ah, e s√≥ para ficar claro. O fato de estar usando o √≠cone @ adryd325 n√£o significa que n√£o aprecie todo o tempo e esfor√ßo investidos no novo design pela equipe do VSCode! ūüėČ

Experimente killall Dock

Na sexta-feira, 14 de junho de 2019 √†s 5:57, o Matronator [email protected] escreveu:

@ adryd325 https://github.com/adryd325 Muito obrigado !!!

Como instalar no macOS:
Basta entrar no aplicativo, localizar o aplicativo Visual Studio Code, clicar com o bot√£o direito, mostrar
pacote de conte√ļdo, abra a pasta Conte√ļdo e, em seguida, a pasta Recursos e substitua
√ćcone Code.icns com aquele fornecido por adryd. (voc√™ pode renome√°-lo em vez disso
de substituí-lo se quiser restaurar o ícone antigo em algum momento)
Em seguida, basta removê-lo do dock ou reiniciá-lo e ele aparecerá.

Não funcionou para mim. Quer dizer, meio que funcionou, mas não de todo. Isto é
o que eu quero dizer:
Clique para expandir a imagem

[imagem: estranho]
https://user-images.githubusercontent.com/5470780/59500776-6f01af80-8e9a-11e9-8d77-e922177403ea.png

Saí do VSCode, removi do Dock e fiz killall do Finder, mas ainda é
o mesmo. Vou tentar o método sudo. A propósito, estou no Mojave 10.14.5.

-
Você está recebendo isso porque foi mencionado.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/microsoft/vscode/issues/71827?email_source=notifications&email_token=ALOM2RA4NCHAPZ4Q6LSAQDDP2NTO3A5CNFSM4HD7G7SKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODXWKM5Q#issuecomment-502048374 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/ALOM2RAMG5QSNOIEQTZ2KQ3P2NTO3ANCNFSM4HD7G7SA
.

Experimente killall Dock
…

@ adryd325 Obrigado, j√° consertamos (postagem editada, mas provavelmente n√£o apareceu em sua notifica√ß√£o por e-mail) ūüėČ

Voc√™ tamb√©m pode conseguir algo semelhante apenas para o .app abrindo a nova imagem ou arquivo ICNS com Visualiza√ß√£o, pressionando Cmd + A, Cmd + C, clicando no pequeno √≠cone da janela Obter Informa√ß√Ķes (abaixo) e pressionando Cmd + V para cole o novo √≠cone na piscina. A maneira mais r√°pida de alterar todos os seus √≠cones no macOS.

image

Voc√™ tamb√©m pode conseguir algo semelhante apenas para o .app abrindo a nova imagem ou arquivo ICNS com Visualiza√ß√£o, pressionando Cmd + A, Cmd + C, clicando no pequeno √≠cone da janela Obter Informa√ß√Ķes (abaixo) e pressionando Cmd + V para cole o novo √≠cone na piscina. A maneira mais r√°pida de alterar todos os seus √≠cones no macOS.

image

ūüĎć Tenho feito isso para pastas, √≥timo recurso. Mas voc√™ ainda teria que atualizar o cache para que a mudan√ßa apare√ßa no Dock / Finder / Launchpad (ou pelo menos eu tamb√©m tinha).

A maneira mais fácil de atualizar o ícone no dock no MacOS:

  1. Fixar o código VS no encaixe (manter no encaixe).
  2. Saia do VS Code se estiver aberto.
  3. Solte o VS Code do dock (Remover do Dock).
  4. Abra Aplicativos no Finder e arraste o aplicativo de volta para o dock.

A maneira mais fácil de atualizar o ícone no dock no MacOS:

  1. Fixar o código VS no encaixe (manter no encaixe).
  2. Saia do VS Code se estiver aberto.
  3. Solte o VS Code do dock (Remover do Dock).
  4. Abra Aplicativos no Finder e arraste o aplicativo de volta para o dock.

N√£o sei por que, mas foi exatamente assim que fiz da primeira vez e n√£o funcionou. Tive que sair do VSCode e seguir as instru√ß√Ķes de um coment√°rio acima.

sudo touch /Applications/Visual\ Studio\ Code.app;
sudo touch /Applications/Visual\ Studio\ Code.app/Contents/Info.plist;
sudo touch /Applications/Visual\ Studio\ Code.app/Contents/Resources/Code.icns;
killall Dock Finder

Na minha experiência, fechar o aplicativo e reiniciá-lo (clicando nele no Dock) quase sempre atualiza seu ícone, mas tudo funciona. Efetuar logout e login novamente ou reiniciar provavelmente também é muito rápido hoje em dia.

Windows 10. Atualizado. O mesmo ícone.

Windows 10. Atualizado. O mesmo ícone.

Mesmo aqui. Windows 10, VSCode atualizado, iniciou a vers√£o mais recente, executou o comando

ie4uinit.exe -show

mas ainda tem o ícone azul.

Como faço para atualizar o ícone no Windows 7?

Por que você escolheu um peixe sem cabeça como logotipo?

Devo lembrá-lo da época em que o ícone anterior foi introduzido:

image

Portanto, eu diria que o peixe est√° melhor agora.

isso é bom

Por que você escolheu um peixe sem cabeça como logotipo?

Devo lembrá-lo da época em que o ícone anterior foi introduzido:

image

Portanto, eu diria que o peixe est√° melhor agora.

Quanto a um designer de logotipo, a mudança anterior me apunhalou em hart, então desenhei este cartoon para explicar o que há de errado com o ícone o máximo que pude.

Hoje, do ponto de vista t√©cnico, o √≠cone parece √≥timo. Obrigado pela mudan√ßa, agora posso clicar nele sem emo√ß√Ķes negativas. Espero que o logotipo se torne infinito algum dia!

Por que você escolheu um peixe sem cabeça como logotipo?

Devo lembrá-lo da época em que o ícone anterior foi introduzido:

Portanto, eu diria que o peixe est√° melhor agora.

Quanto a um designer de logotipo, a mudança anterior me apunhalou em hart, então desenhei este cartoon para explicar o que há de errado com o ícone o máximo que pude.
Hoje, do ponto de vista t√©cnico, o √≠cone parece √≥timo. Obrigado pela mudan√ßa, agora posso clicar nele sem emo√ß√Ķes negativas. Espero que o logotipo se torne infinito algum dia!

Costumava ser o ícone do Visual Studio.

@alexanderby Oh, que bom ver o autor da imagem aqui. Eu salvei essa foto, mas n√£o conseguia me lembrar de onde a tirei.
Obrigado por fazer isso.

Hah, essa imagem surgiu na minha integração com a Microsoft esta semana - agora você é famoso

Eu odeio tanto o novo √≠cone que estou fazendo um downgrade da minha vers√£o do VS Code e mudarei os IDEs se n√£o for revertido, porque simplesmente n√£o aguento olhar para algo t√£o horr√≠vel o dia todo. Algu√©m realmente testou esse √≠cone em uma m√°quina real antes de ser implementado ou apenas olhou para ele em apresenta√ß√Ķes de produtos? Tenho dificuldade em acreditar que algu√©m que o tivesse visto em um ambiente do mundo real em um Mac real o deixaria sair da sala de design.

Francamente, este é o pior logotipo que já vi para qualquer produto em qualquer lugar. Ele não leva em consideração a estética do Mac que todos os meus outros ícones seguem. Todos os outros ícones em meu dock são retangulares ou têm alguma outra simetria visualmente atraente. Este é torto e totalmente deslocado. Por que você teve que mudar por causa da mudança? Este logotipo é muito, muito ruim.

Acho que foi uma boa corrida enquanto durou.

@Kallaste

Tudo bem, eu entendo que o design é importante, mesmo quando se trata de programação, mas esta é uma reação exagerada severa. Eu sugiro apenas substituir o arquivo icns. Claro que é hacky e não é uma solução permanente (embora você possa fazer um chmod para que seja somente leitura), mas como um desenvolvedor, você pode lidar com isso.

Quanto a descartar o vscode como editor, se o √≠cone foi a √ļnica raz√£o pela qual voc√™ o escolheu, fa√ßa-o, ou n√£o, √© meio rid√≠culo trocar de editor apenas por causa de um √≠cone. Algo que raramente faz parte da IU do editor.

Esta p√°gina foi √ļtil?
0 / 5 - 0 avalia√ß√Ķes