Suunnittele Android Emoji uudelleen

Opi kuinka Google kuvasi yli 2 000 hymiömerkkiä - kaikki ilmaisun kannalta.

Android KitKatin päivien jälkeen emoji on kasvanut yli 2 000 merkkiin, vain tyylikkäästi muuttuen. Tiheysnäyttöjen määrän lisääntyessä ja uusien viestien käyttötapausten takia päätimme, että on aika antaa hymiöillemme peruskorjaus.

Google I / O 2017 -palvelussa julkistimme Android-emoji-fontin täydellisen suunnittelun, joka sisältää visuaalisen tyylimme yhdistämisen ja upouuden suunnittelun, joka lisää kulttuuritietoisuutta monipuolisten ja osallistavien emojijen kautta.

Esimerkkejä uusituista ihmisten hymiöistä

Siirtyminen uuteen hymiöön

Alkuperäinen emoji-tyylimme oli yksinkertainen ja litteä väreillä lihavoituna. Tasaisesta suunnittelusta tuli Androidin allekirjoitustyyli, joka erotti meidät muista alustoista.

Vuosien mittaan, kun lisää hymiöitä lisättiin kaikkiin luokkiin, sarjasta tuli tyylisesti erilaisia. Suunnittelujärjestelmämme ei ollut varustettu tarjoamaan standardeja, jotka yhdistivät kaikkien kuvien ilmeen ja tunteen monien hymiöluokkien välillä. Seurauksena on, että hymiöistämme tuli epäjohdonmukaisia ​​vanhojen ja uusien kuvioiden välillä, mikä vaikeutti näppäimistön nopeaa skannaamista oikean hymiön löytämiseksi.

Oli aika muutokselle.

Muutimme eläinsarjan monista tyyleistä yhdeksi yhtenäiseksi pään ja vartalon ilmeeksi.

Uuden suunnittelujärjestelmän luominen

Aikaisemmasta kokemuksesta oppimisen jälkeen uudelleensuunnittelun keskeisenä teemana oli oltava vahva suunnittelujärjestelmä, jonka avulla oli helppo luoda helposti tunnistettavat hymiötyyli. Yhtenäisen tyylin lisäksi järjestelmän piti auttaa meitä pysymään johdonmukaisina ja elinvoimaisina, kun tulevaisuudessa esiteltiin uusia hymiöitä.

Alustamalla muoto, ruudukko, esitys ja väri pystyimme yhdistämään sarjan säilyttäen ilmaisun ja luonteen. Luomalla vahvan suunnittelujärjestelmän korvasimme myös vanhan tyylisi merkittäviä puutteita ja autimme emoji luomaan useammalla kuin yhdellä kuvailijalla, pysyen samalla johdonmukaisina, luettavin, ymmärrettävinä ja edustavina missä tahansa yhteydessä.

Muotojärjestelmä

Hei hei, läiskät! Hei tunnepitoiset sirisevät ympyrät.

Jep, teimme sen. Sanoimme hyvästit bloboihin. Siirtyimme säiliön epäsymmetrisestä ja lievästi ulottuvasta muodosta helposti skannattavaan squishy-ympyrään, luottaen lihavoituun väriin, tarkoituksenmukaiseen epäsymmetriaan - kuten uusiin mielenraukaistuihin hymiöihin tai potkuria käyttäviin cowboy-hymiöihin - ja äärellisiin kasvojen piirteisiin välittämiseksi tunteita.

Vietimme myös pitkän, pitkän ajan varmistaaksemme, että käsittelemme alustojen välistä emotionaalista johdonmukaisuutta. Koska yksi uusien suunnittelutavoitteidemme päätavoitteista oli välttää sekaannuksia tai väärää viestintää eri alustoilla, halusimme vakuuttaa käyttäjälle, että kun he lähettivät hymiön ystävälle, viesti välitettiin selvästi riippumatta siitä, ovatko he iOSissa, Windowsissa, Samsungissa tai mikä tahansa muu alusta.

Ristikkojärjestelmä

Hymiöt on suunniteltu yhdelle ruudukolle maksimoimaan luettavuus ja johdonmukaisuus.

Lukemisen ja johdonmukaisuuden hengessä rakensimme emoji yhdelle ruudukolle. Käytetty ruudukko oli muokattu versio Material Design -tuotekuvakeruudusta. Kuvituksia varten emme noudattaneet yhtä tiukasti sääntöjä kuin ikonografian suhteen, mutta hyödynsimme ruudukkoa kolmella erityisellä tavalla:

  1. Yhdistävä mittakaavan ja koon johdonmukaisuus kaikissa kuvissa.
  2. Yhdenmukaisen muotojoukon rakentaminen koko sarjaan.
  3. Suunnittelijoiden helpottaminen hymiöiden eri osien kohdistamisessa oikeisiin paikkoihin (ajattele erityisiä silmien ja suun alueita).

Yhdistämme myös mittasuhteet ja kulmat sarjojen välillä ja valitsemme mahdollisimman yksinkertaiset kulmat - korostamalla kaksiulotteisia näkymiä kolmiulotteisissa näkymissä yksinkertaistaaksemme ja työskennelläksemme ruudukossamme. Ja esittelimme kolmiulotteisen näkökulman muutamissa tapauksissa, joissa hymiöiden luettavuus oli epäselvää.

Käytimme ruudukkoa kulma- ja asteikostandardien luomiseen. Android N: ssä (ylärivi) eläinten asennot, kulmat ja tyylit olivat epäjohdonmukaisia.

Uudelleenkäytettävät komponentit

Uudelleen käytettävät emoji-ilmaisukomponentit kattavat laajan valikoiman tunteita.

Ruudukon lisäksi rakensimme uuden kokoelman uudelleenkäytettäviä komponentteja tietyille emotikoniluokille. Nämä uudelleenkäytettävät osat eivät vain ylläpitä johdonmukaisuutta ja luettavuutta hymiöissä, vaan ne auttavat määrittelemään myös kuvatyyliemme ainutlaatuisia piirteitä ja tekevät tulevien hymiöiden rakentamisesta paljon helpompaa. Oli myös hauskaa sekoittaa ja sovittaa komponentteja luokkien välillä, mikä johti hienoin ilmeikäisiin eläimiin.

Jaoimme monia silmän ja suun komponentteja ilmaisun ja eläimen emojijen välillä.

Väri

Värit vahvistavat tunteita

Väripäivityksemme esitteli raikkaan ja johdonmukaisen kirkkaiden värivalikoiman. Olemme luoneet sarjoja tietyille luokille - huomattavasti ilmaisun emoji, jossa punaiset, siniset, keltaiset ja vihreät liittyvät nyt tiettyihin tunteisiin.

Ottamalla toisen juonteen Material Design -tuotteen ikonografiatyöstä esittelemme valaistustyylin, joka tekee emotikonista tuntuvamman ja antaa meille mahdollisuuden leikkiä värillä. Gradientit tekivät myös hymiöistä paremmin luettavissa monilla vanhoilla taustoilla.

Gradientit ja tonaaliset iskut varmistavat, että emoji on luettavissa kaikissa taustavärissä.

Toinen menetelmä luettavuuden varmistamiseksi oli ääniraidan tai ääriviivojen lisääminen hymiöihin. Määritimme linjan värin emotikonien ja kategorian perusteella. Luokat, jotka sisälsivät hymiöitä useilla eri väreillä, käyttivät tummaa, puoliläpinäkyvää viivaa. Yksinkertaisemmissa kategorioissa, kuten eläimet, ihmiset tai ilmaisumuotit, käytettiin kahta pääväriä ja toissijaisen hymiön väriin perustuvaa viivaa.

Uusi värijärjestelmä yhdistää hymiöjoukon.

Sen lisäksi, että näyttävät mahtavalta ja työnnämme värijärjestelmäämme edelleen, tonaaliset iskut takaavat, että emoji ovat aina luettavissa kaikilla näppäimistöillä tai millä tahansa viestisovelluksella riippumatta niiden taustan väristä.

69 uutta hymiötä

Osana Android O: n uudelleensuunnittelua esittelemme myös 69 uutta hymiötä, jotka ovat osa Unicode 10: tä. Tämä uusi sarja pyrkii tekemään hymiöistä edustavamman tarjoamalla sukupuolesta riippumattomia esityksiä ihmisistä, hijabia käyttävistä naisista ja nainen imetys.

Näyte 69 uudesta hymiöstä.

Tarjolla on myös yhdeksän uutta hymiötä, joiden avulla käyttäjät voivat laajentaa tunneominaisuuksiaan, joita he voivat välittää. Fantasy-faneja, eläin ystäviä ja ruokalaisia ​​löytyy myös hienoja uusia hymiöitä - ghoulish vihreistä zombeista kovaan T. rexiin ja herkullisiin nyytteihin.

Täysin uudistetut hymiöjoukot sekä uudet Unicode 10 -hymiöt ovat saatavana Android O: n beetakäyttäjille 17. toukokuuta alkaen.

On kulunut pitkä matka siitä lähtien, kun Android alkoi tukea värihermostoja, ja tänään olemme saavuttaneet suurimman harppauksen täydellä uudelleen suunnittelulla! Toivomme, että nautit äskettäin uusituista hymiöistämme niin paljon kuin me niiden tekemisestä.