Vscode: Actualizar el ícono del producto VS Code

Creado en 6 abr. 2019  ·  282Comentarios  ·  Fuente: microsoft/vscode

The Icon Journey ... Versión 2

_⚠️ NOTA: lea nuestra respuesta actualizada basada en los comentarios ⚠️_

El cambio de ícono de 2017 mostró cuánta pasión e interés hay en la iconografía de VS Code, y les agradecemos sus comentarios. Todavía hay algunos problemas pendientes con el ícono actual, y hemos pasado tiempo durante las últimas semanas buscando formas de resolverlos. Queríamos compartir dónde estamos y conocer sus pensamientos.

El icono actual es difícil de ver en las barras de tareas de algunos clientes , así como en algunas partes de la interfaz de usuario de Windows, como el cuadro de diálogo del selector de archivos. El tamaño de la forma de VS Code en sí, cuando se envuelve dentro de la cinta de la familia Visual Studio (la "pared" a la derecha) hace que la diferencia entre Visual Studio y Visual Studio Code sea difícil de detectar , especialmente para algunos clientes con deficiencias en la visión del color. Finalmente, algunos comentaron que la versión macOS del ícono del producto parece fuera de lugar entre otras aplicaciones en el dock.

Una oportunidad para aprender

Además de sus comentarios, también se estaban realizando esfuerzos dentro de Visual Studio y Visual Studio para Mac para alinearse con la iconografía en Microsoft, liderados por Windows y Office. Habrá visto algo de esto en los íconos de productos más recientes Visual Studio para Mac , así como en algunas de las actualizaciones recientes

Los iconos propuestos

2017-2019-stable

_El icono actual de Windows de VS Code (arriba a la izquierda) y el icono propuesto (arriba a la derecha) _

Haciendo que sea más fácil de encontrar

Dejamos caer la cinta gruesa en el lado derecho del icono. Esto nos permite aumentar el tamaño de la forma del Código VS (el identificador clave de la diferencia) a un tamaño en el que ahora es mucho más sencillo mirar a través de la barra de tareas y detectar su editor de código favorito.

Windows taskbar-new-office

_Los iconos propuestos para las compilaciones estables y de Insiders de VS Code, así como Visual Studio 2019_

Para hacer que el ícono sea más legible en una variedad de fondos (desde el escritorio hasta el selector de archivos), hemos agregado profundidad al ícono. Esto nos permite usar iluminación y sombras para crear un efecto superpuesto, pero también tiene la ventaja adicional de levantar el ícono y eliminar muchos colores planos que puede encontrar.

2019-colours

_Un ejemplo del icono propuesto en algunos de los azules y verdes que puede elegir en Windows10._

Mejorando la accesibilidad

Para mejorar la accesibilidad, necesitábamos algo que fuera más que color, por lo que, inspirándonos en las otras compilaciones de Visual Studio Preview, hemos traído un aspecto de “plantilla” a la versión de Insiders VS Code manteniendo el familiar verde.

2017-2019-insiders

_Icono de compilación de Insiders actual de VS Code (arriba a la izquierda) y la versión propuesta (arriba a la derecha) _

Mantener un icono de estilo nativo de macOS

_⚠️ NOTA: lea nuestra respuesta actualizada , no tendremos un ícono personalizado para Mac, usaremos el mismo ícono en todas las plataformas. ⚠️_

2017-2019-mac

_Icono de macOS actual de VS Code (arriba a la izquierda) y el ícono propuesto (arriba a la derecha) _

Hemos mantenido un icono de estilo macOS para Visual Studio Code en Mac. Consideramos tener el mismo ícono en los tres sistemas operativos, pero decidimos seguir el estilo nativo de Mac. Lo que también queríamos agregar a la versión de macOS era una conexión más fuerte con el ícono de Windows que fortalecería el reconocimiento entre las dos versiones. Usar la misma forma, así como el aspecto de la plantilla para la construcción de Insiders, nos permitió hacerlo fácilmente.

macOS dock

Si bien manteníamos la forma del fondo igual para nuestros íconos de macOS, estábamos conscientes de asegurarnos de que VS Code fuera fácil de identificar junto con Visual Studio para Mac, por lo que hemos adoptado un aspecto más oscuro para la forma. Esto le permite detectar fácilmente la diferencia si tiene ambos instalados (y uno al lado del otro) en su base.

Háganos saber lo que piensas

Nos encantaría escuchar sus comentarios sobre estas propuestas. ¡Háganos saber lo que piensa!

icon-brand

Comentario más útil

Respondiendo a sus comentarios

Si bien a muchos de ustedes les gustan las propuestas para el nuevo ícono de VS Code (¡gracias!), Sí vimos algunas señales entre los comentarios y tweets que queríamos abordar, a saber, que el ícono verde de Insiders parecía un ícono antiguo de Excel, y que Hubo solicitudes para tener el mismo icono en Windows, Mac y Linux.

Abordar los comentarios de Excel

Los recortes del ícono de compilación de Insider están ahí para permitirle distinguir fácilmente entre las compilaciones Stable y Insiders si tiene deficiencia de visión del color. Sin embargo, la fuerza de los cortes verticales que hemos realizado en el icono acentúa la “X” que forma el resto del icono. Para reducir este efecto pero mantener nuestra accesibilidad, hemos reducido este espacio en 1 px en su tamaño más pequeño.

El verde del ícono de compilación de Insiders también es un tono muy similar al verde de Office Excel, por lo que hemos cambiado el tono para asegurarnos de que la combinación del verde y la X no envíe las señales incorrectas cuando está mirando para VS Code en su barra de tareas / dock.

thinner-cuts-insiders

_Un ejemplo de los nuevos cortes más delgados en la construcción de Insiders, así como un tono que no es similar al verde de Excel_

Un icono para todas las plataformas

En nuestra propuesta inicial, hablamos sobre la alineación con otros productos macOS de la familia Visual Studio, como Visual Studio para Mac. Si bien la necesidad de un ícono separado para Visual Studio para Mac es clara dada la diferencia entre los dos productos (Visual Studio y Visual Studio para Mac). Visual Studio Code es el mismo producto en todas las plataformas, por lo que la necesidad de esto es menos clara.

Windows taskbar thin

_Las nuevas compilaciones de VS Code Stable y Insiders en la barra de tareas de Windows 10_

macOS dock thin

_Las nuevas compilaciones VS Code Stable y Insiders en macOS dock_

ubuntu dock thin

_Las nuevas compilaciones VS Code Stable e Insiders en el dock de Ubuntu 18.04_

Dado esto, hemos decidido usar los mismos íconos de producto para VS Code en todas las plataformas.

Plan de despliegue

Planeamos actualizar los íconos la próxima semana. Insiders estará disponible de inmediato y Stable estará disponible a principios de junio. Gracias nuevamente por todos los comentarios, realmente esperamos que te gusten los nuevos íconos.

Todos 282 comentarios

¡Amo esta idea!

Creo que un cambio de color es suficiente para diferenciar Insider de Retail, no tiene por qué ser una forma diferente también. ¿Entonces, chicos, exploraron ir en la misma dirección que los chicos de Office? Pensé que todo en Microsoft tiene que seguir el mismo esquema ahora.

Creo que tener el ícono de Insider con esos recortes opuestos a la construcción estable hace que se parezca demasiado a una X, especialmente a una X verde, es decir, Excel.

Iconos realmente bonitos. Es una buena idea.

Una X verde es Excel: el logotipo de Excel nunca se vio así, pero el efecto Mandela será una cosa. ¿Qué tal Orange for the insiders build?

Dicho esto, me gusta la forma, está en línea con Visual Studio 2019 al igual que el ícono actual es como el de VS 2017. Simplemente no Green X, por favor.

Y tal vez no tenga un espacio en absoluto, en tamaños pequeños (por ejemplo, el ícono de la barra de tareas) parece más como si el ícono estuviera realmente roto y le faltara una columna de píxeles, el aspecto 3D solo funciona en tamaños más grandes para mí.

  • Me gusta el aspecto propuesto tanto para personas estables como para personas con información privilegiada que construyen específicamente las de mac.
  • Me encanta el aspecto 3D de los iconos.
  • Sin embargo, en la construcción interna uno, la banda oscura o el borde de la plantilla se puede reducir en grosor, después de todo, solo un efecto.

Me encanta el icono azul de #code y el propuesto con azul, creo que es bueno

Bien .... 👍

Amo la idea. Ambos se ven geniales, pero estoy un poco sesgado hacia el aspecto de la plantilla. Hará que el ícono de código se destaque de un montón de íconos en un vistazo. El tiempo para detectar el ícono de la plantilla es aparentemente menor en comparación con el otro ícono nuevo.

es genial, buen trabajo

Me gusta lo que has hecho aquí en general. Dicho esto, ¿ha considerado dibujar a partir de los nuevos logotipos de Microsoft Office, Skype, etc. ? La consistencia de la marca puede ser buena.

¡Los íconos de macOS son fuego! Quiero que se envíen en la próxima compilación. Tyvm

Me gustan los azules para Mac y PC.

Me gusta la segunda propuesta. 👌

Siempre me he preguntado por qué la cinta gruesa estaba allí, lo hacía lucir extraño, se ven mucho mejor, ¡gran idea!

Lo más probable es que sea un descuido, pero los íconos de Insiders en las presentaciones de fondo Proposed y Windows 10 no están redondeados en la parte inferior, mientras que aparecen redondeados en las maquetas de la barra de tareas de Win 10 y la base de macOS.

inoticedthis

macOS one tiene un aspecto estupendo. Tal vez un borde más delgado, pero el propuesto todavía se ve dulce.

me encanta

¡Me encanta la profundidad del icono propuesto! Solo el nivel correcto de sombras y esquinas redondeadas.

Sin embargo, preferiría el icono de macOS sin el contorno, el mismo que el de Windows. La forma del contorno me parece extraña y no parece coincidir con el típico estilo de icono de macOS. Creo que el icono "interior" se destacaría maravillosamente por sí solo. 🙂

¡Bonito! No me importaría tener el de Windows en macOS también, ¡es tan hermoso! 😍

¡Me encanta el icono azul propuesto!

Luciendo bien. Creo. Especialmente el azul ("estable"). 😍

Deshazte del recorte en el ícono verde, haz que tenga la misma forma que el ícono azul.

Sin embargo, me gustan los nuevos íconos, o me gusta el antiguo fondo del ícono de macOS. Si pudieras encontrar alguna forma de incorporarlo, sería bueno que encajara mejor con el sistema en ese sentido.

Creciendo en mí cuanto más los miro, ¡me gustan mucho los íconos de Mac!

Deshazte del recorte en el ícono verde, haz que tenga la misma forma que el ícono azul.

@avatsaev Por motivos de accesibilidad, los iconos no deben diferir únicamente en el color. Es más fácil distinguirlos si su forma es ligeramente diferente.

Es agradable

Amarlos ♥

Me encanta el nuevo ícono, pero mantendría la misma forma entre las construcciones normales y las internas

Me encanta el nuevo icono, especialmente el de Windows.

El nuevo ícono en macOS no es mejor que el actual, ¿alguien está de acuerdo?

Los nuevos íconos de macOS me parecen ataúdes 😢

Como mucha gente ya ha mencionado aquí y en Twitter, el verde con recortes recuerda a Excel. No es una buena elección.

@misolori Me encantaría saber por qué el infinito de VS Code está incompleto. ¿Para enfatizar que VS Code no es tan rico en funciones como VS? ¿O es un pez y no un infinito?

¿Qué tal si devolvemos el naranja para los iniciados?

El verde se parece a Excel, prefiero los azules

¡¡Es una buena idea, como las nuevas !! 🤙🏻

Estos son logotipos de gran apariencia. Sin embargo, ruego diferir de que se acepten.

Tome cualquier experto en diseño de logotipos y pregúntele los principios básicos. Todos ellos, entre otras cosas, dirían _ "Un gran logotipo debe ser distinto y funcionar igualmente bien en escala de grises". _

_Los logotipos propuestos son demasiado similares a Visual Studio.

En un día laboral normal, es muy posible hacer clic en el icono incorrecto . Y para los daltónicos, se verían exactamente iguales en todas partes.

Estoy seguro de que la gente está trabajando duro, observando cada aspecto del impacto de este cambio y nunca se escondería detrás de distinciones (muy) sutiles sin el color en las versiones actuales.

PD: Esto es lo que WCAG2.1 dice sobre el uso de Color.

¿Recuerda esa queja sobre VS Code y los íconos VS que se parecen demasiado?

Estás volviendo a ese problema con los nuevos íconos VS Code y VS. Ayudaría si hubiera un poco más de diferencia entre los dos que solo el pequeño borde izquierdo que está conectado en uno de ellos.

Como se mencionó anteriormente, la esquina inferior derecha del logotipo de Insider parece muy fuera de lugar en comparación con el resto del logotipo. Sugeriría doblar la esquina del lado hueco, para ser coherente con otras esquinas, pero también con Visual Studio 2019 Preview

image

Acerca de la versión para Mac, y dado que el icono tiene un fondo oscuro, sería _consistente_ si se cargara un tema de color oscuro por defecto.

Y, al mismo tiempo, no estoy apoyando tener diferentes íconos para diferentes plataformas.

  • porque necesita tener _statistics_ que muchos usuarios usan VisualStudio + VSCode en su Mac (hasta donde yo sé, la mayoría usa solo VSCode).
  • hará que los usuarios de Mac vean dos íconos de VSCode la mayor parte del tiempo (mercado, sitios web oficiales y otros también).

Me gusta mucho la propuesta aquí, entra en una uniformización de la marca visual studio, con colores ya sabes cuál estás usando, incluso en macOS. ¡Sigue, equipo!

Realmente no me gusta esta nueva propuesta de ícono que existe solo para alinearse con el lanzamiento de VS 2019 (que también es feo). Este icono siente el calentamiento del borrador anterior que se ha guardado.

Lo que hace que el ícono actual sea mucho mejor es el hecho de que es monocromático en oposición a su propuesta. Y si desea rediseñar el ícono de Mac, no es necesario que modifique también las versiones de Windows.

Siguiente punto, si realmente necesita cambiar el ícono debido a una deficiencia visual, ¿por qué no cambia completamente el ícono en lugar de solo su forma?
Tener dos iconos REALES diferentes entre VS Code y VS19 será mucho más apropiado en lugar de solo hacer cambios sutiles de los que nadie se preocupa.

Me gustan. Las ligeras diferencias de forma son importantes para la accesibilidad. Solo diferir el color no es suficiente.

Hola @rudyhuyn y @ rjt-rockx, ¡gracias por tus comentarios con ojos de águila! El problema en realidad vino de mi hábil cambio de tamaño de los íconos para esta publicación de GitHub (puede ver que la esquina está redondeada en la versión VS Mac) 🙄 He actualizado las imágenes en el problema principal ahora. ¡Sigan recibiendo comentarios! 👍

El ícono de VS original es como un signo de infinito o una cinta.

Cuando el nuevo icono verde se evalúa por sí solo, no estoy seguro de cómo interpretarlo porque pierde su forma 3D. Realmente no tiene metáfora. Se basa en valores HSL que varían en un 10% de luminosidad para implicar que este objeto es una versión truncada o modificada de algún otro objeto 3D. ¿Es un objeto plano? ¿Es un pez? Tienes que mirar el ícono diferente original para comprender la razón detrás del sombreado.

Se ha redondeado el lugar donde se cortan las cintas. Pero el sombreado no funciona porque los ángulos utilizados para cortar las cintas hacen que el objeto sea inexplicablemente plano. Los ángulos en los cortes no implican la forma 3D del objeto original, por lo que rota la perspectiva para crear un efecto deformado.

¿Alguien puede explicar la idea detrás de este software como "Visual Studio Code"? No son realmente similares bajo el capó, ¿verdad? Y su objetivo no es necesariamente el mismo, especialmente porque Visual Studio ahora está disponible para Mac. Siendo ese el caso, ¿por qué rendir homenaje al logotipo de Visual Studio? ¿Por qué incluso rendir homenaje al nombre? ¿Por qué no una dirección completamente nueva con el logotipo, o incluso ir tan lejos como para cambiar el nombre a "Código de Microsoft"?

@gwardwell, esto probablemente irá tangente al problema, pero creo que tiene razón. El aspecto "visual" estaba en el estudio visual donde los desarrolladores podían soltar y arrastrar y crear cosas. vscode es más un editor que eso, así que sí, dejar la palabra "visual" tiene sentido 😄

Trabajo estelar 👏

Una vez sugerí eliminar "studio" y cambiarle el nombre a "Visual Code" que fue rechazado- # 3611

Hola @Stanzilla y @gwardwell, gracias por los comentarios sobre la alineación con otros productos de Microsoft como Office. De hecho, hemos estado trabajando con Office y Windows para alinear Microsoft en un estilo de icono. Dada la amplitud de los diferentes productos que necesitan trabajar juntos, tenemos más principios rectores en lugar de tratar de coincidir exactamente entre sí. La profundidad (y la iluminación y las sombras posteriores) que hemos introducido con esta actualización de icono es un paso hacia esta alineación. Actualicé la imagen de la barra de tareas con algunos íconos nuevos de Office para que pueda ver esto con mayor claridad.

Me gusta la asimetría de los iconos de Mac 👍

En general, entiendo lo que buscas y creo que, en términos de coherencia con Visual Studio, estás en el camino correcto.

Sin embargo, estoy de acuerdo con otros comentarios aquí sobre el estilo / color del icono de Vista previa.

Creo que es demasiado tener _ambos_ un estilo _y_ un color diferente. Si desea indicar la diferencia entre la versión normal y la versión de iniciados, debe usar _o_ un color diferente _o_ un estilo diferente.

Si bien personalmente me gusta tener un ícono verde para los iniciados, también estaría bien con la apariencia estampada que es azul. Esto está de acuerdo con los íconos de Visual Studio Preview vs. Release. Pero hagas lo que hagas, probablemente deberías elegir el color o el estilo para diferenciar los "sabores", pero no ambos.

Los colores son agradables y se ven bien, pero no soy un fanático de estas esquinas redondeadas que MS intenta colarse con los íconos de la oficina y algunas partes de la aplicación de configuración / menú de inicio recientemente. Me gusta el estilo más angular de Win10.

Deje las esquinas redondeadas a Apple.

Me gusta mucho el azul. Mucho. Parece una nave espacial y, como todos sabemos, trabajar con VSCode es ... algo fuera de este mundo.

Esto sigue siendo muy malo para los daltónicos. Tienen que identificar una pequeña diferencia en un pequeño icono. He hablado con personas que NO PUEDEN ver las diferencias de color.

¿Alguien puede explicar por qué me votan en contra? Se supone que este hilo trata sobre la discusión y la retroalimentación. La retroalimentación negativa también es retroalimentación. ¿O el comentario de Apple es lo que te hizo pensar que solo estoy "trolleando"?

Déjame explicarte: utilicé Apple aquí como ejemplo. Tienen un ecosistema de trabajo y un lenguaje de diseño consistente en todos sus productos. Las esquinas redondeadas son comunes y se ve bien en su conjunto. (Otro buen ejemplo sería Bootstrap o Primer)

Pero abramos VS Code. O cualquier otra aplicación de MS moderna, y ¿qué vemos?

Esquinas afiladas en todas partes .

¿Es eso un problema? Diablos no. Es otra dirección de diseño y también es muy buena. Pero, por favor, mantén la coherencia . (Las únicas esquinas redondeadas que pude encontrar en VS Code es el nuevo widget de búsqueda en la barra lateral del explorador).

El icono debe reflejar la aplicación. El icono anterior hizo eso. Este no lo es.
Y esto también es cierto para los nuevos íconos de oficina, pero ese es otro tema.

Bonito, mejor que el último icono, pero creo que el de Mac es mejor que el de Windows, ¿por qué?

¡Realmente buena idea!

Considere cambiar el ícono para que se vea diferente a Visual Studio 2019. Hace que sea muy difícil distinguirlos, especialmente si es daltónico.

Me gusta mucho

Me lo imaginé así, forma antigua, colores nuevos

9vBypkn

@AlexAegis Los ángulos que

@AlexAegis ¿Podrías hacer una versión de eso con el trazo de borde alfa?

El mismo icono en todos los sistemas operativos, por qué hacerlos diferentes, por qué

Me gusta el nuevo icono de Windoes, pero definitivamente no me gusta el nuevo de MacOS.

image

El icono actual de macOS parece tener un estilo nativo de Mac. Pero el propuesto ...

Me pregunto si algunos elementos de textura añadidos podrían ayudar a distinguir aún más el icono de "Insiders". Por ejemplo, el ícono de Firefox Developer Edition agrega un patrón poligonal al globo. Un tratamiento de textura como este para el icono de Insiders también podría acentuar el motivo de la "plantilla".

Aquí hay un truco rápido con ángulos cambiados e invertidos.

icon
icon

La forma es tan importante como el color para diferenciar con Visual Studio.
Realmente me gusta la nueva forma
.

Me gusta mucho el nuevo concepto

El nuevo diseño propuesto se ve bastante impresionante.
Sin embargo, para mí, el icono de macOS, especialmente ese gran fondo, no encaja muy bien.

Agradable, muy atractivo (excepto el icono de mac)

¿Pueden los usuarios de Linux obtener el icono normal en lugar del de Mac OS, por favor?

Derecha

No soy fanático de los íconos de macos en absoluto

Hola @fourpastmidnight Cuando miramos los íconos Insiders y Stable build juntos, sabíamos que necesitábamos usar algo más que colores para diferenciarlos. Esto es para que los íconos sean más accesibles para los clientes con deficiencia de visión del color. Comenzamos solo con el enfoque de la plantilla, pero luego agregamos la parte posterior verde del ícono de Insiders actual para familiarizarnos. Sin embargo, la combinación del color y la plantilla ha creado algunos comentarios sobre la similitud con el antiguo icono de Excel 😁

Hola @AlexAegis , quería abordar algunos de los valiosos comentarios que has estado agregando a este hilo, tienes razón al decir que este es un foro abierto para la discusión y los comentarios, tanto negativos como positivos.

Creo que su punto sobre cómo el ícono de un producto debe reflejar la interfaz de usuario del producto (o incluso el sistema operativo) es interesante pero quizás limitante. Donde estoy de acuerdo en que Apple 'poseyó' la esquina redondeada durante mucho tiempo, ya no estoy seguro de que ese sea el caso (y tampoco estoy seguro de que así sea como les gustaría que los recordaran 😉) De manera similar para Windows, veo muchos ejemplos de esquinas menos afiladas en todos nuestros productos principales y creo que eso también está bien.

Intentamos diseñar nuestros productos con la interfaz de usuario más adecuada para la tarea que está tratando de completar, así como seguir la plataforma para la que estamos diseñando. La forma en que redondee el borde en una interfaz de usuario puede tener un gran impacto en el aspecto cohesivo de una aplicación (o incluso del sistema operativo), pero no debemos limitarnos, ya que eso podría limitar lo que le entregamos 😃

¡Se ve bien! No puedo esperar a verlo en mi muelle.
Taxi recordó el
image

@jamiedawsonyoung Ah, ya veo. Bueno, era solo una idea de que el color y el estilo _podrían_ ser demasiado. De cualquier manera, me gusta el nuevo diseño de logotipo para Windows.

Sin embargo, también encuentro los diseños de maquetas de @Yzrsah _muy_ agradables. De hecho, me gustan más que el diseño plano actual. Buen trabajo.

¡Realmente me encantan los logotipos! Sin embargo, me encantaría que la de Mac coincida con la de Windows. No soy fanático de la frontera.

¿No podemos hacer que el estilo sea coherente en todas las plataformas? Púrpura para Visual Studio, azul para Visual Studio Code y verde para Insiders si está bien, ¡pero no use un estilo de icono diferente en macOS!

Me encantaría ver algo como esto (como ya propuso @mariusschulz )

Untitled

Estás escribiendo que pensaste en usar los mismos íconos pero decidiste no seguir el estilo nativo de Mac:

Hemos mantenido un icono de estilo macOS para Visual Studio Code en Mac. Consideramos tener el mismo ícono en los tres sistemas operativos, pero decidimos seguir el estilo nativo de Mac.

Yo diría que el icono de Mac recién propuesto no sigue el estilo nativo de Mac. Parece muy poco natural en comparación con la mayoría de las otras aplicaciones. El nuevo icono de Windows que propusiste también se adapta perfectamente al estilo Mac. Sin modificaciones específicas de macOS

Eche un vistazo al icono de Visual Studio 2019 en mi dock: se ve muy poco natural allí ...

Screen Shot 2019-04-10 at 18 09 48

Eche un vistazo al icono de Visual Studio 2019 en mi dock: se ve muy poco natural allí ...

@robinmanuelthiel ¿Entonces dices que el icono de Sketch parece natural, por ejemplo? Aún así es agradable y me encanta tenerlo en el muelle :)

Grandes iconos. Me gusta el color y la diferenciación (color y estilo) entre los regulares y los de adentro. Sin embargo, estoy de acuerdo con los comentarios de que el icono debe ser coherente en todas las plataformas, lo que parece ser el camino que están tomando otros productos de MS (concretamente, Office). Preferiría ver el icono "estilo Windows" utilizado en todas partes; ningún icono específico de macOS. Es lamentable que Visual Studio 2019 no haya seguido este camino.

Creo que tener el ícono de Insider con esos recortes opuestos a la construcción estable hace que se parezca demasiado a una X, especialmente a una X verde, es decir, Excel.

¡¡¡Yo también lo creo !!!
se parece al icono de Excel ...

Increíble.

Bonito. ¿Cuándo se envía esto?

Creo que tener el ícono de Insider con esos recortes opuestos a la construcción estable hace que se parezca demasiado a una X, especialmente a una X verde, es decir, Excel.

Pero sigue el estilo de Visual Studio, por lo que es correcto.
Prefiero ver una X en lugar de tener dos programas de la misma familia (Visual Studio) con diferentes estilos de iconos.

immagine

Realmente amo los íconos.

increíble

¿Puede Linux tener el mismo icono que Windows, por favor?

¡¡increíble!!
pero, me gusta una línea de borde de ancho más corto.
Por supuesto que creo que es un diseño muy bonito.

¡Me encantan los nuevos iconos en general! Solo un pequeño detalle en los bordes del ícono de información privilegiada que me está molestando un poco. ¿Quizás sería mejor tenerlos redondeados en lugar de (torcidos)?

newVsIcon

¡Buen trabajo! ¡Realmente me encantan los nuevos logotipos y no puedo esperar a que se publiquen! Como muchas personas han dicho anteriormente, también me encantaría que el ícono de Mac coincida con el ícono de Windows. ¡No soy fanático de la frontera!

¡Me encantan las propuestas!

Creo que un ícono redondo para Mac os se verá mejor, como el ícono de Safari, ya que se ve más estandarizado.

No estoy tan seguro de que todo el asunto de Excel X sea un gran problema teniendo en cuenta que la gran mayoría de los usuarios internos de VS Code son muy informáticos. Por otra parte, no tengo mucha experiencia.

¿También icono de Mac = icono de Windows? De hecho, creo que encajarían _más_ sin el fondo, especialmente cuando agregas los íconos de Office.

Pero estos nuevos íconos en general son solo 🔥🔥🔥. ¡Muchas gracias MS!

Realmente me gustan estos íconos :) ¿Esto no se fusionó en la iteración de abril?

El nuevo diseño se ve bien, pero me confunde algo:

Siempre asumí que se suponía que el ícono representaba el "infinito". Al menos, el icono de Visual Studio ("No código") es claramente un infinito, y el icono de VSCode parece estar basado en la misma idea. Aunque el pliegue más a la izquierda del infinito está oculto en el ícono de VSCode, mentalmente lo imaginé como "todavía allí, del mismo color que el fondo", como si estuviera camuflado al reflejar la luz o algo así.

Con el nuevo diseño, es más difícil continuar con mi ficción mental. Debido a los bordes redondeados en el lado izquierdo de las dos líneas cruzadas, es mucho más difícil imaginar ese cuarto lado oculto. Los extremos del redondeo dicen "esta línea se detiene aquí", ya no tiene sentido imaginarlos como "doblados"

Así que tengo que preguntar: ¿alguna vez se supuso que representaba el infinito? No encuentro ninguna mención del infinito en esta página. La página de rediseño de 2017 dice que "iteramos en el logotipo de infinito durante algún tiempo ... hasta que aterrizamos en el pez actual". Entonces, ¿es un pez o es infinito?

Se ve bien

¿No podemos hacer que el estilo sea coherente en todas las plataformas? Púrpura para Visual Studio, azul para Visual Studio Code y verde para Insiders si está bien, ¡pero no use un estilo de icono diferente en macOS!

Me encantaría ver algo como esto (como ya propuso @mariusschulz )

Untitled

Estás escribiendo que pensaste en usar los mismos íconos pero decidiste no seguir el estilo nativo de Mac:

Hemos mantenido un icono de estilo macOS para Visual Studio Code en Mac. Consideramos tener el mismo ícono en los tres sistemas operativos, pero decidimos seguir el estilo nativo de Mac.

Yo diría que el icono de Mac recién propuesto _no_ sigue el estilo nativo de Mac. Parece muy poco natural en comparación con la mayoría de las otras aplicaciones. El nuevo icono de Windows que propusiste también se adapta perfectamente al estilo Mac. Sin modificaciones específicas de macOS

Eche un vistazo al icono de Visual Studio 2019 en mi dock: se ve muy poco natural allí ...

Screen Shot 2019-04-10 at 18 09 48

De acuerdo, también se le puede dar forma dentro de un círculo como el ícono de la App Store.

No me gusta el esquema de la versión para Mac. Parece fuera de lugar y chillón. La versión de Windows está bien y debería ser la misma versión utilizada en las 3 plataformas.

El icono de Mac Os se ve mejor, color y forma.

bastante decepcionante, el mejor, no entró en la actualización de abril ...

Mi primera reacción fue "aquí vamos de nuevo". Pero en cambio, ¡realmente me gustan los nuevos íconos! 👍

Realmente me encanta el ícono azul, pero preferiría que la forma del ícono de información privilegiada sea la misma que la del establo, lo siento feo con ese espacio.

Respondiendo a sus comentarios

Si bien a muchos de ustedes les gustan las propuestas para el nuevo ícono de VS Code (¡gracias!), Sí vimos algunas señales entre los comentarios y tweets que queríamos abordar, a saber, que el ícono verde de Insiders parecía un ícono antiguo de Excel, y que Hubo solicitudes para tener el mismo icono en Windows, Mac y Linux.

Abordar los comentarios de Excel

Los recortes del ícono de compilación de Insider están ahí para permitirle distinguir fácilmente entre las compilaciones Stable y Insiders si tiene deficiencia de visión del color. Sin embargo, la fuerza de los cortes verticales que hemos realizado en el icono acentúa la “X” que forma el resto del icono. Para reducir este efecto pero mantener nuestra accesibilidad, hemos reducido este espacio en 1 px en su tamaño más pequeño.

El verde del ícono de compilación de Insiders también es un tono muy similar al verde de Office Excel, por lo que hemos cambiado el tono para asegurarnos de que la combinación del verde y la X no envíe las señales incorrectas cuando está mirando para VS Code en su barra de tareas / dock.

thinner-cuts-insiders

_Un ejemplo de los nuevos cortes más delgados en la construcción de Insiders, así como un tono que no es similar al verde de Excel_

Un icono para todas las plataformas

En nuestra propuesta inicial, hablamos sobre la alineación con otros productos macOS de la familia Visual Studio, como Visual Studio para Mac. Si bien la necesidad de un ícono separado para Visual Studio para Mac es clara dada la diferencia entre los dos productos (Visual Studio y Visual Studio para Mac). Visual Studio Code es el mismo producto en todas las plataformas, por lo que la necesidad de esto es menos clara.

Windows taskbar thin

_Las nuevas compilaciones de VS Code Stable y Insiders en la barra de tareas de Windows 10_

macOS dock thin

_Las nuevas compilaciones VS Code Stable y Insiders en macOS dock_

ubuntu dock thin

_Las nuevas compilaciones VS Code Stable e Insiders en el dock de Ubuntu 18.04_

Dado esto, hemos decidido usar los mismos íconos de producto para VS Code en todas las plataformas.

Plan de despliegue

Planeamos actualizar los íconos la próxima semana. Insiders estará disponible de inmediato y Stable estará disponible a principios de junio. Gracias nuevamente por todos los comentarios, realmente esperamos que te gusten los nuevos íconos.

El nuevo ícono de información privilegiada se ve mucho mejor en mi opinión, el nuevo tono de verde es una gran mejora con respecto al anterior y es realmente muy agradable. Creo que realmente lo has logrado esta vez. ¡También es bueno saber que los íconos de VSCode serán idénticos en todas las plataformas!

También creo que el ícono de Visual Studio para Mac encaja a la perfección con la aplicación, en términos de que es 'más completo', creo que el ícono transmite esto muy bien con su representación 'más completa'. Buen trabajo 👍🏼

¿Se está quedando con el naranja para el ícono de construcción de exploración?

¡Ambos nuevos íconos son absolutamente hermosos! Gracias por comunicarse con la comunidad, solicitar comentarios y tomarlos en consideración. Realmente se agradece mucho. 🙂

¿También se actualizan los recortes del icono de Vista previa de Visual Studio? De lo contrario, esto sería inconsistente.

@ Studio384 los iconos de Visual Studio Preview también se actualizarán

LOS AMO MUCHO. Tanto que se requirió todo en mayúsculas.

Me gusta mucho el cambio. No he tenido el problema de la confusión de Excel, pero creo que el nuevo ícono es una mejora.

Excelente. Nunca pensé que amaría tanto a _cambiar_

También me gusta mucho este cambio. ¡Luce realmente bien!

Realmente me gusta la nueva versión de Insiders con espacio reducido, sin embargo, preferiría un color más oscuro.

Sería genial tener dos colores del icono de Insiders incluido en el archivo .exe .
Nunca tuve problemas para distinguir Excel y VS Code y el color más oscuro se ve mejor para mí.

¿Se incluirá esto en la próxima actualización?

Es un cambio agradable ... y marca la diferencia. Buen trabajo.

@vinayakkulkarni sí, la próxima versión estable tendrá el ícono actualizado y los iniciados lo obtendrán antes (ya sea mañana o lunes).

Me gusta el nuevo estilo, pero tal vez tengamos que hablar sobre el icono verde de los iniciados.

@misolori Estoy en una versión de Exploración, debido a problemas de compatibilidad de color que se resuelven en Electron 4.x . Dado que las compilaciones de Exploration son de color naranja, ¿producirá una versión teñida de naranja para esas compilaciones?

image

@jdsimcoe sí, también actualizaremos nuestro ícono de construcción de exploración.

@misolori Ustedes son

La forma propuesta por la OMI es mejor que la actual, pero el color no debe ser azul. Un color diferente del color del icono de Visual Studio sería mucho mejor.

Sé que esto es una posibilidad remota, pero en términos de accesibilidad, ¿no se recomendaría agregar un poco más de distinción entre internos y estables? Estoy pensando en las personas daltónicas.

Esto luce bien. El azul

@Nepomuceno para mejorar la accesibilidad agregamos los "recortes" y cambiamos el tono para que sea más notorio para los usuarios daltónicos. Así es como se ve en Deuteranopia:

image

Solo quería decir que este ícono es una gran mejora con respecto al ícono que tenemos ahora.

La forma simple lo lleva y se lee bien fuera del ecosistema de Microsoft.

Estilo de icono

Creo que este ícono se siente mucho más en casa, y en macOS particularmente, aunque eso me trae otras preguntas a la mente.

La aplicación en sí tiene un diseño plano muy rectangular sin bordes redondeados ni sombras (excepto la paleta de comandos y los menús desplegables), sin embargo, el ícono se está moviendo hacia un aspecto de rectángulo redondeado / Apple con sutiles señales de sombreado / profundidad en 3D.

Si esto es una señal de que el lenguaje de diseño de la aplicación ahora puede suavizarse , estoy totalmente de acuerdo. Creo que vscode en cierto modo es mucho más grande que solo ser un reflejo de Microsoft, pero es el futuro de cuántas personas experimentarán el código y el trabajo en general.

Creo que el mejor "diseño plano" es en realidad un compromiso entre el color completamente plano y el diseño completamente renderizado de la era de Steve Jobs.

Ícono de iniciados

Los cortes me parecen extrañamente 2d en el contexto de un icono que tiene un estilo 3D. Dibujé una versión en la que había una banda más oscura pintada en la cinta, pero tampoco se veía muy bien. Entiendo que se trata de accesibilidad, solo espero que con el tiempo se pueda encontrar un compromiso más estético. @andrewmundy Estoy un poco confundido de que tu "antes" no coincide con las burlas anteriores.

Sombreado en esquinas

Creo que las señales de iluminación sutiles adicionales en la parte superior e inferior del radio de plegado de la cinta ayudarían a vender la curva 3D del nuevo ícono. ¿Quizás una pizca de luz de rebote en el pliegue donde los dos lados están muy juntos? ¿Un sutil bisel en los bordes? Hay una ligera imposibilidad física implícita con los fines y la perspectiva también, no estoy seguro de si es intencional.

Todo esto se trata de refinamientos sutiles, el diseño que tienes es bueno.


Aquí hay un meta-punto sobre la crítica del diseño al aire libre. Aprecio que @misolori desafíe las secciones de comentarios y escuche ... hay muchas perspectivas a veces conflictivas, pero el diseño parece estar mejorando como resultado. (también continuó conversación en twitter)

ps VSCode es el único producto de Microsoft que uso, pero ha sido increíble y realmente cambió mi opinión sobre todos ustedes.

¿Dónde puedo conseguir un archivo icls para probar este nuevo pastel? 😋

Realmente necesito el formato ico de este nuevo logotipo para poder cambiar el programa de código de mi estudio visual local y disfrutarlo.

Me encanta el icono propuesto, ¡es mucho más moderno y fresco que el actual (aunque todavía me gusta)!

Para compilaciones exploratorias, quizás el ícono puede permanecer igual, pero en lugar de rellenar use el patrón de zig-zag como en https://github.com/microsoft/vscode/issues/71827#issuecomment -495306980 (como en, en lugar de forma sólida, la forma está llena de líneas en zig-zag, ya que es un "boceto").

Realmente me gustan los nuevos íconos 👍

Me gusta el primer diseño para el ícono de macOS ( Manteniendo un ícono de estilo nativo de macOS ) en la última versión de VS Code.

Me refiero a este icono:
55649462-e084f980-5797-11e9-8ac7-fd493fe5ff15

Me encanta el "icono único" en el que aterrizaste. Nunca fui un fanático del borde y el fondo del ícono original de Mac que propusiste, y estoy muy feliz de que hayas elegido abandonar esa versión por un ícono que coincide con todas las plataformas.

Todo bien, pero un poco más de matiz tanto para los principales como para los internos son bienvenidos

En mi opinión, los iconos son demasiado grandes. Así es como se ve en mi muelle; parece extraño en comparación con los iconos de arriba y de abajo. También estoy de acuerdo en que un poco más de tono se vería mejor.

Screenshot 2019-05-25 at 20 36 26

@albireox Creo que el color es genial, pero el tamaño se acerca demasiado al borde de la base de macOS.

@albireox ya tenemos una solución para el tamaño del icono, debería actualizarse en la próxima versión de información privilegiada.

Me gusta el ícono de VS, pero no recupere las sombras insertadas de Windows 8.

Realmente aprecio el pensamiento de diseño que se incluyó en este nuevo ícono, y sé que algunas personas nunca estarán detrás de algo nuevo, sin importar lo bueno que sea. Dicho esto, aquí hay algunas críticas:

El uso inconsistente de sombras insertadas es discordante:
Fullscreen_5_26_19__2_52_PM

Encuentro que las esquinas redondeadas tienen una sensación más infantil, las esquinas afiladas del icono anterior se sentían más nítidas y profesionales.

Solo lanzo mi opinión, como dijo

Simplemente encuentro el ícono un poco demasiado grande (que sé que se está arreglando), pero lo estoy mezclando constantemente con Excel ahora hasta el punto de la frustración. Tal vez sea la memoria de los músculos (¿ojo?), Pero vaya, prefiero un entorno en algún lugar para guardar el anterior.

¿Es esta una posibilidad?

EDITAR: Estoy 100% de acuerdo con el comentario de Adel anterior: el verde bordeado (er) se ve muy bien. No hay confusión allí.

Después del fin de semana con el nuevo icono de Insiders, hay dos observaciones:

  1. En W10 con espacios oscuros en el tema del sistema operativo en el ícono de información privilegiada, no se sienten como espacios intencionales para denotar un logotipo deconstruido, sino más bien como sombras duras en una forma pseudo-3D.
    Es posible que las brechas más grandes se vean más en su lugar.
  1. Sería genial comprobar cómo se vería el icono en tono antiguo. El actual se ve realmente pálido, desaturado y no se siente como el ícono de VS Code (información privilegiada / estable) u otros productos de MS.

Anteriormente comenté que los espacios reducidos se ven mejor, sin embargo, verificar la barra de tareas real en SP3 no se ve tan bien.
Mi preocupación con respecto al tono del icono de Insiders se confirmó y preferiría al menos comprobar cómo se vería la nueva forma con el tono antiguo.

como un pez feo, hmm ... pero me encanta.

Los nuevos iconos se ven geniales. Sin embargo, en macOS, algo sobre el ícono de información privilegiada solo lo hace parecer ... ¿borroso? (a falta de una palabra mejor) en el muelle, especialmente con fondos más claros.

image

Creo que le faltan algunos contornos contrastantes y sombras

¡Es genial que el ícono ya no se vea demasiado grande!

Por mucho que mencione que me encanta el nuevo color del icono anteriormente en este hilo, debo admitir que no se ve tan bien cuando está en un fondo parcialmente transparente, ya sea claro u oscuro.

Creo que se ve muy bien en fondos oscuros sólidos, pero defo necesita algunos ajustes para una mejor definición en general, tanto en fondos más claros como donde se aplica algo de transparencia.

Los nuevos iconos se ven geniales. Sin embargo, en macOS, algo sobre el ícono de información privilegiada solo lo hace parecer ... ¿borroso? (a falta de una palabra mejor) en el muelle, especialmente con fondos más claros.

image

Creo que le faltan algunos contornos contrastantes y sombras

De acuerdo con @weijiangan y @dalDevelo , los nuevos íconos para Insiders simplemente no se ven bien contra un fondo claro (en este caso, el fondo predeterminado de MacOS Mohave:

image

Creo que el ícono de información privilegiada carece de contraste (al menos en MacOS), por lo que puedo decir, no hay una sombra que pueda hacer que el ícono "salte" como otros íconos, especialmente en el conmutador de aplicaciones (cmd + pestaña), es también se nota en el cajón como señaló @weijiangan

Para mí, personalmente, no puedo encontrar el ícono visualmente cuando lo coloco al lado de otros íconos de aplicaciones cuando está sobre un fondo blanco. Me refiero a la rapidez en el reconocimiento del icono.

image

Gracias a todos por los comentarios hasta ahora, trabajaremos para abordar los problemas de contraste para los íconos de Mac y Linux.

@misolori también hay problemas de contraste en W10 (especialmente cuando el ícono de VS Code está activo).

@IllusionMH ¿puedes publicar una captura de pantalla?

image
no se ve muy contrastante cuando la ventana está activa y el icono de la barra de tareas está resaltado.
No es tan malo como el Mac OS transparente, pero es peor que antes.

Este tono de verde parece ser un error en general. Preferí la versión verde original.

¡Esto luce genial! Pero prefiero el verde original porque parecía más saturado: D

Si el logotipo tuviera un fondo de círculo blanco (o quizás un hexágono), el problema de accesibilidad podría resolverse de una vez por todas.

La versión azul parece mejor y cómoda :)
Por supuesto, si la versión actual pudiera reservarse para iconos alternativos, sería mejor más 👍

Me gusta más este.
👇
image

El otro no se ve muy bien.

Para ser sincero. Ayer hice algunas actualizaciones en mi sistema y me sorprendí cuando vi el nuevo ícono. Primero no sabía qué aplicación era esa (estoy usando elementaryOS 5 con un conjunto de íconos personalizados que básicamente son los íconos de macOS en mejor forma).

ME ENCANTA el nuevo ícono que obtuve con la actualización (VSCode sobrescribió el ícono de mi ícono configurado con el nuevo estilo).

image

Hice algunas búsquedas en Google pero no encontré una versión de alta calidad del ícono verde en azul.

¿Alguien tiene eso? (PNG, Transparente, 1024x1024)

Por ahora extraje el logotipo azul de la última versión estable de Windows para reemplazar el icono similar a macOS fuera de lugar. (Extrajo el exe, copié el icono y lo seleccionó en el archivo .desktop)
image


Me engañé un poco, y esto es lo que obtuve:

image
(Estilo de Windows)

image
(estilo macOS)

image
( Estilo macOS de @wyfang)

(Todas las imágenes son un poco pequeñas debido a la edición manual realizada por un novato en edición de imágenes)


Por favor, haga que este cambio suceda, el nuevo logo es MUY BUENO. (Y mantenga esa separación entre la parte delantera [derecha] y la parte trasera [izquierda] del icono como está ahora, lo hace un 40% mejor)

Si puedo, quiero usar un ícono redondo en mi Mac, por ejemplo:
123

Uhh ... ¿Revertieron los íconos en una compilación reciente de información privilegiada? Lancé Code esta mañana y el ícono volvió al original:

image

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

¿Qué opinas sobre mantener el estilo inclinado en macOS junto con el nuevo ícono?

image

Screen Shot 2019-05-29 at 15 06 31

¡Tengo el mismo problema @jtsom !

El mío volvió al antiguo logotipo en la siguiente creación de información privilegiada después del lanzamiento. El nuevo logo parece existir en todas partes dentro de la construcción de insiders. También he notado que en mi carpeta de aplicaciones, el logotipo antiguo aparece en la lista de aplicaciones, pero al seleccionar la aplicación en el buscador, el nuevo logotipo se muestra en la siguiente columna (cuando se usa la vista de columnas en macOS).

Seguí esto para borrar los cachés de iconos: https://mjtsai.com/blog/2019/02/01/clearing-the-icon-services-cache-in-mojave/ y el nuevo icono (difícil de ver) es espalda.

¿Es posible compartir archivos con posibles diseños de iconos en este hilo (.ico para Windows (o varios iconos en el archivo .exe), otros formatos para Mac y Linux)?
De esta manera, los iniciados podrán verificar cómo se ve el ícono de Insider en su sistema con el nuevo tono, el tono antiguo, y también verificar cómo se verá el ícono estable.

A veces puede encontrar un problema de caché de iconos con el antiguo que aparece en la Mac, el enlace de @jtsom es una buena alternativa para borrar el caché. También puede hacer clic con el botón derecho en la aplicación (en el buscador)> Obtener información> y arrastrar la imagen de vista previa al icono en la parte superior izquierda.

@AtjonTV, la versión estable se actualizará en la próxima versión (con suerte la próxima semana).

@fwcd originalmente propusimos un ícono de estilo Mac, pero después de ver los comentarios, decidimos usar un ícono en todas las plataformas ( consulte esta actualización para obtener más información).

@misolori ¿Consideraste algo como la propuesta de @wyfang ? Se ve muy bien en mi opinión y también sigue las pautas del icono de macOS .

@nblagoev sí lo hicimos, ese era uno de nuestros conceptos originales, pero sentimos que el círculo no ocupaba el espacio de manera eficiente con nuestro logo. Eso es lo que nos lleva al icono de mac propuesto originalmente . Al final, después de muchas discusiones internas y de los comentarios de la comunidad, decidimos usar un solo ícono en todas las plataformas.

A @nblagoev no a todas las personas les gusta que todos los iconos del sistema tengan la misma forma, ya que son difíciles de leer cuando se ven iguales.
Este es elegante, moderno y distintivo.

No estoy seguro de lo que sucedió, pero a alguien le sucedió esto cuando sus Insiders actualizaron:

image

¡Ese no es un ícono muy útil!

No estoy seguro de lo que sucedió, pero a alguien le sucedió esto cuando sus Insiders actualizaron:

image

¡Ese no es un ícono muy útil!

No me gustó la nueva perspectiva, así que fui a buscar la antigua, (la vanguardista), la había dejado en el fodler de vscode, la nueva actualización también la borró de la existencia ... ahora tengo que irme encuéntralo de nuevo ..

¿Por qué macOS no usa el mismo icono que Windows? ¡¡¡Creo que las fronteras son demasiado feas !!!

@longforus , consulte nuestra respuesta actualizada , usaremos un icono en todas las plataformas.

No estoy seguro de lo que sucedió, pero a alguien le sucedió esto cuando sus Insiders actualizaron:
image
¡Ese no es un ícono muy útil!

No me gustó la nueva perspectiva, así que fui a buscar la antigua, (la vanguardista), la había dejado en el fodler de vscode, la nueva actualización también la borró de la existencia ... ahora tengo que irme encuéntralo de nuevo ..

reiniciar el en modo seguro

@jtsom @simdimdim lo siento, esto parece ser un error extraño en Mojave (https://github.com/microsoft/vscode/issues/63068). Reiniciar el dock en la terminal a través de killall Dock parece solucionarlo.

@jtsom @simdimdim lo siento, esto parece ser un error extraño en Mojave (# 63068). Reiniciar el dock en la terminal a través de killall Dock parece solucionarlo.

Tuve que reiniciar en modo seguro.

@longforus , consulte nuestra respuesta actualizada , usaremos un icono en todas las plataformas.

@misolori oh, no me di cuenta, uno en todos es muy bueno. 👍

Borrado de la caché de iconos para iconos estables

Dependiendo de su plataforma, es posible que aún vea el logotipo anterior debido al almacenamiento en caché del icono de la aplicación en el sistema operativo. Aquí hay algunos métodos para Mac que puede intentar usar para borrar el caché:

  1. Reinicie su base a través de killall Dock en la terminal

  2. Ejecute estos scripts en su terminal (que actualiza la marca de tiempo de los iconos):

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 y Explorations, simplemente agregue \ -\ Insiders o \ -\ Exploration a cada referencia de nombre de versión.

  1. Forzar la reconstrucción de la caché de IconService siguiendo estos pasos

🚀 Estamos enviando nuestros íconos estables en la próxima versión (más adelante esta semana) y las compilaciones de Insiders / Exploration ya están usando los íconos. Cerrando este número, ¡gracias nuevamente a todos los que brindaron sus comentarios!

@misolori para que no haya cambios en el icono de Insiders (en Windows)?

¿Podría proporcionar el archivo .ico para la nueva forma de icono de Insiders con tono antiguo?

El cambio en el tono solo para distinguir Stable y Insiders me parece excesivo (dudo que tanto los estables como los internos se usen simultáneamente + utilizados por personas que realmente necesitan un tono diferente) y me complacería configurar el ícono con el tono antiguo manualmente si realmente crees que estos colores son imprescindibles.

@IllusionMH enviaremos lo que hay en Insiders hoy, por favor vea nuestro comentario sobre por qué cambiamos el tono (en caso de que se lo haya perdido). Uno de los objetivos originales de este rediseño era abordar los problemas de accesibilidad que teníamos con el icono de Insiders (no podemos usar el color solo para distinguir el significado). Aquí hay un ejemplo de cómo se mejoró.

@misolori He seguido este hilo y conozco las razones, pero esperaba que también se abordaran los comentarios después del lanzamiento del ícono de Insiders en vivo.

De todos modos, le pregunto si puede compartir archivos con un tono antiguo, para que los usuarios que prefieran el color antiguo con una nueva forma solo puedan configurarlo ellos mismos.
No tengo las herramientas o habilidades adecuadas, pero supongo que esto no será difícil para ti con las fuentes existentes.

¿Podría cargarse el icono de macOS propuesto en algún lugar? Preferiría este sobre el diseño multiplataforma.

¿Estos logotipos también están en Linux Mint?

Todavía veo el viejo.

La diferencia entre VSC y VS todavía parece mínima ... ¿qué hay de elegir algo completamente diferente?

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

¡Hola @ angelov-a!
Estoy usando Ubuntu y tuve el mismo problema (viendo el ícono antiguo después de la actualización), ejecutando el siguiente comando:

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

y reiniciar la sesión después de eso (tal vez simplemente cerrar sesión / iniciar sesión también funcionaría) solucionó mi problema.

Oof, no vi esto hasta que actualicé mi aplicación para encontrar un nuevo ícono en mi Dock. Le insto a que reconsidere la posibilidad de eliminar el antiguo tratamiento de inclinación al estilo de los documentos. Está bien sin el swoosh en el lado derecho, pero perder la inclinación y el rectángulo del documento es un paso atrás. Me recuerda esta línea de una publicación reciente de IconFactory , que ha estado diseñando íconos de súper alta calidad para Mac y otros durante décadas:

[...] un icono de escritorio de Mac, que debería ser similar, pero no igual, a su icono de iOS. Las aplicaciones de servicios públicos suelen tener un icono redondo, mientras que las aplicaciones basadas en documentos reciben un tratamiento en perspectiva.

El icono no debería ser el mismo en todas las plataformas, debería ser similar y reconocible pero adaptado a la plataforma. Y como una "aplicación basada en documentos", VSCode debe mantener la inclinación de la "perspectiva". Cuando comencé a usar VSCode, ¡ese fue uno de los pequeños detalles que hicieron que me gustara la aplicación! El nuevo ícono se siente mucho menos nativo.

¡Hola @misolori!
Creo que agregar mi solución es útil para los usuarios de Linux (¡tal vez solo los usuarios de Ubuntu!).
gracias

@xeptore ,

Gracias por la respuesta.

Desafortunadamente, no funciona en Mint.

El problema, al menos para mí, en Mac, con el ícono Insiders no es tanto la forma, sino el color / contraste. En la imagen de escritorio predeterminada de Mojave, el icono casi desaparece:

image

El problema, al menos para mí, en Mac, con el ícono Insiders no es tanto la forma, sino el color / contraste. En la imagen de escritorio predeterminada de Mojave, el icono casi desaparece:

image

¿Antecedentes de Windows 9x? 😄

Jajaja ... no tonto ...

image

Jajaja, estaba bromeando.

Creo que este problema ocurrirá con casi cualquier ícono. Dependerá de la configuración del tema del sistema operativo del usuario. En su caso al usar la versión estable con el ícono azul, creo que será peor.

Para evitar este tipo de problemas, hoy en día todos mis fondos son negros en la parte inferior. Tuve problemas en el pasado con Spotify, Sublime (con fondo gris) y un montón de otras aplicaciones.

¿Alguien puede explicarme por qué la función de plantilla se aplica a cada parte del ícono de información privilegiada, excepto a esta parte? como, ¿qué está pasando aquí, cómo se supone que mi cerebro analizará esta forma?
Fullscreen_6_5_19__16_37

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

Buena pregunta. Yo tampoco lo vi al principio. Creo que se ve más analizable en un fondo oscuro que el recorte parece implicar un borde que mira al espectador.

@macgyver @fivetwelve el ícono de información privilegiada está destinado a coincidir con el ícono de vista previa para Visual Studio (Windows) , donde está en un espacio 3D:

image

Tengo el mismo problema que @jtsom . La mayoría de los iconos de macOS son "más completos". El nuevo ícono de VS Code tiene demasiadas áreas transparentes y se pierde ... Vea mi muelle como ejemplo (y esto es independientemente de la imagen de fondo)

Veo que el ícono de mi muelle se actualizó, pero no en mi Launchpad, donde todavía muestra el anterior 😬.
¿Podría alguien decirme si así es como debería ser o si me estoy perdiendo algo ...?

Estoy usando Manjaro Deepin, ¿cómo se supone que debo borrar el ícono de mi caché?

¿Hay alguna forma de volver al logotipo anterior en Mac? Amo vscode pero me acostumbro al viejo logo

el nuevo icono parece demasiado grande en Windows.
image

@ HaoyangFan96

puede escribir un script rápido para reemplazar /Applications/Visual\ Studio\ Code.app/Contents/Resources/Code.icns o copiar y pegar el icono en la vista de información (⌘ + i) en la esquina superior izquierda. Tenga en cuenta que las actualizaciones restablecerán esto.

@impulso

¡Gracias!

El anterior se veía mucho mejor.

belleza

¡Hermosa! ¿Dónde puedo comprar pegatinas? :)

@infinnie
Bueno, para mí el tamaño es ideal. Probablemente sea un efecto óptico para ti cuando miras lado a lado con vs2017. vs2019 tiene el mismo diseño. Y luego, los íconos del sistema son muy pequeños. Especialmente el icono del menú Inicio. Tuve que cambiarlo a un poco más grande.

@ regs01 el icono del menú Inicio solía ser mucho más grande y no se veía bien.

@macgyver @fivetwelve el ícono de información privilegiada está destinado a coincidir con el ícono de vista previa para Visual Studio (Windows) , donde está en un espacio 3D:

image

Oh, interesante ... tiene sentido visualmente en el ícono de Studio, pero el de VS Code todavía no tiene mentalmente una forma completa para mí. ¿Quizás por la forma en que las esquinas se redondean en los extremos de la cinta? los bordes redondos tienen sentido cuando la idea es que representan una cinta plana o cinta envuelta alrededor de un borde circular, pero no tanto como los extremos de una cinta plana con esquinas redondeadas. Supongo que es extraño para mí que alguien cortaría con cuidado las esquinas redondeadas de esta cinta, ¡pero bueno!

@ angelov-a, ¿qué pasa con esto?

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

la esperanza ayuda :)

@xeptore ,

He intentado esto también sin éxito.

Tengo el mismo problema que @jtsom . La mayoría de los iconos de macOS son "más completos". El nuevo ícono de VS Code tiene demasiadas áreas transparentes y se pierde ... Vea mi muelle como ejemplo (y esto es independientemente de la imagen de fondo)

De acuerdo, pero pensé que se suponía que el nuevo ícono tenía un "estilo osx" como lo indica OP en la sección "Mantener un ícono de estilo macOS nativo".

¡Este es un trabajo maravilloso! Incluso mejor que el imo original, que extrañé mucho cuando fue reemplazado hace unos años:

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

@RandomPiche, por favor vea nuestra respuesta actualizada donde tomamos los comentarios de la comunidad y usamos el mismo ícono en todas las plataformas.

Nuevo icono elegante.
screenshot

Icon para Mac no es bueno ...

Buen trabajo !!! ¿Podría alguien decirme dónde descargar el icono para Windows en alta resolución?

El archivo Ico en la confirmación https://github.com/rogeraabbccdd/vscode/commit/f2e4f31667dbe2e43256e9e2a23a159caf7876ef parece tener solo una resolución: 64x64. Me pregunto si eso podría convertirse en un problema en algunas situaciones (icono borroso, menos bonito). El icono anterior que tengo tenía varias resoluciones en su interior.
Corrección: Code.exe contiene el conjunto completo de resoluciones, sin problemas allí.

Por qué encontré eso:
Quería hacerme un icono naranja. El azul de un solo color era malo, pero ahora solo quiero seguir viendo el ícono naranja en mi barra de tareas.
Entonces apliqué el tono del ícono antiguo al nuevo:

El archivo Ico en la confirmación rogeraabbccdd @ f2e4f31 parece tener solo una resolución: 64x64. Me pregunto si eso podría ser un problema. No estoy seguro de que estos sean los archivos reales con los que se envía vscode ahora. El icono anterior que tengo tenía varias resoluciones en su interior.

Por qué encontré eso:
Quería hacerme un icono naranja. El azul de un solo color era malo, pero ahora solo quiero seguir viendo el ícono naranja en mi barra de tareas.
Entonces apliqué el tono del ícono antiguo al nuevo:

Gracias de todos modos por tu respuesta :-)

Jajaja. @ B777-300, es una pura coincidencia que mi comentario parezca una respuesta al tuyo.

La confirmación vinculada contiene archivo (s) svg. Por lo tanto, debería ser posible crear imágenes de resolución para un icono, si es necesario.

Borrado de la caché de iconos para iconos estables

Dependiendo de su plataforma, es posible que aún vea el logotipo anterior debido al almacenamiento en caché del icono de la aplicación en el sistema operativo. Aquí hay algunos métodos para Mac que puede intentar usar para borrar el caché:

  1. Reinicie su base a través de killall Dock en la terminal
  2. Ejecute estos scripts en su terminal (que actualiza la marca de tiempo de los iconos):
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 y Explorations, simplemente agregue \ -\ Insiders o \ -\ Exploration a cada referencia de nombre de versión.

  1. Forzar la reconstrucción de la caché de IconService siguiendo estos pasos

No estoy seguro de si esto funciona para Mojave, pero tengo Sierra y los únicos pasos necesarios (sin comandos / scripts, etc.):

  • haga clic derecho en el icono en el Dock -> Options -> Show in Finder

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

Hth ...

¿Hay alguna forma de volver al logotipo anterior en Mac? Amo vscode pero me acostumbro al viejo logo

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

No estoy seguro de si esto funciona para Mojave, pero tengo Sierra y los únicos pasos necesarios (sin comandos / scripts, etc.):

  • haga clic derecho en el icono en el Dock -> Options -> Show in Finder

Hecho

Sí también funciona para Mojave. Lo arrastré fuera de mi documento y luego lo agregué nuevamente y eso lo actualizó.

Espero que el icono de Windows pueda publicarse como un archivo, para poder reemplazar la versión de Mac con la versión de Windows. Me gusta la versión de Windows.

@Leedehai no estoy seguro si se perdió la respuesta actualizada , pero estamos usando el mismo ícono en todas las plataformas.

Espero que Visual Studio para Mac también obtenga un nuevo ícono que coincida con Visual Studio Code (similar al ícono de Windows), por lo que es realmente el mismo ícono en todas las plataformas . ¿Algún plan sobre esto?

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

@tsunheang en este momento Visual Studio y Visual Studio para Mac son diferentes ...

Si bien la necesidad de un ícono separado para Visual Studio para Mac es clara dada la diferencia entre los dos productos (Visual Studio y Visual Studio para Mac). Visual Studio Code es el mismo producto en todas las plataformas, por lo que la necesidad de esto es menos clara. - comentario completo

@xeptore , he intentado esto también sin éxito.

Tuve éxito simplemente haciendo (podría ser una trampa de tener "Keep in dock" activado):

  1. cerrar vscode
  2. desmarque "Mantener en el muelle"
    image
  3. abrir vscode
  4. marque "Mantener en el muelle"

Con un fondo más oscuro el contraste es aceptable, con uno más claro no es tan visible.

Schermata 2019-06-07 alle 09 52 09

Por cierto, si opta por la forma de icono de Visual Studio para Mac, creo que estará bien en todos los escenarios.

Ese cuadrado negro torcido mal colocado que usaste en el ícono en ubuntu fue una verdadera monstruosidad. ¡Me alegra que hayas recuperado el sentido y hayas arreglado el icono!

Tuve un problema después de instalar la última actualización de que solo mi mosaico del menú Inicio no se actualizaba en Windows con el nuevo ícono. Similar a la solución recomendada para macOS , lnk en PowerShell.

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

¡Amo el nuevo ícono!

Buen trabajo, ¡los nuevos íconos son geniales! Tengo un problema, el fondo del icono de inicio del código vs en win 10 siempre está oscuro como vs 'one. ¿Cómo puedo configurar un fondo personal para una aplicación sin código fuente?
image

Sí, actualmente también veo el logotipo global en Mac:
image

No me malinterpretes, me gusta. Simplemente no estoy seguro de si esa es la apariencia deseada o si hay un problema ...

@SanduRajapakse, por favor, la respuesta actualizada , estamos usando el mismo icono en todas las plataformas.

@misolori Debe haberse perdido eso. ¡Excelente! ¡Gracias por la actualización!

¿Cómo mostrar un nuevo icono en ubuntu?

buena actualización ....!

Bonito icono nuevo, simplemente no me gusta en mi barra de acceso rápido de macOS, se ve mal en comparación con todos mis otros programas. Me gustó más el viejo: /

El nuevo icono parece descentrado. Cuando navego a vscode, veo que mis ojos se dirigen a la "x" más pequeña y luego tengo que tomar la decisión consciente de moverla hacia la derecha (donde el icono es más grande) antes de hacer clic.

¿Podríamos trabajar para que el icono esté más centrado o tener la opción de cambiar al icono anterior? Tener una superficie más pequeña hacia el centro del icono es desagradable. Por favor +1 si experimentas lo mismo.

O tal vez girar el ícono para que parezca un matraz podría ayudar :)
vscode-icon-offcenter

@HolyChen Quizás pueda editar Code.VisualElementsManifest.xml en la misma carpeta que Code.exe.

@infinnie Gracias. Modifiqué el color de fondo en xml y reinicié y cambié el tema, pero no funciona.
Encuentro esto en documentos oficiales :

Color de fondo

Especifica el color de fondo del mosaico de la aplicación. Consulte la sección Comentarios para conocer los nombres de los colores.
Tenga en cuenta que el color de fondo especificado aquí también se aplica a estos elementos:

  • El color del botón en cualquier cuadro de diálogo propiedad de la aplicación
  • La página de descripción de la aplicación en Microsoft Store
  • Se aplica a Windows Phone: la elección de "transparente" hace que se utilice el color de acento del sistema.

Parece que el archivo no tiene nada que ver con el color de fondo en el menú de inicio.

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

oh, actualizo el caché de iconos, funciona. ¡Gracias! Mi SS se parece cada vez más a una aplicación para UWP :)

MacOS: puede eliminar VS Code del dock y volver a agregarlo para obtener el ícono actualizado si tiene problemas de almacenamiento en caché del ícono del dock ... no es necesario usar sudo comandos 😄

Me encanta lo apasionados que son los compañeros desarrolladores con sus íconos. Creo que los diseñadores a veces subestiman lo exigentes que somos con la estética. 😄

El nuevo logo me recuerda a mi antiguo logo de Word ¡jaja! Mismo tipo de efecto / sombra.

image

¿Por qué la información privilegiada es diferente? ¿Por qué no usamos este en azul para la versión estable con el mismo tipo de efecto?

@fivetwelve Espero que este hilo hable de cuánto valoramos las aportaciones de todos y de lo apasionada que está la comunidad con nuestros cambios de diseño (también puedes echarle un vistazo a este hilo para ver más). Estamos muy agradecidos por los comentarios, buenos o malos. 😄

@alexmngn , consulte este comentario (y la publicación original) sobre por qué Insiders debe ser diferente. No podemos usar únicamente el color para diferenciar, de lo contrario, los usuarios daltónicos no podrán ver la diferencia.

Screenshot 2019-06-10 at 23 16 21

No soy un gran fanático del nuevo ícono de Mac. Los rechonchos "brazos" carecen del dinamismo del antiguo icono y se pierde en el banquillo quedando algo vacío y desequilibrado. La propuesta original para el ícono de Mac tiene más peso, por lo que funciona mejor aquí.

Me molestó el diseño del nuevo ícono y solo quería el diseño del ícono propuesto (que se ve a continuación).

Así que hice esto a partir de un SVG aleatorio del ícono de Visual Studio para Mac y un SVG del ícono de VS Code . Hice todo lo posible para volver a crear el icono propuesto, manteniéndome lo más cerca posible de la propuesta original. No es ni de lejos perfecto porque el software que utilizo para la edición de vectores no es compatible con algunas de las funciones de SVG que se ven en el icono original, pero hice todo lo posible

descargar

Para obtener una vista previa del icono e instrucciones sobre cómo instalarlo, puede ver este comentario por matpag

El nuevo ícono estable de VSCode no se actualizó en mi computadora portátil Dell con Fedora 30 (GNOME 3.32). He reiniciado esta computadora portátil al menos dos veces desde la actualización de vscode, pero eso no ayudó. Como dijo alguien anteriormente, he intentado borrar y forzar la reconstrucción del caché de iconos, pero tampoco funcionó. Esto es lo que veo:

image

¿Alguien más se enfrenta a este problema?

EDITAR: FUNCIONÓ, todo lo que tenía que hacer era cambiar al paquete de íconos predeterminado a través de la herramienta de ajuste de GNOME, anteriormente tenía el paquete de íconos Papirus-dark instalado y habilitado, y de alguna manera anuló el nuevo ícono de vscode, pero después configurando el paquete de iconos de nuevo a su valor predeterminado (Adwaita), está funcionando como se esperaba.

image

EDITAR 2: No soy un gran fan de este nuevo ícono :(

@ adryd325 ¡¡¡

Cómo instalar en macOS:
Simplemente ingrese a la aplicación, busque la aplicación Visual Studio Code, haga clic con el botón derecho, muestre el contenido del paquete, abra la carpeta Contenido, luego la carpeta Recursos y reemplace el ícono Code.icns con el proporcionado por adryd. (puede cambiarle el nombre en lugar de reemplazarlo si desea restaurar el ícono anterior en algún momento)
Luego, simplemente retírelo de la base o reinícielo y aparecerá.

Esos son los resultados con diferentes colores de fondo y creo que ahora es mucho mejor que el actual:
2
3
1

Acabo de actualizar mi vsc. ¿Por qué elegiste un pez sin la cabeza como logo?

¿Por qué elegiste un pez sin la cabeza como logo?

Permítame recordarle algo de la época en que se introdujo el icono anterior:

image

Entonces yo diría que el pez está mejor ahora.

Sé que hay amantes y enemigos del nuevo icono.

Soy un amante. Agradable, ligero y sencillo.

Personalmente, me alegro de que solo use VS Code y no todos los demás, porque, vaya, todos estos serían confusos. En mi humilde opinión, un buen ejemplo de cómo hacer iconos de conjuntos de productos es Adobe Creative Suite 6; todos son de diferentes colores y letras diferentes, y no es necesario que memorice qué forma es qué programa (tengo nueve en mi barra de tareas y no tengo problemas para diferenciarlos), en comparación con los productos de Microsoft en los que dos o tres de los los íconos tienen íconos tan similares (pez, infinito, X) y tan similares (verde, verde azulado, aguamarina, azul) para programas tan similares, que me perdería si no estuviera usando VS Code.

Me gusta el nuevo ícono lanzado, el pez aguamarina / verde azulado por sí mismo. Pero también creo que tener más de uno o dos íconos de esta naturaleza, con colores / formas que cambian constantemente, sería mucho más complicado que beneficioso para sus usuarios avanzados.

Solo mis $ 0.02

@JosephWeaver Los iconos de Microsoft Office Suite también tienen letras y colores diferentes y tienen formas similares. Son asombrosos.

¿Cómo mostrar un nuevo icono en ubuntu?

¿Alguien quiere mostrarnos cómo mostrar un nuevo icono en Ubuntu?

La mayoría de los íconos en macOS tienen un centro relleno. Debido a que el nuevo ícono tiene un agujero transparente en el medio, parece fuera de lugar en comparación con otras aplicaciones de Mac. Estoy de acuerdo con la implementación de @ matpag- @ adryd325 del ícono propuesto que se ve consistentemente mejor en todos los ámbitos en el dock, el conmutador de aplicaciones, en el launchpad y en la carpeta de la aplicación. También tiene el mismo aspecto tanto si el modo oscuro está activado como desactivado e independientemente del color del fondo de pantalla del usuario.

Entiendo el objetivo de tener un icono en todas las plataformas, pero es una lástima que el lenguaje de diseño visual de macOS tenga que sufrir. No me gustaba mucho el icono antiguo, pero al menos parecía una aplicación de Mac.

Borrado de la caché de iconos para iconos estables

Dependiendo de su plataforma, es posible que aún vea el logotipo anterior debido al almacenamiento en caché del icono de la aplicación en el sistema operativo. Aquí hay algunos métodos para Mac que puede intentar usar para borrar el caché:

  1. Reinicie su base a través de killall Dock en la terminal
  2. Ejecute estos scripts en su terminal (que actualiza la marca de tiempo de los iconos):
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 y Explorations, simplemente agregue \ -\ Insiders o \ -\ Exploration a cada referencia de nombre de versión.

  1. Forzar la reconstrucción de la caché de IconService siguiendo estos pasos

Para Windows 10, puede ejecutar el siguiente comando en el cuadro de diálogo de ejecución ( Win+R ):

ie4uinit.exe -show

_No he leído todo el hilo, así que espero no repetir los puntos mencionados anteriormente.

Desafortunadamente, no me di cuenta de que esta conversación estaba teniendo lugar hasta que el cambio en el ícono fue eliminado, así que espero que mis comentarios aún valgan algo, pero como usuario de Mac, realmente no me gusta el nuevo ícono. Prefiero tanto el ícono antiguo como el ícono de Mac nuevo pero rechazado. El nuevo ícono se siente fuera de lugar en mi Mac porque viola las siguientes reglas (empíricas) que siguen casi todos los demás íconos de aplicaciones (aproximadamente 100) en mi Mac:

  1. Los iconos son circulares, rectangulares verticales o rectangulares inclinados. En particular, las aplicaciones centradas en documentos (por ejemplo, Pages, TextEdit, Notes, Mail), que es VS Code, son rectangulares inclinadas. El icono de VS Code no es ninguna de estas formas.
  2. Los iconos están simplemente conectados , sin agujeros. El icono de VS Code tiene un agujero en el medio.
  3. Los iconos son casi convexos: el contorno tiene a lo sumo unas pocas protuberancias menores (los bolígrafos que sobresalen de las aplicaciones centradas en documentos antes mencionadas, las "colas" de Messages.app, el contorno ondulado del sello que es el icono de Correo) pero es de lo contrario convexo. El ícono de VS Code tiene dos no convexidades prominentes, acentuadas aún más por los ángulos agudos del ícono.
  4. Cuando un icono usa un degradado para indicar la presencia de una fuente de luz, esa fuente de luz está encima del icono. En contraste, la fuente de luz del ícono de VS Code está casi directamente frente a él, como lo indican las regiones más oscuras más cercanas a la "parte posterior" del ícono. El degradado de arriba a abajo del icono es demasiado sutil.
  5. El ícono es bastante difícil de ver cuando se usa la base transparente en ciertos fondos (vea las capturas de pantalla a continuación). La mayoría de los íconos tienen un borde que los ayuda a destacarse en cualquier fondo, pero el ícono de VS Code no.
    Screen Shot 2019-06-12 at 2 34 39 PMScreen Shot 2019-06-12 at 2 33 28 PM

Creo que es más importante que el ícono encaje en cada sistema individual en el que esté que tener el mismo ícono en todos los sistemas, especialmente porque los íconos interactúan naturalmente con el sistema en el que se encuentran, el punto 5 anterior es un ejemplo de esto: los íconos de Mac deben funcionar bien en una variedad de fondos de diferente saturación, mientras que (supongo) los íconos de Windows no lo hacen. El ícono de Mac rechazado es ciertamente mejor que el ícono nuevo, pero incluso el ícono de Mac antiguo estaba bien y, en mi opinión, mejor que los dos íconos nuevos.

El nuevo icono parece descentrado. Cuando navego a vscode, veo que mis ojos se dirigen a la "x" más pequeña y luego tengo que tomar la decisión consciente de moverla hacia la derecha (donde el icono es más grande) antes de hacer clic.

¿Podríamos trabajar para que el icono esté más centrado o tener la opción de cambiar al icono anterior? Tener una superficie más pequeña hacia el centro del icono es desagradable. Por favor +1 si experimentas lo mismo.

O tal vez girar el ícono para que parezca un matraz podría ayudar :)
vscode-icon-offcenter

Se ve mejor si su muelle está a un lado.

La mayoría de los íconos en macOS tienen un centro relleno. Debido a que el nuevo ícono tiene un agujero transparente en el medio, parece fuera de lugar en comparación con otras aplicaciones de Mac. Estoy de acuerdo con la implementación de @ matpag- @ adryd325 del ícono propuesto que se ve consistentemente mejor en todos los ámbitos en el dock, el conmutador de aplicaciones, en el launchpad y en la carpeta de la aplicación. También tiene el mismo aspecto tanto si el modo oscuro está activado como desactivado e independientemente del color del fondo de pantalla del usuario.

Entiendo el objetivo de tener un icono en todas las plataformas, pero es una lástima que el lenguaje de diseño visual de macOS tenga que sufrir. No me gustaba mucho el icono antiguo, pero al menos parecía una aplicación de Mac.

Creo que depende de lo que haya detrás del muelle, de verdad. Sería bueno que Apple mantuviera la última versión del Dock de vidrio 3D de hace muchos años; se ve mejor en eso.

Llego un poco tarde a la fiesta, como la última vez. Estoy realmente molesto por el logotipo de VS Code que usa colores similares al logotipo de VS 2019 (para personas daltónicas). No veo ninguna diferencia entre los dos y eso hace que cambiar entre los dos sea realmente difícil. Actualmente estoy creando mis propias compilaciones con un logotipo rosa de VS Code para ver realmente la diferencia entre los dos.

Con suerte, esto se puede tener en cuenta la próxima vez que haya un cambio de logotipo.

Llego un poco tarde a la fiesta, como la última vez. Estoy realmente molesto por el logotipo de VS Code que usa colores similares al logotipo de VS 2019 (para personas daltónicas). No veo ninguna diferencia entre los dos y eso hace que cambiar entre los dos sea realmente difícil. Actualmente estoy creando mis propias compilaciones con un logotipo rosa de VS Code para ver realmente la diferencia entre los dos.

Con suerte, esto se puede tener en cuenta la próxima vez que haya un cambio de logotipo.

El logotipo de Visual Studio es un símbolo de infinito, mientras que el de Visual Studio Code es un pez.

Vine aquí después de ver las Notas de la versión mostrando el nuevo logotipo para decir lo mismo que @ StefanJanssen95. Una gran cantidad de personas son daltónicas en rojo / verde (el tipo más común) y este ícono es increíblemente difícil de diferenciar de VS2019 (la pequeña línea a la izquierda del ícono VS2019 es insignificante en una barra de tareas pequeña y oscura). Tal vez un modo para daltónicos sea apropiado, como en muchas otras aplicaciones.

El logotipo de Visual Studio es un símbolo de infinito, mientras que el de Visual Studio Code es un pez.

wow, sí, eso es cierto, pero apenas reconocible rápidamente.

El logotipo de Visual Studio es un símbolo de infinito, mientras que el de Visual Studio Code es un pez.

wow, sí, eso es cierto, pero apenas reconocible rápidamente.

El código lógico de Visual Studio es el 75% del infinito

@ adryd325 ¡¡¡

Cómo instalar en macOS:
Simplemente ingrese a la aplicación, busque la aplicación Visual Studio Code, haga clic con el botón derecho, muestre el contenido del paquete, abra la carpeta Contenido, luego la carpeta Recursos y reemplace el ícono Code.icns con el proporcionado por adryd. (puede cambiarle el nombre en lugar de reemplazarlo si desea restaurar el ícono anterior en algún momento)
Luego, simplemente retírelo de la base o reinícielo y aparecerá.

No funcionó para mí. Quiero decir, un poco lo hizo, pero no del todo. Esto es lo que quiero decir:



Haga clic para ampliar la imagen

weird

Salí de VSCode, lo eliminé de Dock e hice killall Finder pero sigue siendo el mismo. Voy a probar el método sudo. Por cierto, estoy en Mojave 10.14.5.

EDITAR: Borrar el caché del comentario de muchas gracias a

Oh, y para ser claro. ¡El hecho de que esté usando el ícono de @ adryd325 no significa que no aprecie todo el tiempo y esfuerzo que el equipo de VSCode ha dedicado al nuevo diseño! 😉

Prueba killall Dock

El viernes 14 de junio de 2019 a las 5:57 a. M., Matronator [email protected] escribió:

@ adryd325 https://github.com/adryd325 ¡¡¡ Muchas gracias !!!

Cómo instalar en macOS:
Simplemente ingrese a la aplicación, busque la aplicación Visual Studio Code, haga clic derecho, muestre
contenido del paquete, abra la carpeta Contenido, luego la carpeta Recursos y reemplace
Icono de Code.icns con el proporcionado por adryd. (puedes cambiarle el nombre en su lugar
de reemplazarlo si desea restaurar el ícono anterior en algún momento)
Luego, simplemente retírelo de la base o reinícielo y aparecerá.

No funcionó para mí. Quiero decir, un poco lo hizo, pero no del todo. Este es
lo que quiero decir:
Haga clic para ampliar la imagen

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

Salí de VSCode, lo eliminé de Dock e hice killall Finder pero aún está
lo mismo. Voy a probar el método sudo. Por cierto, estoy en Mojave 10.14.5.

-
Recibes esto porque te mencionaron.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/microsoft/vscode/issues/71827?email_source=notifications&email_token=ALOM2RA4NCHAPZ4Q6LSAQDDP2NTO3A5CNFSM4HD7G7SKYY3PNVWWK3TUL52HS4DFVREXG43VMDVNXPW63 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/ALOM2RAMG5QSNOIEQTZ2KQ3P2NTO3ANCNFSM4HD7G7SA
.

Prueba killall Dock
...

@ adryd325 Gracias, ya lo arreglé (publicación editada, pero probablemente no apareció en su notificación por correo) 😉

También puede lograr algo similar solo para .app abriendo la nueva imagen o archivo ICNS con Vista previa, presionando Cmd + A, Cmd + C, luego haciendo clic en el pequeño ícono de la ventana Obtener información (abajo) y presionando Cmd + V para pegue el nuevo icono en la piscina. La forma más rápida de cambiar todos tus iconos en macOS.

image

También puede lograr algo similar solo para .app abriendo la nueva imagen o archivo ICNS con Vista previa, presionando Cmd + A, Cmd + C, luego haciendo clic en el pequeño ícono de la ventana Obtener información (abajo) y presionando Cmd + V para pegue el nuevo icono en la piscina. La forma más rápida de cambiar todos tus iconos en macOS.

image

👍 He estado haciendo eso para carpetas, gran característica. Pero aún tendría que actualizar la caché para que el cambio se mostrara en Dock / Finder / Launchpad (o al menos yo también).

La forma más sencilla de actualizar el icono en el dock en MacOS:

  1. Anclar VS Code a la base (Mantener en la base).
  2. Salga de VS Code si está abierto.
  3. Desanclar VS Code de la base (Eliminar de la base).
  4. Abra Aplicaciones en Finder y arrastre la aplicación de regreso al dock.

La forma más sencilla de actualizar el icono en el dock en MacOS:

  1. Anclar VS Code a la base (Mantener en la base).
  2. Salga de VS Code si está abierto.
  3. Desanclar VS Code de la base (Eliminar de la base).
  4. Abra Aplicaciones en Finder y arrastre la aplicación de regreso al dock.

No sé por qué, pero así es exactamente como lo hice la primera vez y no funcionó. Tuve que salir de VSCode y seguir las instrucciones de un comentario anterior.

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

En mi experiencia, salir de la aplicación y reiniciarla (haciendo clic en ella en el Dock) casi siempre actualiza su ícono, pero lo que sea funciona. Cerrar sesión y volver a iniciarla o reiniciarlo probablemente también sea bastante rápido hoy en día.

Windows 10. Actualizado. Mismo icono.

Windows 10. Actualizado. Mismo icono.

Aquí igual. Windows 10, VSCode actualizado, inició la última versión, ejecutó el comando

ie4uinit.exe -show

pero todavía tiene el icono azul.

¿Cómo actualizo el icono en Windows 7?

¿Por qué elegiste un pez sin la cabeza como logo?

Permítame recordarle algo de la época en que se introdujo el icono anterior:

image

Entonces yo diría que el pez está mejor ahora.

eso es bueno

¿Por qué elegiste un pez sin la cabeza como logo?

Permítame recordarle algo de la época en que se introdujo el icono anterior:

image

Entonces yo diría que el pez está mejor ahora.

En cuanto a un diseñador de logotipos, el cambio anterior me apuñaló en el corazón, así que dibujé esta caricatura para explicar lo que está mal con el ícono tanto como pude.

Hoy, desde el punto de vista técnico, el icono se ve muy bien. Gracias por el cambio, ahora puedo hacer clic en él sin emociones negativas. ¡Espero que el logo se vuelva infinito algún día!

¿Por qué elegiste un pez sin la cabeza como logo?

Permítame recordarle algo de la época en que se introdujo el icono anterior:

Entonces yo diría que el pez está mejor ahora.

En cuanto a un diseñador de logotipos, el cambio anterior me apuñaló en el corazón, así que dibujé esta caricatura para explicar lo que está mal con el ícono tanto como pude.
Hoy, desde el punto de vista técnico, el icono se ve muy bien. Gracias por el cambio, ahora puedo hacer clic en él sin emociones negativas. ¡Espero que el logo se vuelva infinito algún día!

Solía ​​ser el icono de Visual Studio.

@alexanderby Oh, es bueno ver al autor de la imagen aquí. Tenía esta imagen guardada, pero no podía recordar de dónde la saqué.
Gracias por hacerlo.

Ja, esa imagen apareció en mi Microsoft de incorporación de esta semana - que está ahora famoso @alexanderby 🎉

Odio tanto el nuevo ícono que estoy degradando mi versión de VS Code, y cambiaré los IDE si no se revierte, porque simplemente no puedo soportar mirar algo tan horrible todo el día. ¿Alguien realmente probó este ícono en una máquina real antes de que se implementara, o simplemente lo miró en las presentaciones de productos? Me cuesta creer que cualquiera que lo haya visto en un entorno del mundo real en una Mac real lo deje salir de la sala de diseño.

Francamente, este es el peor logo que he visto en mi vida para cualquier producto. No tiene en cuenta la estética de Mac que siguen todos mis otros íconos. Todos los demás íconos de mi base son rectangulares o tienen alguna otra simetría visualmente atractiva. Este está torcido y totalmente fuera de lugar. ¿Por qué tuviste que cambiar por cambiar? Este logo es realmente malo.

Supongo que fue una buena carrera mientras duró.

@Kallaste

Muy bien, entiendo que el diseño es importante, incluso cuando se trata de programación, pero esta es una reacción exagerada grave. Sugiero simplemente reemplazar el archivo icns. Seguro que es hacky y no es una solución permanente (aunque podría modificarlo para que sea de solo lectura), pero como desarrollador, puede manejar eso.

En cuanto a deshacerse de vscode como editor, si el ícono fue la única razón por la que lo eligió, hágalo, o no, es un poco ridículo cambiar de editor solo por un ícono. Algo que rara vez forma parte de la interfaz de usuario de los editores.

¿Fue útil esta página
0 / 5 - 0 calificaciones