„Material 3 Expressive“: vizualinė ir asmeninė „Google“ patirties revoliucija

  • „Material 3 Expressive“ iš naujo apibrėžia suasmeninimą ir išraiškingumą, integruodama dirbtinį intelektą, animacijas ir pažangų pritaikymą neįgaliesiems į „Android“ ir visą „Google“ ekosistemą.
  • Dinamiška spalvų paletė ir lankstūs komponentai leidžia dizainui prisitaikyti prie naudotojo, konteksto ir kiekvieno įrenginio (mobiliojo telefono, televizoriaus, automobilio, XR, „Wear OS“).
  • Prieinamumas ir įtrauktis yra pagrindiniai prioritetai, gerinantys visų naudotojų patirtį ir palengvinantys kūrėjams darbą su naujais įrankiais ir API.

„Google“ medžiaga 3 išraiškinga „Android“ sistemoje

„Material 3 Expressive“ žymi naują „Google“ sąsajos dizaino erą., suvienijanti radikalų suasmeninimą, įtraukiančias animacijas ir emocinę integraciją bei iš naujo apibrėžusi sąveiką „Android“ ir „Google“ ekosistemoje. Atsiradus „Android 16“ ir ją įdiegus įvairiuose įrenginiuose, ši dizaino kalba keičia skaitmeninę patirtį, padidindama sąsajų išraiškingumą, prieinamumą ir pritaikomumą kaip niekad anksčiau.

Šiame straipsnyje sužinosite daugiau apie „Material 3 Expressive“, kaip jis vystėsi nuo ankstyvojo „Material Design“, pagrindines naujas funkcijas ir poveikį tiek vartotojams, tiek kūrėjams. Jame gilinamasi į dizaino filosofiją, techninius pokyčius, įsipareigojimą prieinamumui, generatyvinio dirbtinio intelekto integraciją ir „Google“ ekosistemos vizualinę ateitį.

3 medžiaga. Išraiškinga: „Google“ dizaino kontekstas, kilmė ir istorinė evoliucija.

vizualinė evoliucija Medžiaga 3 Išraiškinga

Medžiaga 3 Išraiškinga yra trečioji svarbi „Google“ vizualinės kalbos iteracijaTai žingsnis į priekį, palyginti su ankstesniais standartais, ir atitinka poreikį suteikti daugiau tapatybės ir pritaikymo „Android“, „ChromeOS“, „Wear OS“, „Google TV“, automobiliams ir išplėstinės realybės įrenginiams:

  • medžiaga dizainasPristatytas kaip vizualinis pagrindas, siekiant sukurti darną, realistišką gylį ir vizualinę hierarchiją per paviršius, animacijas ir šešėlius.
  • Medžiaga TuTai leido kiekvienam vartotojui pritaikyti sistemos ir programų spalvą, formą ir išvaizdą pagal savo pageidavimus, ypač naudojant „Android 12“.
  • Medžiaga 3 Išraiškinga: Statykite už emocinę, dinamišką ir kontekstualią patirtįJame derinamos ryškesnės ir lankstesnės spalvos, nuotaikas perteikiančios formos, reaguojanti ikonografija ir natūralios animacijos su mikrointerakcijomis, siekiant, kad sąsaja būtų tokia pat unikali ir pritaikoma kaip ir kiekvienas vartotojas.

Ši nauja paradigma reaguoja į rinkos vizualinį perpildymą ir iš tiesų asmeninių bei universalių sąsajų, kuriose kiekviena skaitmeninės aplinkos detalė atspindėtų vartotojo kontekstą, poreikius ir emocinę būseną, poreikį.

„Material 3 Expressive“ atsiradimo varomosios jėgos ir strateginiai veiksniai

3 medžiaga. Išraiškinga skirtingose ​​platformose.

„Material 3 Expressive“ įdiegimas reaguoja į didelius technologijų ir vartotojų lūkesčių pokyčius.:

  • „Android“ fragmentacija ir plėtimasis„Android“ dabar yra telefonuose, laikrodžiuose, televizoriuose, automobiliuose ir naujose išplėstinės realybės platformose, todėl „Google“ ieško bendro, tačiau lanksčio vizualinio identiteto.
  • Generatyvinio dirbtinio intelekto vaidmuoTokios priemonės kaip „Gemini“ ir naujos dirbtinio intelekto API leidžia suasmeninti patirtį realiuoju laiku, pritaikant spalvas, turinio santraukas, reaguojančias piktogramas ir išmaniuosius asistentus.
  • Prioritetas teikiamas prieinamumui ir įtraukčiaiKontrastai, animacijos ir kontekstinės pagalbinės priemonės buvo optimizuotos žmonėms su regos, klausos ar kognityviniais sutrikimais, todėl gerokai pagerėjo naudojimo paprastumas.
  • Gamintojų ir kūrėjų diferenciacijaDizainas nustoja būti tramdomaisiais marškiniais ir tampa įrankiu prekių ženklams bei programėlėms kurti savo tapatybę „Android“ sistemoje.

„Material 3 Expressive“ reklamuojama kaip žvaigždės reklama pirmaujančiuose pramonės renginiuose., atverdamas kelią „Google“ ekosistemai ir atverdamas duris estetinei bei funkcinei integracijai visuose prijungtuose įrenginiuose.

Dizaino principai ir medžiagos „Material 3 Expressive“ esmė

3 medžiaga. Išraiškingas vizualinis dizainas.

„Material 3 Expressive“ remiasi strateginiu spalvos, formos, dydžio, judėjimo ir talpinimo panaudojimu.Kiekvienas iš šių elementų prisideda prie intuityvesnės, tiesioginės ir malonesnės naudotojo patirties:

  • Lanksčios ir dinamiškos spalvų paletėsSistema pritaiko spalvas ne tik prie fono, bet ir prie konteksto, paros laiko, veiklos tipo ir aptiktos nuotaikos, kurdama sąsajas, kurios perteikia emocijas ir būsenas.
  • Apvalesni ir žaismingesni komponentaiMygtukai, kortelės ir indikatoriai pasižymi švelnesnėmis, organiškesnėmis formomis, kurios pagerina veiksmų vizualinį atpažinimą, jų prieinamumą ir emocinį suvokimą.
  • Įtraukiančios animacijos ir mikrointerakcijosSąsaja atgyja dėl sklandžių perėjimų, spyruoklinių efektų, haptinio grįžtamojo ryšio ir lokalizuotų animacijų, kurios sustiprina kiekvieną veiksmą – nuo ​​pranešimo perkėlimo iki pagrindinės užduoties atlikimo programoje.
  • Reaktyvi ir tematizuota ikonografijaPiktogramos keičia spalvą, dydį arba animaciją priklausomai nuo konteksto, pavyzdžiui, akumuliatorius yra paryškintas ir vibruoja kritiniu režimu arba teminės piktogramos „Pixel“ telefone automatiškai prisitaiko prie fono paveikslėlio.
  • Skaidrumai ir suliejimaiTokiuose skydeliuose kaip pranešimų uždanga arba greitieji nustatymai naudojami skaidrumai, kurie leidžia matyti foną, sukuriant gylį ir vizualiai sujungiant visą sąsają.

Įsipareigojimas išraiškingumui suvokiamas ne tik vizualiai: jį palaiko akių judesių sekimo tyrimai ir naudojimo testavimas, kurie rodo, kad vartotojai randa pagrindinius elementus iki keturių kartų greičiau nei ankstesnėse versijose. Tai leidžia naršyti ir valdyti „Android“ sistemoje efektyviau ir intuityviau.

Pagrindiniai „Material 3 Expressive“ ir ankstesnių versijų skirtumai

„Google Material 3“ išraiškingas

  1. Gilesnis suasmeninimasNors „Material You“ leido pritaikyti pagrindines spalvas vartotojui, „Material 3 Expressive“ šį pritaikymą išplečia iki maksimumo, integruodama dirbtinį intelektą, kad aptiktų kontekstą ir emocinę būseną.
  2. Išplėstinės animacijos ir mikrointerakcijosĮdiegtas realaus laiko vaizdinis grįžtamasis ryšys (pvz., kiti pranešimai subtiliai atsiskiria, kai vieną ištrinate).
  3. Prisitaikymas prie įrenginioDizainas reaguoja skirtingai priklausomai nuo įrenginio (mobiliojo telefono, televizoriaus, laikrodžio, automobilio), optimizuodamas kiekvieną patirtį.
  4. Emocinis požiūrisKalbama ne tik apie efektyvumą; sąsaja siekia perteikti pojūčius, energiją ir ramybę, atsižvelgiant į naudojimą ir kontekstą.
  5. Didelis prieinamumo šuolisSkaitymas, elementų identifikavimas ir naršymas tapo dar lengvesni visų tipų vartotojams.

Kaip „Material 3 Expressive“ veikia naudotojo suasmeninimą

„Google Material 3“ išraiškingas pritaikymas

Pagrindinės naujos vizualinės ir naudotojo patirties funkcijos

  • Atnaujintas pranešimų skydelis ir greitieji nustatymaiSu naujais skaidrumo efektais, didesniais mygtukais ir animacijomis, susietomis su kiekvienu veiksmu.
  • Pertvarkytos būsenos juostos ir valdiklių sistemosValdikliai dabar yra informatyvesni, reaguojantys į ekraną ir vizualiai nuoseklesni, todėl galite elegantiškai rodyti tiesioginius atnaujinimus ir veiklas.
  • Pritaikomi ir įskaitomi šriftaiNauji stiliai, kurie pagerina skaitomumą ir įtraukimą, leidžia prisitaikyti prie naudotojų pageidavimų ir specialiųjų poreikių.
  • Tiesioginė veikla ir tiesioginiai pranešimaiĮkvėpti panašių sistemų kitose platformose, jie leidžia tiesiogiai sąsajoje rodyti realaus laiko įvykius, pvz., kurjerio atvykimą, skrydžio sekimą ar fizinį aktyvumą.
  • Atnaujinti meniu ir vietinės programėlės„Gmail“, „Google Photos“, „Fitbit“ ir kitos paslaugos demonstruoja naują estetiką, o daugelis trečiųjų šalių programėlių jau diegia „Material 3 Expressive“, kad užtikrintų darnią patirtį.

3 medžiaga. Išraiškingumas ir skaitmeninio prieinamumo ateitis.

  • Ekrano skaitymo sistemų patobulinimai„Talkback“ ir skaitytojai automatiškai prisitaiko prie optimalaus kontrasto ir dydžio, kad tekstas būtų kuo geriau suprantamas.
  • Tinkinami tiesioginiai subtitrai ir subtitraiOptimizuotas subtitrų įjungimas realiuoju laiku su įvairiomis vaizdo parinktimis, siekiant pagerinti įtraukimą kurtiesiems ar klausos sutrikimų turintiems žmonėms.
  • Prieinamos ir lanksčios animacijosAnimacijos gali būti automatiškai sumažintos arba pašalintos pagal aptiktas nuostatas ar poreikius.
  • Kontekstinė pagalba ir optimizuotas atsiliepimasIššokantys pranešimai ir pagalbos elementai prisitaiko prie konteksto ir sąveikos tipo, pagerindami navigaciją žmonėms, turintiems motorinių ar kognityvinių sutrikimų.

Prieinamumas tampa patirties pagrindu, užtikrinant, kad bet kokie vizualiniai ar sąveikos patobulinimai būtų naudingi tiek paprastiems vartotojams, tiek žmonėms su specialiaisiais poreikiais.

3 medžiaga. Išraiškinga visoje ekosistemoje: mobiliuosiuose įrenginiuose, televizijoje, automobiliuose, nešiojamuosiuose įrenginiuose ir išmaniuosiuose įrenginiuose.

„Material 3 Expressive“ diegimas yra laipsniškas ir su konkrečiais pritaikymais kiekvienai medijai:

  • „Android 16“ išmaniuosiuose telefonuose„Pixel“ įrenginiai pirmieji gaus atnaujinimą, kuris visiškai demonstruoja naujas meniu, valdiklių, pranešimų ir vietinių programų funkcijas. Gamintojai, naudodami savo sluoksnius, nuspręs, kiek jie pritaikys, tačiau API leidžia integruoti pagrindinius vizualinius elementus neprarandant prekės ženklo tapatybės. Daugiau apie atnaujinimus ir pritaikymą sistemoje „Android“.
  • Google TV ir Android TVVizualinis didelių ekranų atnaujinimas su dinamišku spalvų komponentu, informatyviais valdikliais ir meniu, pritaikytais prie svetainės patirties, optimizuojant nuotolinį žiūrėjimą.
  • „Android XR“ (išplėstinė realybė)Pritaikomos 3D sąsajos, dirbtinio intelekto integracija ir įtraukiančios animacijos naujoms sąveikos formoms papildytoje arba virtualioje realybėje.
  • Prijungtieji automobiliai„Android Auto“ ir „Automotive“ sistemose yra patobulinti vaizdiniai asistentai, suasmeninta navigacija su „Gemini“, vaizdiniai įspėjimai ir dinaminės temos, kurios padidina dėmesį ir saugumą.
  • „Wear OS“ išmaniuosiuose laikrodžiuoseAutomatinės temos, kurios dera su jūsų pasirinktu laikrodžio ciferblatu, apvaliems ekranams optimizuoti mygtukai, sklandžios animacijos ir darni mobilioji patirtis.

Šis universalizavimas pirmą kartą „Material 3 Expressive“ paverčia vizualiniu etalonu visoje „Google“ prijungtoje ekosistemoje.

Palyginimas: kaip keičiasi naudotojo patirtis naudojant „Material 3 Expressive“?

  • Greitesnis elementų atpažinimasAkių judesio jutimo naudojimo tyrimai rodo, kad vartotojai pagrindinius mygtukus ir veiksmus aptinka iki 4 kartų greičiau nei naudojant „Material You“ ir ankstesnes versijas.
  • Sklandumas ir dinamiškumasMikroanimacijos, lytėjimo grįžtamasis ryšys ir natūralūs perėjimai sumažina sustingimo pojūtį ir suteikia patirčiai malonesnę bei natūralesnę patirtį.
  • Didesnis diferenciavimas ir pritaikymasProgramėlės ir įrenginiai nebėra bendriniai, o pritaikyti prekės ženklui, vartotojui ir situacijai.
  • Daugiau informacijos, mažiau triukšmoGeresnis erdvės panaudojimas ir vaizdinė hierarchija sumažina vaizdinę perkrovą ir sutelkia dėmesį į tai, kas svarbu.
  • Turtingas interaktyvumasTiesioginės veiklos ir dinaminiai valdikliai teikia aktualią informaciją realiuoju laiku tiesiai į jūsų darbalaukį arba pagrindinį ekraną.

Generatyvaus dirbtinio intelekto vaidmuo medžiagoje „Material 3 Expressive“

  • Dvyniai kaip visur esantis asistentas„Google Assistant“ pakeitus „Gemini“, galima išmaniau sąveikauti kontekstualiai – nuo ​​greitų atsakymų iki vaizdinių pasiūlymų ir pažangios balso valdymo.
  • DI API kūrėjamsNauji įrankiai leidžia integruoti vertimą, santraukų rengimą, turinio generavimą ir pakartotinį aiškinimą į gimtąsias arba žiniatinklio programas, taip užtikrinant suasmeninimą ir privatumą.
  • Gili integracija į automobilius ir išmaniuosius namus„Gemini“ automobilyje leidžia valdyti navigaciją, įprastinį valdymą ir pritaikyti pramogas bei teikti pasiūlymus, o namuose dirbtinis intelektas siūlo veiksmus ir optimizuoja energijos vartojimo efektyvumą.
  • Dirbtinio intelekto valdoma vizualinė išraiškaDirbtinis intelektas koreguoja spalvas, vaizdus, ​​valdiklius ir mikroanimacijas, kad patirtis būtų žmogiškesnė ir aktyvesnė.

Dirbtinis intelektas nebėra fone, o veikiau yra sąsajos dinamiškumo, suasmeninimo ir emocinės vertės varomoji jėga..

3-osios medžiagos išraiškingumo diegimas, pritaikymas ir lūkesčiai

  • Pradinis prieinamumas „Pixel“ įrenginiuose„Material 3 Expressive“ atnaujinimas pirmiausia pasirodys „Pixel“ linijoje, įskaitant telefonus ir laikrodžius, kur jį bus galima išbandyti „Android 16“ ir „Wear OS“ beta versijose.
  • Laipsniškas atvykimas pas kitus gamintojusPriėmimo tempas priklauso nuo kiekvieno originalios įrangos gamintojo (OEM); kai kurie integruos visus vizualinius elementus, o kiti derins „Material 3 Expressive“ su savo pasirinktiniu sluoksniu.
  • Ankstyvo testavimo galimybėPalaikomų mobiliųjų įrenginių naudotojai gali užsiregistruoti oficialiose beta versijose, kad išbandytų naują dizainą prieš galutinį leidimą, tačiau jie turėtų žinoti apie galimas klaidas ir nestabilumą beta versijose.
  • Programėlių ir ekosistemos atnaujinimaiNuo „Gmail“ ir „Google“ nuotraukų iki trečiųjų šalių programų kūrėjai ras dokumentaciją ir įrankius, skirtus naujajai dizaino kalbai pritaikyti.

3 medžiaga. Išraiškinga kūrėjams: nauji įrankiai ir iššūkiai.

  • Patobulintos API ir dokumentacija„Google“ išleido naujus vadovus ir išteklius, kurie padės kūrėjams kurti vizualiai nuoseklias ir prieinamas programas naudojant „Material 3 Expressive“, pritaikytas įvairiems formos veiksniams ir poreikiams.
  • Lankstūs vartotojo sąsajos komponentaiNauji valdikliai leidžia akimirksniu koreguoti būsenas (aktyvi / neaktyvi, klaida, sėkmė), dydžius ir stilius, integruojant dirbtinį intelektą ir tiesioginę veiklą, kad būtų užtikrinta moderni ir aktyvi patirtis.
  • Suderinamumas atgaline dataProgramėlių kūrimas, naudojant „Material 3 Expressive“, yra progresyvus, todėl jį lengva pritaikyti prie esamų projektų.
  • Dėmesys prieinamumo testavimuiRekomenduojama naudoti automatinius įrankius ir testus su realiais vartotojais, siekiant patikrinti, ar vizualiniai patobulinimai taip pat padidina programų įtraukumą.

„Material 3 Expressive“ vaidmuo prekės ženklo kūrime ir diferenciacijoje „Android“ sistemoje

Tradiciškai „Android“ įrenginių gamintojai sąsają pritaikydavo naudodami savo sluoksnius („Samsung One UI“, „Xiaomi MIUI“ ir kt.). Su „Material 3 Expressive“ „Google“ leidžia šiems sluoksniams integruoti naujos kalbos privalumus, išlaikant jų unikalų identitetą. Tai reiškia, kad gamintojai gali išsiskirti vizualiai ir pasiūlyti geresnę naudotojo patirtį neprarandant bendro „Android“ nuoseklumo..

  • Palečių ir komponentų pritaikymasKiekvienas gamintojas galės apibrėžti temų paletes, komponentų formas ir mikrointerakcijas, kad jų sistema išsiskirtų „Android“ vartotojo sąsajos standarte.
  • Vieninga patirtis įvairiose universaliose programoseProgramėlės, kurios naudoja „Material 3 Expressive“, užtikrins nuoseklią, pritaikomą ir atpažįstamą patirtį bet kuriame įrenginyje, nepriklausomai nuo gamintojo sluoksnio.

3 medžiaga. Išraiškingos ir kitos dizaino ekosistemos.

Konkurencija tarp ekosistemų („Android“, „iOS“, „Windows“) dizaino kalbas paverčia strateginiu elementu. „Material 3 Expressive“ daugiausia dėmesio skiria emocinei adaptacijai, radikaliam pritaikymui ir prieinamumui, o kitos platformos linkusios išlaikyti griežtesnę ir mažiau dinamišką estetiką. Gebėjimas perteikti emocijas ir prisitaikyti realiuoju laiku yra vienas iš didžiausių „Material 3 Expressive“ konkurencinių pranašumų..

„Material 3 Expressive“ žymi precedento neturintį šuolį mobiliųjų ir kelių platformų sąsajų dizaino evoliucijoje. Ši vizualinė, techninė ir emocinė revoliucija ne tik sustiprina „Android“ tapatybę, bet ir iš naujo apibrėžia, kaip vartotojai kasdien sąveikauja su technologijomis, jas patiria ir suasmenina. Dirbtinio intelekto integravimas, universalus prieinamumas, vizualinis gylis ir lankstumas paverčia šią kalbą pasauliniu etalonu.

Google matau 2-0
Susijęs straipsnis:
„Google Veo 2“: pažangi dirbtinio intelekto vaizdo įrašų generavimo funkcija „Gemini“ ir „Google One“ įrenginiuose.

Pridėti kaip pageidaujamą šaltinį