Rediseñando Android Emoji

Aprenda cómo Google reinventó más de 2,000 caracteres emoji, todo en interés de la expresión.

Desde los días de Android KitKat, nuestros emoji han crecido a más de 2,000 caracteres con solo cambios sutiles en el estilo. Con la proliferación de pantallas de alta densidad y nuevos casos de uso de mensajería, decidimos que era hora de revisar nuestros emoji.

En Google I / O 2017, anunciamos un rediseño completo de la fuente emoji de Android, que incluye una unificación de nuestro estilo visual y un nuevo diseño que fomenta la conciencia cultural a través de emoji diversos e inclusivos.

Ejemplos del emoji de personas rediseñado

Transición a nuevos emoji

Nuestro estilo original de emoji era simple y plano con llamativos toques de color. El diseño plano se convirtió en el estilo característico de Android, lo que nos diferencia de otras plataformas.

Con los años, a medida que se agregaron emoji adicionales en todas las categorías, el conjunto se volvió estilísticamente divergente. Nuestro sistema de diseño no estaba equipado para proporcionar estándares que unificaran el aspecto de todas las ilustraciones en las muchas categorías de emoji. Como resultado, nuestros emoji se volvieron inconsistentes entre los diseños antiguos y los nuevos, lo que dificulta escanear rápidamente el teclado para encontrar el emoji correcto.

Era tiempo de un cambio.

Cambiamos el conjunto de animales de una variedad de estilos a un solo aspecto unificado para cabezas y cuerpos por igual.

Creando un nuevo sistema de diseño

Aprendiendo de la experiencia pasada, un tema central de nuestro rediseño tenía que ser un sistema de diseño sólido que facilitara la creación de un estilo emoji fácilmente identificable. Además de un estilo unificado, el sistema tenía que ayudarnos a mantenernos consistentes y vibrantes a medida que se introdujeran nuevos emoji en el futuro.

Al formalizar la forma, la cuadrícula, la representación y el color, pudimos unificar el conjunto al tiempo que conservamos la expresividad y el carácter. Al crear un sistema de diseño sólido, también abordamos una deficiencia importante en nuestro antiguo estilo, y permitimos que los emoji fueran creados por más de un ilustrador sin dejar de ser coherentes, legibles, comprensibles y representativos en cualquier contexto.

Sistema de forma

¡Adiós, blobs! Hola emotivos círculos blandos.

Sí, lo hicimos. Nos despedimos de los blobs. Nos alejamos de la forma asimétrica y ligeramente dimensional del contenedor a un círculo blandito fácilmente escaneable, confiando en colores llamativos, asimetría intencional, como el nuevo emoji alucinante o el emoji de vaquero con accesorios, y rasgos faciales fuertes para transmitir emoción.

También pasamos mucho, mucho tiempo asegurándonos de abordar la consistencia emocional multiplataforma. Debido a que uno de nuestros principales objetivos con el rediseño era evitar la confusión o la falta de comunicación entre plataformas, queríamos asegurarle al usuario que cuando enviaban un emoji a un amigo, el mensaje se comunicaba claramente independientemente de si estaban en iOS, Windows, Samsung , o cualquier otra plataforma.

Sistema de red

Los emoji están diseñados en una única cuadrícula para maximizar la legibilidad y la consistencia.

En un espíritu de legibilidad y consistencia, creamos emoji en una única cuadrícula. La cuadrícula que utilizamos fue una versión modificada de la cuadrícula del ícono del producto Material Design. Para las ilustraciones, no nos adherimos tan estrictamente a las reglas como lo hacemos para la iconografía, pero capitalizamos en la cuadrícula de tres maneras particulares:

  1. Escala unificadora y consistencia de tamaño en las ilustraciones.
  2. Construir un conjunto consistente de formas en todo el conjunto.
  3. Facilitar a los diseñadores la alineación de varias partes de emoji en los lugares correctos (piense en áreas específicas para ojos y bocas).

También unificamos la dimensionalidad y los ángulos entre conjuntos, optando por ángulos simples tanto como sea posible, enfatizando las vistas bidimensionales sobre las vistas tridimensionales para simplificar y trabajar con nuestra cuadrícula. Y presentamos puntos de vista tridimensionales en los pocos casos en que la legibilidad de los emoji no estaba clara.

Utilizamos la cuadrícula para crear estándares de ángulo y escala. En Android N (fila superior), las posturas, los ángulos y los estilos de los animales eran inconsistentes.

Componentes reutilizables

Los componentes de expresión de emoji reutilizables cubren una amplia gama de emociones.

Además de una cuadrícula, creamos una nueva colección de componentes reutilizables para ciertas categorías de emoji. Estas partes reutilizables no solo mantienen la consistencia y la legibilidad en los emoji, sino que ayudan a definir los aspectos únicos de nuestro estilo de ilustración y hacen que los futuros emoji sean mucho más fáciles de construir. También fue divertido mezclar y combinar componentes entre categorías, lo que resultó en algunos animales muy expresivos.

Compartimos muchos de los componentes de los ojos y la boca entre la expresión y los emoji animales.

Color

Los colores refuerzan la emoción.

Nuestra actualización de color introdujo una paleta fresca y consistente de colores brillantes. Creamos conjuntos para ciertas categorías, más notablemente la expresión emoji, donde los rojos, azules, amarillos y verdes ahora están asociados con emociones específicas.

Tomando otro ejemplo del trabajo de iconografía del producto Material Design, introdujimos un estilo de iluminación que hace que los emoji sean más táctiles y nos da la oportunidad de jugar con el color. Los degradados también hicieron que los emoji fueran más legibles en una variedad de fondos sólidos.

Los degradados y los trazos tonales aseguran que los emoji sean legibles en cualquier color de fondo.

Otro método para garantizar la legibilidad fue agregar un trazo tonal o contorno al emoji. Determinamos el color de la línea en función de la paleta de emoji y la categoría. Las categorías que contenían emoji con muchos colores diferentes usaban un trazo oscuro y semitransparente. Las categorías más simples, como animales, personas o emoji de expresión, usaron dos colores principales y un trazo basado en el color secundario del emoji.

El nuevo sistema de color unifica el conjunto de emoji.

Más allá de verse increíble e impulsar aún más nuestro sistema de color, los trazos tonales aseguran que, independientemente del color de fondo en el que aparezcan, los emoji sean siempre legibles, en cualquier teclado o en cualquier aplicación de mensajería.

69 nuevos emoji

Como parte del rediseño para Android O, también presentamos 69 nuevos emoji que forman parte de Unicode 10. Este nuevo conjunto se esfuerza por hacer que los emoji sean más representativos al proporcionar representaciones neutrales de género de personas, una mujer que usa un hijab y un mujer amamantando.

Una muestra de los 69 nuevos emoji.

También hay nueve nuevos emoticonos para ayudar a los usuarios a ampliar la gama de emociones que pueden transmitir. Los fanáticos de la fantasía, los amantes de los animales y los amantes de la comida también encontrarán algunos nuevos emoji geniales, desde zombis verdes macabros hasta un feroz T. rex y deliciosas albóndigas.

El conjunto de emoji completamente rediseñado, así como el nuevo emoji Unicode 10, estarán disponibles para los usuarios de Android O beta a partir del 17 de mayo.

¡Ha sido un largo viaje desde que Android comenzó a admitir emoji de color y hoy estamos dando el salto más grande con un rediseño completo! Esperamos que disfrutes usando nuestros emojis recientemente renovados tanto como nosotros disfrutamos haciéndolos.