Nye forpliktelser i Chromium Gerrit ser ut til å referere til "Material Design 2", som kan være en ny og forbedret versjon av Googles Material Design-språk.
Material Design, det enhetlige designspråket som ble lansert sammen med Android Lollipop, har flate pastellfargepaletter, dybde, myk belysning og realistisk fysikk. Det er ment å etterligne taktiliteten til virkelige objekter uten å ty til skeuomorfisme; Google beskriver det som en syntese av "klassiske prinsipper" med "[den] innovasjonen og muligheten" av teknologi.
Siden Material Design debuterte i 2014, har det spredt seg over Android-økosystemet som en ild i tørt gress – for ikke å nevne Google-apper som YouTube, Chrome, Gmail, Hangouts og Google Kalender. Flytende handlingsknapper, behagelige farger og høydeteknikker er gjort tilgjengelig som en del av Materialkomponentbibliotek på GitHub (oppfølgingen til Androids Design Support Library og Googles nettfokuserte Material Design Lite), som bringer Materials godhet til Android i form av tilpassede visninger, og til nettet i form av pakker som kan importeres og brukes som standard HTML tagger.
Nå, på tampen av Material Designs fireårsjubileum, ser det ut til at Google forbereder neste generasjon av sin papir-og-blekk-inspirert estetisk: Materialdesign 2. En dyrebar liten informasjon er offentlig tilgjengelig om Material Design 2, som vi avdekket denne uken i nye commits i Chromium Gerrit. Vi gjør ingen påstander om at det er en ordentlig etterfølgeren til det nyeste Material Design-rammeverket, men forpliktelsene peker på merkbare, om enn subtile, endringer i fargepaletter, ikonografi og berøringsskjermadferd.
Material Design 2 vises i Chromium Gerrit
I begynnelsen av februar implementerte nye commits på Chromium Gerrit "Material Design 2" UI i Chromes tabstrip – de drabare fanene som inneholder nettsidetitler, favorittikoner og "lukk fane"-knappen over Chromes adressefeltet.
Forpliktelsene er ikke drastiske, men gjør endringer i utseendet til Chromes faner. De øker høyden på fanestripen; foreta uspesifiserte justeringer av innholdslayouten til fanene, spesielt til titler og varslingsindikatorer; og reduser tabulatorberøringsbredden mens du øker fanestandardbredden. De eksplisitt ikke gjør det endre fanevarselindikatorfarger, faneskillefarger, "ny fane"-knappen eller hvilken som helst fanetypografi.
Avslørende viser forpliktelsene til et "Material Design 2"-fanelukkingsknappikon og "grunnleggende fargekonstanter som kreves for Google Material Design 2".
Hvis du graver dypere inn i commit-koden, vises nye «Material Design 2»-fargepaletter for grå, røde og rød-mørke Chromium-temaer, og nye farger for standard Chrome-verktøylinje og inkognitoverktøylinje. Vi brukte en heksadesimal oppslagstabell for å generere RGB-prøvene:
Material Design 2s røde er litt mørkere enn dagens materialdesign Rød 800 (#C62828) og Rød 600 (#E53935), mens de nye gråtonene (#3C4043, #5F6368, #BDC1C6, #F1F3F4) har en lysere, blåaktig fargetone. Materialdesign har tradisjonelle gråtoner, der R=G=B, mens her B>G>R i hver nyanse (men bare med 1-4 av 255).
Materialdesign 2-kompatible versjoner Chrome vil også ha en mye lysere verktøylinje enn nåværende bygg – den er nesten hvit sammenlignet med det nåværende gråaktige fargeskjemaet.
Her er en rask mockup av hvordan verktøylinjen vil se ut med de nye fargene brukt:
Til slutt legger forpliktelsen til en ny IsTouchOptimizedMaterial() flagg til MaterialDesignController, som kan referere til berøringsoptimaliserte Material Design 2-elementer. Vi skrev tidlig i januar om Googles innsats for å forbedre Chrome-nettleserens berøringsskjermstøtte på Chrome OS-enheter, og det ser ut til å være en fortsettelse av det.
For eksempel viser commit at på enheter med berøringsskjerm vil Chromes SetStackedLayout alltid være aktivert.' Som standard, når du åpner mange faner, krymper bredden på de andre fanene for å imøtekomme nye faner. Chromes stablede oppsett beholder bredden til de originale fanene, og legger til nye faner bak dem.
Viktigheten av farger i materialdesign
Så hva betyr de nye fargene i den bredere konteksten av Material Design?
Materialdesign handler mer enn bare om lag, komponenter og elementer, og hvordan de oppfører seg i forhold til hverandre. Sentralt i Googles designmotiv er temaer med høy kontrast, lyse farger og dristige høydepunkter – det er de som gjør apper som er kompatible med Material Design skiller seg ut fra mengden.
Google gir et eksempel fargepaletter designet for å "arbeide godt sammen" på tvers av plattformer, og oppmuntrer utviklere som benytter seg av kilden en primær appfarge - ellers kjent som en "dominerende" farge - fra en samling på 500 forskjellige fargeprøver. (Tenk "blå", "grønn" eller "lilla" og andre grunnleggende farger.) Om nødvendig henter de en sekundærfarge fra en utvidet samling på 700 farger (komplementærfarger for de viktigste UI-elementene, og analoge for mindre viktige UI-elementer, og en tertiærfarge fra en undergruppe av 300).
Farge spiller en viktig rolle i materialdesignhierarkiet. Lyse farger antyder viktighet – de er reservert for fremtredende knapper og andre interaktive elementer. Subtile farger, på den annen side, legger til visuell interesse ved å fremheve tekstfelt, fremdriftslinjer, koblinger og andre deler av brukergrensesnittet.
Fra det vi vet om Material Design 2s fargepalett, er i det minste noen få av fargeprøvene i Googles «primary 500», som Red 600 og 800, mørkere enn deres Material Design-forgjengere. Men andre, som grå, får motsatt behandling -- både de grå og hvite fargeprøvene vist i Chrome-fanemodellen har en kaldere gråtone og høyere blå verdier.
Akkurat nå er det alt vi egentlig vet om Material Design 2. Men forpliktelsene kan være et tegn på at noe skjer bak kulissene, og hvis det er sant, kan vi lære mer før enn senere. Google forventes å ta avslutningen av Android P, den neste store versjonen av Android, så snart som i mars, og Google I/O 2018 starter 8. mai. Begge er ypperlige muligheter til å ta av seg Material Design 2.
Oppdatering 4/2/2018: Kort tid etter at denne artikkelen ble publisert, ble forpliktelsen gjort privat, noe som potensielt betyr at den var ment å holdes hemmelig. Vi vil fortsette å sjekke Chromium Gerrit for endringer, og oppdatere denne artikkelen hvis vi finner noen.