Googleovo korisničko sučelje Material Design dobiva nove boje, ikonografiju i fokus na dodir

click fraud protection

Čini se da nove obveze u Chromium Gerritu upućuju na "Material Design 2", koji bi mogao biti nova i poboljšana verzija Googleovog jezika za materijalni dizajn.

Material Design, objedinjeni dizajnerski jezik koji je lansiran uz Android Lollipop, ima ravne, pastelne palete boja, dubinu, meku rasvjetu i realističnu fiziku. Namijenjen je oponašanju taktilnosti objekata iz stvarnog svijeta bez pribjegavanja skeuomorfizmu; Google ga opisuje kao sintezu "klasičnih načela" s "[]inovativnošću i mogućnošću" tehnologije.

Od debija Material Designa 2014. proširio se ekosustavom Android poput šumskog požara—da ne spominjemo Googleove aplikacije kao što su YouTube, Chrome, Gmail, Hangouts i Google Kalendar. Plutajući akcijski gumbi, ugodne boje i tehnike podizanja dostupni su kao dio Biblioteka materijalnih komponenti na GitHubu (nastavak Androidove biblioteke za podršku dizajna i Googleovog web-fokusiranog Material Design Litea), koji donosi Materialov dobro za Android u obliku prilagođenih pogleda i za web u obliku paketa koji se mogu uvesti i koristiti kao standardni HTML oznake.

Sada, uoči četvrte godišnjice Material Designa, čini se da Google priprema svoju sljedeću generaciju inspiriran papirom i tintom estetski: Dizajn materijala 2. Javno je dostupno jako malo informacija o Material Designu 2, čije smo postojanje otkrili ovaj tjedan u novim obvezama u Chromium Gerritu. Ne tvrdimo da je to a ispravan nasljednik najnovijeg okvira Material Design, ali obveze ukazuju na primjetne, iako suptilne, promjene u paletama boja, ikonografiji i ponašanju zaslona osjetljivog na dodir.


Materijalni dizajn 2 pojavljuje se u Chromium Gerritu

Početkom veljače, nova obveza na Chromiumu Gerrit je implementirao korisničko sučelje "Material Design 2" u Chromeu traka s karticama—kartice koje se mogu povlačiti sadrže naslove web stranica, favikone i gumb "zatvori karticu" iznad Chromeove adresna traka.

Obaveze nisu drastične, ali unose promjene u izgled Chromeovih kartica. Povećavaju visinu trake s karticama; napraviti neodređena podešavanja u izgledu sadržaja kartica, posebno u naslovima i indikatorima upozorenja; i smanjite širinu dodira kartice dok povećavate standardnu ​​širinu kartice. Oni izričito nemoj mijenjati boje indikatora upozorenja kartice, boje separatora kartica, gumb "nova kartica" ili bilo koju tipografiju kartice.

Zbirka Chrome kartica.

Otkrivajuće, obveze se pozivaju na ikonu gumba za zatvaranje kartice "Material Design 2" i "osnovne konstante boja potrebne za Google Material Design 2".

Kopanje dublje u kod za uvrštavanje pokazuje nove palete boja "Material Design 2" za sive, crvene i crveno-tamne Chromium teme i nove boje za standardnu ​​Chrome alatnu traku i inkognito alatnu traku. Koristili smo heksadecimalnu tablicu pretraživanja za generiranje RGB uzoraka:

Materijalni dizajn 2 je crvena nešto tamniji od trenutnog dizajna materijala Crvena 800 (#C62828) i Crvena 600 (#E53935), dok nove nijanse sive (#3C4043, #5F6368, #BDC1C6, #F1F3F4) imaju svjetliju, plavkastu nijansu. Materijalni dizajn sadrži tradicionalne sive, gdje je R=G=B, dok je ovdje B>G>R u svakoj nijansi (ali samo u 1-4 od 255).

Verzije kompatibilne s Material Design 2 Chrome će također sadržavati puno svjetliju alatnu traku od trenutnih verzija - gotovo je bijela u usporedbi s trenutnom sivkastom shemom boja.

Evo kratkog modela kako će alatna traka izgledati s primijenjenim novim bojama:

Na kraju, commit dodaje novi IsTouchOptimizedMaterial() zastava na Kontroler dizajna materijala, što se može odnositi na elemente Material Design 2 optimizirane za dodir. Početkom siječnja pisali smo o Googleovim nastojanjima da poboljša Podrška za zaslon osjetljiv na dodir web-preglednika Chrome na uređajima s operativnim sustavom Chrome, a čini se da je nastavak toga.

Na primjer, obveza pokazuje da će na uređajima s dodirnim zaslonom Chromeov SetStackedLayout biti "uvijek omogućeno.' Prema zadanim postavkama, kada otvorite mnogo kartica, širine ostalih kartica se smanjuju kako bi se prilagodile nove kartice. Chromeov naslagani raspored zadržava izvorne širine kartica i dodaje nove kartice iza njih.


Važnost boje u dizajnu materijala

Dakle, što nove boje znače u širem kontekstu materijalnog dizajna?

Materijalni dizajn je više od slojeva, komponenti i elemenata i načina na koji se ponašaju jedni prema drugima. Središnje mjesto u Googleovom dizajnerskom motivu su teme visokog kontrasta, svijetle boje i hrabri naglasci - to je ono što aplikacije usklađene s materijalnim dizajnom izdvajaju iz gomile.

Google daje uzorak palete boja osmišljen da "dobro surađuje" na svim platformama i potiče programere koji iskorištavaju prednost izvora primarna boja aplikacije -- inače poznata kao "dominantna" boja - iz kolekcije od 500 različitih uzorci. (Razmislite o "plavoj", "zelenoj" ili "ljubičastoj" i drugim osnovnim bojama.) Ako je potrebno, dobavljaju sekundarnu boju iz proširene kolekcije od 700 boja (komplementarne boje za najvažnije elemente korisničkog sučelja i analogne za manje važne elemente korisničkog sučelja i tercijarna boja iz podskupa 300).

Boja igra važnu ulogu u hijerarhiji materijalnog dizajna. Svijetle boje sugeriraju važnost -- rezervirane su za istaknute gumbe i druge interaktivne elemente. Suptilnije boje, s druge strane, dodaju vizualni interes naglašavanjem tekstualnih polja, traka napretka, poveznica i drugih dijelova korisničkog sučelja.

Iz onoga što znamo o paleti boja Material Design 2, barem nekoliko uzoraka u Googleovim "primary 500", poput Red 600 i 800, tamnije su od svojih prethodnika Material Designa. Ali drugi, poput sive, imaju suprotan tretman -- i sivi i bijeli uzorci prikazani u maketi kartice Chrome imaju hladnije sive tonove i više plave vrijednosti.


Trenutačno, to je sve što stvarno znamo o Material Designu 2. No obveze bi mogle biti znak da se nešto događa iza kulisa, a ako je to točno, mogli bismo saznati više prije nego kasnije. Očekuje se da će Google predstaviti Android P, sljedeću glavnu verziju Androida, već u ožujku, a Google I/O 2018. počinje 8. svibnja. Oboje su vrhunske prilike za skidanje maske s Material Design 2.

Ažuriranje 4.2.2018.: Ubrzo nakon objave ovog članka, commit je postao privatan, što potencijalno znači da je trebao biti tajan. Nastavit ćemo provjeravati promjene u Chromium Gerritu i ažurirati ovaj članak ako ih pronađemo.