Esc

↑↓ navegar↵ abriresc cerrar

EstudiosTipografíasEnviarPatrocinioMCP

Visual Studio

Rebranding · marzo de 2017

Actualización de 2017: insignia infinito morada oscura y sólida → infinito de contorno más ligero + logotipo Visual Studio

Logo de Visual Studio antes y después

AntesHasta marzo de 2017

Logo de Visual Studio vía Wikimedia Commons (autoría: Cronoxyd). Fuente: commons.wikimedia.org

DescargarClaroSVGPNGOscuroSVGPNG

Nuevo logo de Visual Studio (2017)

DespuésDesde marzo de 2017

Logo: Visual Studio. Fuente: visualstudio.microsoft.com (archivado)

DescargarClaroSVGPNGOscuroSVGPNGVersión en modo claro adaptada por Rebrand Log

Datos clave

Visual Studio presentó un nuevo logo en marzo de 2017.

Marca
Visual Studio
Lanzamiento
Fuente: devblogs.microsoft.com
Estudio
Sin datosAñádelo
Qué cambió
Actualización de 2017: insignia infinito morada oscura y sólida → infinito de contorno más ligero + logotipo Visual Studio.
Por qué
Microsoft señaló que los usuarios no distinguían los productos de Visual Studio, por lo que creó una familia de iconos coherente con pictogramas distintos para cada uno.
Fuentes
devblogs.microsoft.com, visualstudiomagazine.com, logolounge.com

Cita esta página Rebrand Log, «Nuevo logo de Visual Studio (2017)», https://rebrandlog.com/es/rebrand/visual-studio-2017/, última actualización .

El rebranding de Visual Studio, explicado

Los desarrolladores pasan todo el día mirando sus herramientas, así que Microsoft trató el cambio de iconos como un asunto importante. En 2017 comenzó a implementar una nueva familia de iconos para Visual Studio, explicada en una entrada por John Lea, responsable de los estudios de diseño detrás de las herramientas de desarrollo de Microsoft. El familiar infinito morado se mantuvo, pero con lo que él llamó una promoción: en su clásico morado oscuro, ahora representaba a toda la suite de Visual Studio, desde el IDE principal hasta Team Services, Blend y Mobile Center.

El detonante fue la confusión. Los usuarios se habían quejado durante mucho tiempo de que no podían distinguir los productos de Visual Studio; Visual Studio Code y Team Services, por ejemplo, tenían iconos azul claro, y Lea admitió que ni siquiera los propios diseñadores de Microsoft podían decir siempre qué azul era cuál. Varios equipos de diseño de tres continentes compitieron con conceptos. Las reglas eran estrictas: los nuevos iconos debían leerse como extensiones del infinito, por lo que seguían su cuadrícula de perspectiva de dos puntos subyacente, sus verticales finas a la izquierda y gruesas a la derecha, y sus líneas rectas y ángulos agudos, como una cinta plegada.

El resultado fue un sistema. El IDE principal utiliza ahora un infinito morado más claro con un borde estilizado, y ese borde enmarca los iconos de los otros productos, cada uno de los cuales lleva su propio pictograma para que los productos puedan distinguirse sin depender solo del color. Visual Studio para Mac coloca el infinito sobre un cuadrado girado al estilo de macOS con sombreado adicional para el Dock. Lea dijo que el objetivo de todo el esfuerzo era facilitar el trabajo de los desarrolladores y permitirles hacer clic con confianza.

Visual Studio Magazine cubrió el nuevo icono de Code relacionado y las previsibles quejas de los desarrolladores, algunos de los cuales dijeron que las nuevas marcas se mezclaban a tamaños pequeños. LogoLounge citó a Chris Dias, del equipo de Code, diciendo que exploraron símbolos de editor antes de decidirse por un fragmento del infinito destinado a sugerir apertura y un toque de la letra «V».

Como diseño de familia, es disciplinado y sensato. La geometría compartida y un marco común hacen que la suite se lea como una sola cosa, y los pictogramas son un diferenciador más inteligente que unos azules ligeramente distintos. El coste es la personalidad: los iconos individuales pierden algo de fuerza en nombre de la coherencia, y las quejas sobre los tamaños pequeños muestran los límites de un sistema estricto.

En resumen: En resumen: un infinito, muchos hijos.

Por la redacción de Rebrand Log · Actualizado el · datos de las fuentes de abajo

Fuentes

  1. 1. devblogs.microsoft.comhttps://devblogs.microsoft.com/visualstudio/iterations-on-infinity/
  2. 2. microsoft.comhttps://www.microsoft.com/en-us/download/details.aspx?id=35825