Android -käyttöliittymä kautta aikojen: Droidista ilman materiaalia

Lähde: Nick Sutrich / Android Central

Android -käyttöjärjestelmä on ollut käytössä vuodesta 2008 lähtien, ja sen aikana sen käyttöliittymä on keksitty uudelleen useita kertoja. Alkuperäinen Android 1.0 -käyttöliittymä, joka debytoi T-Mobile G1: ssä-ensimmäisessä Android-puhelimessa-oli paljainluu ja melko ruma nykyaikaisten standardien mukaan. Vasta Android 4.0: ssa, kolme vuotta käyttöjärjestelmän elinkaaren jälkeen, Android -puhelimille oli olemassa kaikenlaista kattavaa suunnittelukieltä.

Androidin ulkonäkö ja tuntuma ovat kehittyneet jatkuvasti sen jälkeen, usein vauvan askeleilla eteenpäin, mutta joskus valtavilla harppauksilla eteenpäin, kuten tapahtui Material Designin käyttöönoton yhteydessä vuonna 2014. Android 12 antaa meille alustan kolmannen suuren, kaiken kattavan uudelleensuunnittelun muodossa Materiaali sinä - kunnianhimoinen pyrkimys tehdä Androidista persoonallisempi yksilöllisillä värimalleilla, jotka on poistettu Materiaali -paletista.

Kun astumme neljännen Android -suunnittelun aikakauteen - Holo- ja materiaalisuunnittelun alkuvaiheiden jälkeen - on aika tarkastella uudelleen viimeiset 13 vuotta Android -käyttöliittymässä ja muistaa, miten tulimme tänne.

Lähde: Android Central

Lähde: Android Central

Androidilla ei ollut olemassaolon kahden ensimmäisen vuoden aikana mitään vahvaa suunnittelusuuntaa. Android 1.0: sta 2.2 Froyo -käyttöjärjestelmään ulkoasua kuvailtiin parhaiten yleiseksi, toimivaksi ja lempeäksi. Näyttää siltä, ​​että se sai inspiraatiota tuon ajan vanhoista älypuhelimista, varhainen Android-ilme koostui paksuista kuvakkeista, kaltevista valikoista ja paljon harmaata.

Androidin kalustolla ei vain ollut niin väliä.

Tämä yksinkertainen esteettisyys oli järkevää pienille, matalan resoluution älypuhelinten näytöille 2000-luvun lopulla. Vaikka Google toimitti (tavallaan) puhelimia tuolloin, T-Mobile G1: n ja lopulta Nexus Onen muodossa, useimmat kuluttajat kokeisivat Androidin kaikenkattavan valmistajan ihon, kuten HTC Sense tai Samsung, linssin kautta TouchWiz. Ulkonäkö ja tuntuma varastossa Androidilla ei vain ollut niin väliä, kun parhaat Android -puhelimet eivät käytä mitään sen lähellä.

Kuitenkin, kun katsomme taaksepäin T-Mobile G1: n ohjelmistoa, monet tärkeimmät, tunnistettavat Android-suunnitteluelementit ovat läsnä. Monisivuiset aloitusnäytöt widget-tuella, sovelluslaatikko ja ilmoitusvalikko ovat kaikki siellä, vaikka ne olisi kääritty käyttöliittymään, joka muistuttaa enemmän 90 -luvun pöytätietokoneen käyttöjärjestelmää kuin Androidin käyttöjärjestelmä tänään.

Googlen lanseeraama Nexus One -älypuhelin lanseerattiin pienillä Android 2.1 Eclair -suunnittelun hienosäätöillä, jotka sisälsivät pikakuvakkeet puhelinsovellukseen ja selaimeen sovelluslaatikon kuvakkeen rinnalle. Ensimmäinen Nexus-puhelin sai myös hienon 3D-animoidun sovellusruudukon. Mutta pohjimmiltaan tämä oli varastossa oleva Android vuoden 2010 loppuun asti: melko tylsä, kylmä ja utilitaristinen.

Lähde: Android Central

Entisen Palm-suunnittelijan Matias Duarten saapuminen Googlelle-ensin Androidin suunnittelujohtajaksi, sitten koko yritykselle-asetti suunnan Androidin käyttöliittymälle seuraavan vuosikymmenen aikana.

Duarte palkattiin juuri ennen kuin Google oli lähettämässä Android 2.3 Gingerbreadia ja Nexus S -puhelinta, joten hänen vaikutusvaltaansa Gingerbreadiin oli rajallinen. Siitä huolimatta Android 2.3 oli merkittävin suunnittelun uudistus, jonka Android oli vielä nähnyt, ja sen värit olivat tummempia, mikä heijasti OLED -näyttöjen kasvavaa suosiota. The Android vihreä värisävyä käytettiin korostusvärinä kuvakkeiden korostamiseen, ja valikon painalluksia katkaisi oranssit välähdykset. Muuten tämä oli jatkoa vanhan näköiselle Androidille.

Ensimmäisen Android-tablet-version tulo muutti kaiken, ja Duarten vaikutus näkyi selvästi vuoden 2011 alussa julkaistussa Android 3.0 Honeycomb -julkaisussa. Honeycomb-varhaiset iPad-kilpailijat ja rohkea sci-fi-käyttöliittymä, jossa oli sininen ja syvä violetti väripaletti.

Tämä versio esitteli meille näyttönäppäimet, navigointiparadigman, joka säilyy Androidilla tähän päivään asti joissakin puhelimissa. Piparkakkujen ja aiempien julkaisujen vanhan valikon ja hakupainikkeiden poistamisen jälkeen Honeycomb -laitteita voitaisiin navigoida kolmella virtuaalisella navigointinäppäimellä: koti, takaosa ja viimeisimmät sovellukset. Jälkimmäisen painaminen käynnisti Androidin äskettäin uudistetun tehtävänvaihtajan, joka näyttää pienen esikatselun käynnissä olevista sovelluksista vieritettävässä luettelossa.

Honeycomb, joka ryntäsi markkinoille yrittäessään torjua iPadia, toimi eräänlaisena prototyyppinä saapui myöhemmin vuonna 2011: Android 4.0 Ice Cream Sandwich ja uusi "Holo" -kieli - lyhenne sanoista holografinen.

Lähde: Alex Dobie / Android Central

'Mikä on sielu Androidista? '

Matias Duarte esiintyi lavalla Hongkongin Googlen ja Samsungin uuden Galaxy Nexus -puhelimen julkistamistilaisuudessa, joka on ensimmäinen Android 4.0 -puhelin, joka puhuu Holoa.

Duarte kertoi osallistujille, että kun Google pyrki luomaan perustan seuraavan puolen vuosikymmenen Androidille, se kysyi käyttäjiltään, mitä Android merkitsi heille. Se havaitsi, että vuonna 2011 "vaikka Androidin kaltaiset ihmiset tarvitsevat Androidia, ihmiset eivät rakkaus Android. "

Ja niin Google kysyi itseltään ensimmäistä kertaa: "mikä on sielu Androidista? "

"Android on lumoava. Jotain kaunista, viettelevää, johon voit todella rakastua. Android on helppo. Se yksinkertaistaa jokaista elämääni. Ja Androidin pitäisi saada minut tuntemaan itseni voimakkaaksi ja älykkääksi ", Duarte kertoi osallistujille. Uusi Android -käyttöliittymä, jonka teema on Holo, oli tarkoitettu esimerkkinä näistä arvoista.

Holo rakensi Honeycomb -julkaisussa aloitettua ja lisäsi uuden Roboto -fontin, kirjasintyypin, joka on edelleen oletusarvo useimmissa Android -laitteissa tänään. Toisin kuin Droid Sans, jonka se korvasi, Roboto rakennettiin suuritiheyksisille näytöille, jotka alkoivat yleistyä tuolloin, mikä antoi nykyaikaisemman ulkonäön ja miellyttävän lukukokemuksen. Muualla viistetyt reunat ja kohokuvioidut painikkeet ja valikot poistettiin Androidista, ja ne korvattiin yksinkertaisemmilla, geometrisemmilla kuvakkeilla ja käyttöliittymäkalusteilla.

Lähde: J4lambert, CC BY-SA 4.0, Wikimedia Commonsin kautta

Holo Blue (alias #33B5E5) oli Ice Cream Sandwichin ja sen jälkeisen Jelly Bean -julkaisun ensisijainen korostusväri, joten Android 4 näytti terävältä ja futuristiselta, vaikkakin selvästi vähemmän Tron-vaikuttaisi enemmän kuin Honeycomb. Android 2.3: n ja 3.0: n tummempi väripaletti säilyi kuitenkin ja näytti sopivan hyvin Galaxy Nexus -laitteeseen erityisesti sen suuren, kontrastipitoisen AMOLED-näytön ansiosta.

Useimmat suuret Android -valmistajat tekisivät kuitenkin edelleen oman asiansa. Samsungin, HTC: n ja LG: n kaltaiset kipsivät Androidin uudelleen omilla mukautetuilla käyttöliittymäkerroksillaan, jotka toimivat usein karkeasti Holon yli erottaakseen tuotteitaan. Tämän seurauksena Samsung -puhelin, jossa oli piparkakkuja, näytti melkein samalta kuin Samsung -puhelin, jossa oli Ice Cream Sandwich. Esimerkiksi Galaxy S3 -laitteessa, joka on ensimmäinen suuri Samsung-luuri, joka lanseerataan yhteismerkin Galaxy Nexuksen jälkeen, sinun on tarkasteltava Todella vaikea nähdä mitään Duarten ja hänen tiiminsä töistä.

Early Holo oli kuitenkin melko mielipidekielinen suunnittelukieli, jota ei voitu helposti yhdistää yrityksen omiin suunnittelumieltymyksiin. Jyrkässä ristiriidassa yhden perusperiaatteen kanssa Materiaali sinä, erottuva Holo-sininen oli kiinteästi yhdistetty Holo-teemaan, eikä sitä voi muuttaa varastossa olevilla Android-laitteilla.

Android 4.4 KitKat kesytti Holoa jonkin verran korvaamalla siniset aksentit kirkkaammilla valkoisilla, jolloin ne sopivat paremmin sovellusten, taustakuvien ja kuvakkeiden rinnalle käyttämällä monipuolisempaa värivalikoimaa. Ja tämä lopulta jatkuu toiseen suuri suuri Android -uudelleensuunnittelu joka tapahtui vuoden 2014 lopulla.

Lähde: Android Central

Google I/O 2014 -kehittäjäkonferenssissa San Franciscossa Matias Duarte esitteli uudessa roolissaan koko Googlen suunnittelun varapuheenjohtajana Materiaalisuunnittelu Kieli.

Materiaalisuunnittelu oli "yksi johdonmukainen visio mobiililaitteille, pöytäkoneille ja muille", Duarte sanoi. Aivan kuten Holo oli saapunut juuri ajoissa korkeamman resoluution mobiilinäytöille 2010-luvun alussa, Material Suunnittelu hyödynsi mobiililaitteiston parannettua graafista hevosvoimaa, joka oli käytettävissä keskellä vuosikymmenen ajan. Mutta se ei koskenut vain puhelimia - materiaalisuunnittelu toimisi tableteilla, älykelloilla, Chromebookeilla ja verkossa.

"Halusimme selkeän ja yksinkertaisen suunnittelun, jonka ihmiset ymmärtäisivät intuitiivisesti", Duarte selitti. "Joten kuvittelimme: entä jos pikseleillä ei olisi vain väriä, vaan myös syvyyttä? Entä jos olisi älykäs materiaali, joka olisi yhtä yksinkertainen kuin paperi, mutta joka voisi muuttaa ja muuttaa muotoa kosketuksen perusteella? "

Lähde: Phil Nickinson / Android Central

"Entä jos olisi älykäs materiaali, joka olisi yksinkertainen kuin paperi, mutta joka voisi muuttaa ja muuttaa muotoaan?"

"Digitaalinen paperi" oli materiaalisuunnittelun alkuperäisen vision ydin: käyttöliittymä, joka muistutti arkkia paperia, jossa on hienovaraisia ​​varjoja syvyyden välittämiseksi, mutta se voi myös laajentaa, muuttaa kokoa, yhdistää ja siirtyä kuten tarvittu. Jokaisella Android -sovelluksen pinnalla voi nyt olla korkeusarvo, ja Android -kehys tuottaa asianmukaisesti valaistusta ja varjoja tämän digitaalisen paperin alla.

Materiaalisuunnittelu esitettiin yksinkertaisena, geometrisena ja kerroksellisena, rohkealla väripaletilla ja ihastuttavilla animaatioilla. Yksinkertainen kukoistaa kuin toistopainike, joka jakautuu taukokuvakkeeksi napautettaessa tai kosketuskuvakkeet laajenevat näkymä latautuessaan erota Material -sovelluksen aiemmasta holo -suunnittelukielestä ja pysyy osana Androidia tänään.

Alkuperäinen Material Sizzle -kela esitteli tämän yhdessä erittäin elävien sävyjen ja kerrospaksuiden sovellusten kanssa, joissa oli liukkaita animaatioita täysin Ymmärsin, kun suunnittelukieli julkaistiin Android 5.0 Lollipopissa. Materiaalin reaalimaailman toteuttaminen oli lopulta konservatiivisempaa, kun Googlen insinöörit yrittivät saada yrityksen laajan Android-sovellusten materiaalivalmiuden. Android oli suuri ohjattava laiva, ja käyttöjärjestelmän ja sen sovellusten "materialisoituminen" päätyi monivuotiseen prosessiin.

Android Lollipopin Material Design esitteli kuitenkin useita keskeisiä suunnitteluelementtejä, jotka säilyivät yli puoli vuosikymmentä: Kelluva toimintopainike oli sijainnin avainominaisuudet, kuten uuden viestin aloittaminen tekstiviestisovelluksessa tai kohteen lisääminen lista. Ja liukuvat "hampurilais" -valikot nousivat suosikkitapaksi navigoida sovellusten pääalueiden välillä. Ja painikkeiden painaminen ja ylivuoto kukoistaa, joka julkaistiin materiaalisuunnittelulla Android 5: ssä, joka pysyi Android 11: ssä.

Ja kun Google hallitsee enemmän Android -ekosysteemiä - ja uusi suunnittelukieli on avoimempi räätälöintiin - Materiaalisuunnittelu sisällytettiin helpommin valmistajien Android -ulkoasuihin verrattuna Holo.

Materiaalisuunnittelun oli aina tarkoitus kulkea ajan mukana.

Materiaalisuunnittelun ei kuitenkaan koskaan ollut tarkoitus olla staattinen ohjeiden joukko, ja se kehittyi edelleen myöhemmissä Android -versioissa. Android 6 Marshmallow -julkaisu 2015 kääntyi pois tyydyttyneistä väreistä, jotka olimme nähneet alkuperäisessä Materiaaliesittelyssä. Rolodex-tyylinen Viimeisimmät sovellukset -valikko poistettiin lopulta käytöstä Android 9: ssä. Ja "Hamburger" -navigointivalikot törmäsivät Android 10: n eleidenavigointiin, ja ne on nyt poistettu käytöstä monista sovelluksista.

Lähde: Alex Dobie / Android Central

Vuonna 2016 Google esitteli ensimmäiset Pixel -puhelimensa, mikä johti materiaalisuunnittelun kehitykseen ja poikkesi alkuperäisestä vuoden 2014 visiosta. Myöhempien pikselien saapuessa Google -laitteistovalmistaja pyrki erottamaan puhelinohjelmistonsa edelleen. Google -sovelluksista tuli vähemmän värikkäitä ja sen sijaan he lisäsivät puhtaan valkoisen ja sinisen värimaailman. Vuoteen 2020 mennessä useimmat Googlen ydinsovellukset, kuten Valokuvat, Gmail, Uutiset ja Maps, olivat omaksuneet tämän "Materiaaliteeman" esteettisyyden yhdessä iPhonen kaltaisten alhaisten navigointipainikkeiden kanssa.

Vuoden 2020 Google -sovellukset olivat kaukana värikkäästä Material prototyypistä, joka esiteltiin vuonna 2014. Onneksi kuitenkin Android 12: lle suunniteltiin elinvoimaisempaa materiaalimuutosta vuonna 2021.

Lähde: Google

Seitsemän vuotta Material Designin debyytistä lähtien Google I/O -konferenssi oli jälleen paikka suurelle Android -suunnitteluilmoitukselle. Matias Duarte palasi Mountain View'n lavalle tällä kertaa esittelemään Googlen suunnittelukielen seuraavan iteraation Android 12 Materiaali sinä.

"Entä muodon seurantatoiminnon sijasta, jos muoto seuraa tunnetta? Googlen sinisen sijaan kuvittelimme Material You-uuden mallin, joka sisältää sinut yhdessä sisällöntuottajana ja jonka avulla voit muuttaa kaikkien sovellustesi ulkoasua. "

Lähde: Google

"Googlen sinisen sijaan kuvittelimme Material You."

Taikuus takana Materiaali sinä oli projekti, joka tunnettiin Googlessa sisäisesti nimellä "Monet". Monet voisi tutkia valitsemasi aloitusnäytön taustalla, valitse keskeiset värit Materiaali -paletista ja käytä niitä mukauttaaksesi kaikki sovelluksesi puhelin. Taustoja käytettäisiin vaimennetuilla sävyillä, kun taas tärkeitä painikkeita tai kytkimiä voitaisiin käyttää kirkkaina, huomiota herättävinä väreinä.

Toisin kuin Material Design 1.0: n "Digital Paper", Material You näyttää tasaisemmalta ja abstrakteemmalta. Käyttöliittymän kerrokset ovat edelleen, kuten osoittavat päällekkäiset nopeiden asetuspainikkeiden, ilmoituspaneelien ja reunusten tasot, kun Android 12: n ilmoitusvarjoa vedetään alas.

Lähde: Google

Mutta Android Lollipopin varjot ja terävät paperimaiset reunat ovat kadonneet, ja ne on korvattu pyöristetyillä kulmilla, joilla on leveät säteet. Jopa aloitusnäytön widgetit on uudistettu pyöristetyillä kulmilla. Materiaali Toimit myös vastalääkkeenä usein tylsiltä näyttäville Google-sovelluksille, joihin käyttäjät olivat tottuneet Android 10: ssä ja 11: ssä. Google väittää, että Android 12 voi auttaa sinua valitsemaan mukautetun paletin, jonka se tietää näyttävän hyvältä sovelluksissa, valikoissa ja jopa aloitusnäytön widgetissä. Se on henkilökohtaisempi ja ilmeikkäämpi lähestymistapa siihen, mikä on loppujen lopuksi henkilökohtaisin tietokone, jonka useimmat ihmiset omistavat.

Ja vaikka vanhaa uskollista Roboto -kirjasintyyppiä käytetään edelleen paikoissa, Material You korostaa yrityksen virallista kirjasinta Google Sansia, joka sisältää enemmän persoonallisuutta. Google Sansia käytetään kaikkialla, kuvaketekstistä Asetukset -sovelluksen valikoihin, ja sitä suurennetaan Android 12: n lukitusnäyttö täyttää näytön värillisellä kellolla, kun odottavia ei ole ilmoitukset.

Lähde: Nick Sutrich / Android Central

Rohkea uusi suunta Android -suunnittelulle, mutta hyppääkö valmistajat mukaan?

Animoitu kukoistaa materiaalissa Olet myös varhaisen materiaalisuunnittelun luonnollinen kehitys. Ympäristönäyttö -kello herää eloon, kun puhelin nostetaan, muuttuu rohkeammaksi ja värikkäämmäksi. Riippuen siitä, kuinka lukitset tai avaat puhelimesi, näet toiminnon mukana animoidun auran.

Materiaali debytoi Android 12: ssa Google Pixel -puhelimissa vuoden 2021 lopulla, ja todennäköisesti jotkut muut valmistajat sisällyttävät sen Android -ulkoasuunsa sekä päivitykset. Kuitenkin aivan kuten se oli Holo- ja Material Design -mallien kohdalla, ei ole mitään takeita siitä, että puhelinten valmistajat seuraavat Googlen esimerkkiä. Android 12 -käyttäjien on myös odotettava, että kehittäjät päivittävät sovelluksensa tukemaan Material You -palvelun paletinvaihto-ominaisuuksia. Jos siirtyminen materiaalisuunnitteluun vuonna 2014 on jotain ohi, se voi viedä jonkin aikaa.

Siitä huolimatta, mitä olemme nähneet Material You: sta, antaa Androidille yleensä - ja erityisesti Google Pixel -laitteille - a vahva muotoiluidentiteetti, jossa muotoilukieli sopii hyvin puhelimiin, kelloihin, tabletteihin ja muihin älypintoihin 2020 -luvulla.

Jos historia on jokin indikaattori, kirjaudumme uudelleen jonnekin noin vuoteen 2026 oppiaksemme, mihin materiaalisuunnittelu on seuraavaksi menossa.