¿Cómo se diseñó el nuevo logotipo de Google?
Google nunca ha sido una empresa que sigue las reglas. Nuestro objetivo es ayudar a las personas a aprovechar al máximo, beneficiarse y hacer avanzar la información mundial. El año pasado, desarrollamos Material Design para ayudar a los diseñadores y desarrolladores a ingresar a un mundo vasto, multidispositivo y multipantalla. Con estas ideas en mente, nos complace compartir con usted la nueva identidad de marca de Google: no importa dónde se encuentre, queremos ayudarlo a utilizar Google de manera más fácil y efectiva.
Desde el principio, el diseño del sitio web oficial de Google ha sido muy simple: en el medio de la página blanca hay un cuadro de entrada de búsqueda llamativo y encima está el logotipo único y colorido de Google. La tecnología evoluciona constantemente, las páginas cambian constantemente, los métodos de entrada y las necesidades de los usuarios cambian constantemente. Están surgiendo nuevos dispositivos y métodos de comunicación, especialmente en dispositivos portátiles, tecnología de voz y dispositivos inteligentes. Los usuarios ahora utilizan diferentes dispositivos para iniciar sesión en Google. También debemos transmitirles la sensación simple y divertida que esperan en la página de inicio, permitiéndonos aprovechar las oportunidades que brindan los diferentes dispositivos y plataformas.
Ahora, nos gustaría presentarles a todos nuestra filosofía de diseño, que es comprender la familiaridad y el amor de los usuarios por Google, desarrollar nuestra marca sobre esta base y esforzarnos por convertirnos en una empresa dinámica y poco convencional. compañía. .
* * *Mismo diseño
A principios de este año, diseñadores de diferentes empresas, incluidos los equipos de Creative Lab y Material Design, se reunieron en Nueva York para una intensa semana de reuniones de diseño, Hemos redactado cuatro retos que queríamos lograr:
Crear un símbolo escalable capaz de transmitir un logotipo completo en un espacio limitado
Siendo dinámico e inteligente La combinación de conceptos nos permite responder a necesidades del usuario en cada etapa de la comunicación;
A través de un enfoque sistemático para la marca de nuestros productos, brindamos servicios consistentes para el uso diario de Google por parte de los usuarios;
Refina el estilo de Google, combínalo con la familiaridad y el amor de los usuarios por Google y, sobre esta base, realizar un análisis detallado de los cambios en las necesidades de los usuarios.
Comenzamos extrayendo la esencia de la marca Google, encontrando los elementos clave (cuatro colores sobre un fondo blanco) y uniéndolos. Aunque el estudio era un desastre, con pegamento pegado y chinchetas esparcidas en montones, después de pasar cientos de horas diseñando en él, encontramos varias direcciones nuevas que nos entusiasmaron.
Compartimos ideas en el equipo, y el departamento de ingeniería, el departamento de investigación, el departamento de producto y el departamento de marketing prueban repetidamente diferentes ideas y miden la viabilidad de diferentes ideas. Este proceso colaborativo dio como resultado un nuevo sistema que era lo suficientemente flexible como para usarse para materiales de marketing y tareas de productos en diferentes plataformas: un único logotipo compuesto por tres estados básicos.
Nuevos elementos
El logotipo de "Google"
Utiliza una fuente sans-serif manteniendo el orden de color exclusivo de Google.
Google Dot
Este logotipo se ha mejorado dinámicamente en términos de interactividad, accesibilidad y fluidez.
Google G
Para plataformas con interfaces pequeñas, Google también ha lanzado una versión "compacta" del logo.
Al comprender este sistema, Google ha evolucionado más en pensamiento y diseño que algunos elementos centrales, por lo que desarrollar un conjunto de normas puede ayudar a todo el equipo a mantener la coherencia en diferentes aspectos. El siguiente ejemplo no explica completamente el problema, pero también ilustra algunas de nuestras ideas sobre este sistema.
Símbolo
El logotipo de Google siempre ha mantenido un estilo de diseño sencillo, amigable y humano. Al combinar la forma geométrica original del logotipo con un tipo de letra nuevo y apto para niños, queríamos seguir manteniendo estas características. Nuestro nuevo logotipo se configuró en una fuente sans-serif personalizada, manteniendo al mismo tiempo un estilo relajado con múltiples colores, y se rotó la letra "e" del logotipo original, para mostrar que Google siempre buscará la innovación.
El logotipo final se sometió a una serie de pruebas rigurosas, incluido el tamaño y la claridad en diferentes escenarios digitales.
Al mismo tiempo, para guiar a los usuarios sobre el uso e impresión en la pantalla, hemos desarrollado estándares para logotipos que cubren todas las áreas, incluida la ubicación de los logotipos, reglas para borrar logotipos, lanzamiento de productos y métodos de impresión, etc.
La construcción de Google G
Google G se desarrolla directamente a partir de la "G" del logotipo de Google, pero mejora el uso de efectos visuales en una interfaz pequeña. Como imagen del producto del mismo diseño de cuadrícula, el diseño circular evita visualmente el problema de "demasiado concentrado en un punto", mientras que la proporción de colores transmite el espectro completo del logotipo, y el orden de los colores también favorece el movimiento. de la línea de visión al leer la carta.
Google dot en movimiento
Google dot es el estado del logotipo en dinámico movimiento eterno. No sólo muestran la inteligencia de Google en funcionamiento, sino que también muestran a Google trabajando para usted. Creemos que esta es una forma única y maravillosa de hacer ejercicio. Una presentación completa de Google Dot incluye los siguientes pasos: escuchar, pensar, responder, perplejo y confirmación. Quizás sus movimientos parezcan ocurrir simultáneamente, pero sus movimientos se basan en el mismo camino y tiempo.
Color
El colorido logo de Google destaca gracias al espacio en blanco entre las letras. Pero cuando los colores están muy parecidos, como en el caso del Google G, pueden confundirse visualmente fácilmente, lo que podría restar valor a la idea original. Por lo tanto, ajustamos el tipo de colores, eligiendo rojos, verdes y amarillos vibrantes para mantener la saturación de color y el pop del logotipo.
Proceso de implementación
Imprimir
Para acompañar el desarrollo del nuevo logotipo, creamos una fuente geométrica sans-serif personalizada para complementar la identidad y el diseño del logotipo del producto. materiales. Lo llamamos "Producto Sans". El diseño de la fuente está inspirado en estilos de fuentes similares de libros de texto, pero en un estilo neutro sans-serif consistente. Esto nos permite mantener una distinción adecuada entre el logotipo de Google y el nombre del producto. El conjunto de caracteres consta de números, puntuación, pronunciación, caracteres alternativos, fracciones, símbolos y algunos idiomas extendidos como el latín y el griego.
Productos
Aunque muchos otros productos de Google también se actualizarán, para la mayoría de los usuarios, su primera impresión del nuevo logotipo proviene de la página de búsqueda. Por lo tanto, el equipo de experiencia de usuario y el equipo de ingeniería en búsqueda trabajaron arduamente para brindar soluciones de implementación para búsqueda de texto y voz, mejorando la visualización integral del producto.
Distribución más amplia
A medida que el diseño evolucionó, Ingeniería también desarrolló un enfoque único para la generación de activos, el control de versiones y la distribución de autoservicio basado en nuestra base de código. Utilizando SVG con píxeles perfectos en una configuración básica, generamos automáticamente miles de variaciones basadas en vectores para diferentes tamaños, colores y fondos. Estas variantes se colocan en escenarios típicos de verificación del código fuente para evitar la duplicación y garantizar que cada equipo utilice los recursos más correctos y actualizados.
Esto nos ayuda a crear diseños con píxeles perfectos en todos los aspectos y nos permite optimizar el tamaño y la latencia de estos recursos, incluido el desarrollo de una variante del logotipo a todo color de solo 305 bytes (más allá del logotipo a todo color utilizado). requiere 14000 bytes). El antiguo logotipo, debido a la compleja fuente serif y al gran tamaño, nos obligó a proporcionar una "versión similar" basada en texto del logotipo para usuarios con malas conexiones de banda ancha. Sin embargo, el nuevo logotipo reduce el tamaño del archivo y evita esta solución forzada; cuando nos enfrentamos a los usuarios y queremos que Google esté más cerca de los usuarios y sea más conveniente para ellos, la consistencia del producto también se puede aprovechar al máximo.
Más allá del diseño
El diseño es sólo una parte de nuestros esfuerzos. La realización del nuevo logotipo requiere un esfuerzo colectivo y la sabiduría de cientos de empleados de Google con diferentes funciones. Merecen plena confianza en la construcción e implementación de este último sistema de píxeles.
Dado que Google siempre está trabajando para crear nuevos productos y nuevas experiencias de usuario, esperamos que este trabajo transmita la simplicidad y la diversión que desea ver y sentir en Google, sin importar a dónde nos lleven las nuevas tecnologías. Llévelo a donde quiera. .