Google no es una empresa convencional. Nuestra misión de llevar la información del mundo y hacerla universalmente accesible y útil, sigue evolucionando. El año pasado introdujimos Diseño de materiales para ayudar a los diseñadores y desarrolladores adoptan una expansión, multi-dispositivo, mundo multi-pantalla.
Con estas consideraciones en mente, estamos muy contentos de compartir una nueva identidad de marca que tiene como objetivo hacer Google más accesible y útil para nuestros usuarios-donde quiera que puedan encontrar la misma.
Desde su creación, la página Google.com ha sido sorprendentemente simple: el, logotipo multicolor peculiar se sienta encima de una sola, campo de entrada accesible en un lienzo blanco limpio. Pero a medida que la tecnología avanza, el lienzo en sí está cambiando, y las entradas y las necesidades son cada vez más diversa. Nuevas clases de dispositivos y formas de interactuar y comunicarse han surgido con vestibles, tecnología de voz y dispositivos inteligentes en el mundo que nos rodea.Ahora, los usuarios se comprometen con Google usando una constelación de dispositivos, y nuestra marca deben expresar la misma sencillez y alegría que esperan de nuestra página web, mientras que abrazar plenamente las oportunidades que ofrece cada nuevo dispositivo y la superficie.
He aquí un vistazo a algunas de las consideraciones de diseño que entraron en tomar lo mejor de lo que la gente conoce y gusta de Google, y la evolución de la marca para seguir siendo tan dinámico y poco convencional como nos esforzamos por ser.
Diseñado conjuntamente
A principios de este año, los diseñadores de todas partes de la compañía, incluyendo Creative Lab y el equipo de diseño de materiales, se reunió en Nueva York para una intensa semana de diseño de sprint. Redactamos un escrito que identifica cuatro retos que queríamos dirección:
Una marca escalable que podrían transmitir la sensación del logotipo completo en espacios restringidos.
La incorporación de movimiento inteligente dinámica que respondió a los usuarios en todas las etapas de una interacción.
Un enfoque sistemático para la marca en nuestros productos para proporcionar coherencia en encuentros diarios de las personas con Google.
Un refinamiento de lo que nos hace Googley, combinando lo mejor de la marca de nuestros usuarios conocen y aman con una consideración cuidadosa de cómo sus necesidades están cambiando.
Empezamos destilando la esencia de nuestra marca a sus centrales y cuatro colores sobre un fondo blanco limpio y construimos una copia de seguridad. Stickies estaban atrapados, fueron empujados alfileres, y Beziers estaban animados. Con la sala de montaje lleno de cientos de horas de trabajo de diseño, nos propusimos con algunas direcciones que nos emocionado.
Compartimos el pensamiento con los equipos de toda la organización. Ingeniería, la investigación, el producto y la comercialización a prueba las ideas y evalúan su viabilidad ya que itera sobre la estrategia de diseño y puesta en marcha. Este proceso de colaboración dirigido a un sistema lo suficientemente flexible como para ser usado a través de nuestros materiales de marketing y producto funcione en cualquier plataforma: tres estados elementales que componen un único logotipo.
Diseñado conjuntamente
Los elementos
Google Logotipo
Un logotipo sans serif que conserva nuestra secuencia multi-color distinto.
Puntos
Una destilación dinámica del logotipo para interactivo, de asistencia, y los momentos de transición.
Google G
Una versión compacta del logotipo de Google que trabaja en contextos pequeños.
Entender el sistema
El desarrollo del pensamiento y el diseño es mucho más profundo que los elementos centrales, y una especificación fue desarrollada para ayudar con la coherencia entre los equipos que trabajan en una amplia gama de aplicaciones. Los siguientes ejemplos no son exhaustivos, pero muestran un poco del pensamiento que entró en el sistema.
Logotipo
El logotipo de Google siempre ha tenido un estilo sencillo, amigable y accesible. Queríamos mantener estas cualidades mediante la combinación de la pureza matemática de formas geométricas con la simplicidad infantil de impresión de la letra del libro escolar. Nuestro nuevo logotipo se encuentra en una costumbre, geométrico tipografía sans-serif y mantiene la alegría multicolor y gira ‘e’ de nuestra anterior marca, un recordatorio de que siempre estaremos un poco convencional.
El logotipo última fue probado exhaustivamente en varios tamaños y pesos para una máxima legibilidad en todos los nuevos contextos digitales. Para guiar el uso en pantalla y la impresión, hemos desarrollado estándares para cubrir todos los aspectos del logotipo incluyendo el espaciamiento, las reglas de liquidación, bloqueos de productos y especificaciones línea roja para los tratamientos en el producto.
Google G Construction
El Google G se deriva directamente del logotipo ‘G’, pero utiliza aumentó peso visual de ponerse de pie en los tamaños pequeños y contextos donde tiene que compartir el espacio con otros elementos. Diseñado en la misma red como nuestra iconografía producto, la forma circular era ópticamente refinado para evitar un «sobremordida» visual en el punto donde la forma circular se encuentra con el travesaño. Las proporciones de color transmiten el espectro completo del logotipo y se secuencian para ayudar el movimiento del ojo en todo el letterform.
Google Dots in Motion
Los puntos de Google son un estado dinámico y en perpetuo movimiento del logotipo. Representan la inteligencia de Google en el trabajo e indican cuando Google está trabajando para usted.Consideramos estos momentos únicos, mágicos. Una amplia gama de expresiones fueron desarrollados incluyendo escuchar, pensar, responder, la incomprensión, y la confirmación. Mientras que sus movimientos pueden parecer espontánea, su movimiento está arraigado en caminos consistentes y tiempos, con los puntos en movimiento a lo largo de arcos geométricos y siguiendo un conjunto estándar de las curvas de flexibilización ágil.
Color
Los beneficios Google logotipo de espacios en blanco entre los de letras, pero cuando los colores son adyacentes, como en el caso del G-Google que ópticamente se mezclan y pueden dar lugar a un oscurecimiento y el oscurecimiento del valor original. Hemos ajustado y empujamos la vitalidad de la saturación de color rojo, verde y amarillo para mantener y pop.
Implementación
Tipografía
Junto con el desarrollo del logotipo, hemos creado una costumbre, geométrico tipografía sans-serif para complementar el logotipo en bloqueos de productos y materiales de identidad de apoyo. Lo llamamos Sans producto. El diseño tipográfico toma señales de ese mismo libro escolar estilo de letra de impresión, pero adopta la consistencia neutro que todos hemos llegado a esperar de una sans serif geométrica. Esto nos permite mantener un nivel adecuado de distinción entre el logotipo de Google y el nombre del producto. El juego de caracteres es completa con los números, puntuacion, acento y caracteres alternativos, fracciones, símbolos, y apoyos extendió latín, griego y cirílico.
Producto
Muchos de nuestros productos a través de Google lanzará la actualización, pero para la mayoría de la gente, la primera experiencia de la nueva marca será a través de la búsqueda. La Búsqueda UX y equipos de ingenieros trabajaron duro para ofrecer la primera realización de las consultas de texto y de voz, lo que demuestra la gama completa de la identidad de expresión.
Distribución más amplia
Como el diseño evolucionó, la ingeniería ha desarrollado un enfoque único para la generación de activos, control de versiones, y la distribución de autoservicio a través de nuestra base de código.Usando IVS-pixel perfecto para los activos de base, hemos generado automáticamente miles de variantes basadas en vectores para satisfacer el tamaño, el color y los requisitos de fondo. Estas variantes son entonces nos registramos en nuestro control de código fuente en un lugar canónico de evitar duplicaciones y asegurar que cada equipo está usando los activos más correctas, hasta a la fecha.
Esto nos ayuda a hacer el píxel diseño perfecto de todo el mundo se utiliza, y que nos permite optimizar estos activos para el tamaño y la latencia, que incluye la construcción de una variante especial de nuestro logotipo a todo color, que se encuentra a sólo 305 bytes, en comparación con nuestro logotipo existente en ~ 14.000 bytes. El logotipo de edad, con su intrincada remates y mayor tamaño del archivo, requiere que servimos a un aproximación basada en texto del logotipo para las conexiones de bajo ancho de banda. Reducido tamaño de archivo del nuevo logotipo evita esta solución y la consistencia tiene un tremendo impacto si tenemos en cuenta nuestro objetivo de hacer de Google más accesible y útil para los usuarios de todo el mundo, incluyendo los próximos mil millones.
Más allá del diseño
Diseño era sólo una parte del esfuerzo. La realización de la nueva identidad requiere el trabajo colectivo y la diligencia de cientos de empleados de Google, en diferentes papeles, que abarca toda la organización. Ellos merecen gran crédito para la construcción e implementación del sistema hasta el último píxel.
A medida que avanzamos la creación de nuevos productos y experiencias, esperamos que este trabajo continuará entregando la sencillez y deleitamos usted espera de Google, dondequiera nueva tecnología nos puede llevar.
Puntos
Comentarios recientes