Android Emoji opnieuw ontworpen

Ontdek hoe Google meer dan 2.000 emoji-personages opnieuw bedacht - allemaal in het belang van expressie.

Sinds de dagen van Android KitKat zijn onze emoji gegroeid tot meer dan 2.000 tekens met slechts subtiele stijlwijzigingen. Met de verspreiding van schermen met een hoge dichtheid en nieuwe gebruiksmogelijkheden voor berichten, besloten we dat het tijd was om onze emoji te reviseren.

Op Google I / O 2017 hebben we een volledig herontwerp van het Android-emoji-lettertype aangekondigd, inclusief een unificatie van onze visuele stijl en een gloednieuw ontwerp dat cultureel bewustzijn bevordert door middel van diverse en inclusieve emoji.

Voorbeelden van de opnieuw ontworpen mensen-emoji

Overgang naar nieuwe emoji

Onze originele emoji-stijl was eenvoudig en plat met opvallende kleuren. Het platte ontwerp werd de kenmerkende stijl van Android en onderscheidde ons van andere platforms.

In de loop van de jaren, toen extra emoji werd toegevoegd in alle categorieën, werd de set stilistisch divergerend. Ons ontwerpsysteem was niet uitgerust om standaarden te bieden die het uiterlijk van alle illustraties in de vele emoji-categorieën verenigden. Als gevolg hiervan raakten onze emoji inconsistent tussen oude en nieuwe ontwerpen, waardoor het moeilijk werd om snel het toetsenbord te scannen om de juiste emoji te vinden.

Het was tijd voor verandering.

We hebben de dierenset veranderd van een verscheidenheid aan stijlen in een uniforme look voor hoofden en lichamen.

Een nieuw ontwerpsysteem maken

Leren van ervaringen uit het verleden, een centraal thema van ons herontwerp moest een sterk ontwerpsysteem zijn dat het gemakkelijk maakte om een ​​gemakkelijk identificeerbare emoji-stijl te creëren. Naast een uniforme stijl moest het systeem ons helpen om consistent en levendig te blijven, omdat in de toekomst nieuwe emoji werden geïntroduceerd.

Door de vorm, het raster, de weergave en de kleur te formaliseren, konden we de set verenigen met behoud van expressiviteit en karakter. Door een sterk ontwerpsysteem te creëren, hebben we ook een belangrijke tekortkoming in onze oude stijl aangepakt en hebben we de emoji door meer dan één illustrator laten maken, terwijl we in elke context consistent, leesbaar, begrijpelijk en representatief zijn gebleven.

Vorm systeem

Tot ziens blobs! Hallo emotieve squishy cirkels.

Ja, we hebben het gedaan. We namen afscheid van de blobs. We zijn weggegaan van de asymmetrische en licht dimensionale vorm van de container naar een gemakkelijk scanbare squishy cirkel, vertrouwend op gewaagde kleuren, doelgerichte asymmetrie - zoals de nieuwe geestverruimde emoji of de ondersteunende cowboy-emoji - en luide gezichtskenmerken om over te brengen emotie.

We hebben er ook heel lang aan gewerkt om ervoor te zorgen dat we over platformoverschrijdende emotionele consistentie heen gingen. Omdat een van onze belangrijkste doelen met het herontwerp was om verwarring of miscommunicatie tussen platforms te voorkomen, wilden we de gebruiker ervan verzekeren dat wanneer ze een emoji naar een vriend stuurden, het bericht duidelijk werd gecommuniceerd, ongeacht of ze op iOS, Windows of Samsung zijn , of een ander platform.

Grid-systeem

Emoji zijn ontworpen op een enkel raster om de leesbaarheid en consistentie te maximaliseren.

In de geest van leesbaarheid en consistentie hebben we emoji gebouwd op een enkel raster. Het raster dat we gebruikten was een aangepaste versie van het productontwerpraster van Material Design. Voor illustraties hebben we ons niet zo strikt aan de regels gehouden als voor iconografie, maar we hebben op drie manieren gebruik gemaakt van het rooster:

  1. Uniformiteit van schaal en grootte in alle illustraties.
  2. Een consistente set vormen over de set bouwen.
  3. Faciliterende ontwerpers die verschillende delen van emoji op de juiste plaatsen uitlijnen (denk aan specifieke gebieden voor ogen en mond).

We hebben ook dimensionaliteit en hoeken over sets verenigd, waarbij we zoveel mogelijk kiezen voor eenvoudige hoeken - waarbij we tweedimensionale aanzichten boven driedimensionale aanzichten benadrukken om te vereenvoudigen en te werken met ons raster. En we introduceerden driedimensionale gezichtspunten in de weinige gevallen waarin de leesbaarheid van de emoji onduidelijk was.

We gebruikten het raster om hoek- en schaalstandaarden te creëren. In Android N (bovenste rij) waren de houdingen, hoeken en stijlen van de dieren niet consistent.

Herbruikbare componenten

Herbruikbare emoji-expressiecomponenten omvatten een breed scala aan emoties.

Naast een raster hebben we een nieuwe verzameling herbruikbare componenten gebouwd voor bepaalde categorieën emoji. Deze herbruikbare onderdelen behouden niet alleen consistentie en leesbaarheid in de hele emoji, ze helpen ook bij het definiëren van de unieke aspecten van onze illustratiestijl en maken het bouwen van toekomstige emoji veel eenvoudiger. Het was ook leuk om componenten te combineren en te combineren tussen categorieën, wat resulteerde in een aantal mooi expressieve dieren.

We hebben veel van de oog- en mondcomponenten gedeeld tussen de uitdrukking en dierlijke emoji.

Kleur

Kleuren versterken de emotie

Onze kleurupdate introduceerde een fris en consistent palet van heldere kleuren. We hebben sets gemaakt voor bepaalde categorieën - met name de uitdrukking emoji, waarbij rood, blauw, geel en groen nu worden geassocieerd met specifieke emoties.

In navolging van het materiaalontwerpproductontwerp van Material Design hebben we een verlichtingsstijl geïntroduceerd die de emoji tastbaarder maakt en ons tegelijkertijd de mogelijkheid biedt om met kleur te spelen. Verlopen hebben de emoji ook leesbaarder gemaakt over verschillende solide achtergronden.

Verlopen en tonale lijnen zorgen ervoor dat emoji leesbaar zijn in elke achtergrondkleur.

Een andere methode om de leesbaarheid te waarborgen, was het toevoegen van een tonale streek of omtrek aan de emoji. We hebben de kleur van de lijn bepaald op basis van het palet van de emoji en de categorie. Categorieën die emoji bevatten met veel verschillende kleuren, gebruikten een donkere, semi-transparante streek. Eenvoudigere categorieën zoals dieren, mensen of expressie-emoji gebruikten twee hoofdkleuren en een lijn op basis van de secundaire emoji-kleur.

Het nieuwe kleursysteem verenigt de emoji-set.

Naast dat ze er geweldig uitzien en ons kleursysteem verder pushen, zorgen de tonale bewegingen ervoor dat, ongeacht de achtergrondkleur waarop ze verschijnen, de emoji altijd leesbaar zijn, op elk toetsenbord of in elke berichten-app.

69 Nieuwe Emoji

Als onderdeel van het herontwerp voor Android O introduceren we ook 69 nieuwe emoji's die deel uitmaken van Unicode 10. Deze nieuwe set streeft ernaar emoji representatiever te maken door genderneutrale voorstellingen te bieden van mensen, een vrouw die een hijab draagt ​​en een vrouw borstvoeding geeft.

Een greep uit de 69 nieuwe emoji.

Er zijn ook negen nieuwe smileys om gebruikers te helpen het scala aan emoties dat ze kunnen overbrengen, uit te breiden. Fantasiefans, dierenliefhebbers en fijnproevers zullen ook een aantal geweldige nieuwe emoji vinden - van griezelige groene zombies tot een felle T. rex en heerlijke knoedels.

De volledig opnieuw ontworpen emoji-set en de nieuwe Unicode 10-emoji zijn vanaf 17 mei beschikbaar voor Android O beta-gebruikers.

Het is een lange reis geweest sinds Android begon met het ondersteunen van kleurenemoji en vandaag nemen we de grootste sprong tot nu toe met een volledig nieuw ontwerp! We hopen dat je net zoveel plezier zult beleven aan het gebruik van onze vernieuwde emoji als we ervan genoten hebben.