Google materiālā dizaina lietotāja saskarne tiek atjaunināta ar jaunām krāsām, ikonogrāfiju un fokusu uz pieskārienu

Šķiet, ka Chromium Gerrit jaunās saistības attiecas uz "Material Design 2", kas varētu būt jauna un uzlabota Google materiālu dizaina valodas versija.

Material Design — vienotā dizaina valoda, kas tika izlaista kopā ar Android Lollipop, tajā ir plakanas pasteļkrāsu paletes, dziļums, maigs apgaismojums un reālistiska fizika. Tas ir paredzēts, lai atdarinātu reālās pasaules objektu taktilitāti, neizmantojot skeuomorfismu; Google to apraksta kā "klasisko principu" sintēzi ar tehnoloģiju "[jauninājumiem] un iespējām".

Kopš Materiālu dizaina debijas 2014. gadā tas ir izplatījies visā Android ekosistēmā kā ugunsgrēks, nemaz nerunājot par Google lietotnēm, piemēram, YouTube, Chrome, Gmail, Hangouts un Google kalendāru. Peldošās darbības pogas, patīkamas krāsas un pacēluma tehnikas ir pieejamas kā daļa no Materiālu komponentu bibliotēka vietnē GitHub (turpinājums Android dizaina atbalsta bibliotēkai un Google tīmekļa vietnei Material Design Lite), kas nodrošina Material’s labums Android pielāgotu skatu veidā un tīmeklis komplektu veidā, ko var importēt un izmantot kā standarta HTML tagus.

Tagad, materiālu dizaina ceturtās gadadienas priekšvakarā, šķiet, ka Google gatavo savu nākamo paaudzi. papīra un tintes iedvesmots estētiski: Materiāla dizains 2. Publiski ir pieejama maz vērtīgas informācijas par Material Design 2, kuras esamību mēs atklājām šonedēļ, veicot jaunas saistības Chromium Gerrit. Mēs neapgalvojam, ka tas ir a pareizi jaunākās Materiālu dizaina sistēmas pēctecis, taču apņemas norādīt uz pamanāmām, ja arī smalkām, izmaiņām krāsu paletēs, ikonogrāfijā un skārienekrāna darbībā.


Materiālu dizains 2 tiek parādīts Chromium Gerrit

Februāra sākumā jaunās saistības Chromium Gerrit ieviesa "Material Design 2" lietotāja saskarni pārlūkā Chrome. ciļņu josla — velkamas cilnes, kurās ir tīmekļa lapu nosaukumi, izlases ikonas un poga "aizvērt cilni" virs Chrome adreses josla.

Saistības nav krasas, taču tās veic izmaiņas Chrome ciļņu izskatā. Tie palielina cilnes joslas augstumu; veikt nenoteiktas izmaiņas ciļņu satura izkārtojumā, īpaši nosaukumos un brīdinājumu indikatoros; un samaziniet cilnes pieskāriena platumu, vienlaikus palielinot cilnes standarta platumu. Viņi skaidri nevajag mainīt ciļņu brīdinājuma indikatora krāsas, ciļņu atdalītāju krāsas, pogu "jauna cilne" vai jebkuru ciļņu tipogrāfiju.

Chrome ciļņu kolekcija.

Ir skaidrs, ka saistībās ir atsauce uz cilnes "Materiālu dizains 2" aizvēršanas pogas ikonu un "Google Material Design 2 nepieciešamās pamatkrāsu konstantes".

Padziļināti iedziļinoties izpildes kodā, tiek parādītas jaunas “Material Design 2” krāsu paletes pelēkiem, sarkaniem un sarkani-tumšiem Chromium motīviem, kā arī jaunas krāsas standarta Chrome rīkjoslai un inkognito rīkjoslai. Mēs izmantojām heksadecimālo uzmeklēšanas tabulu, lai ģenerētu RGB paraugus:

Material Design 2 sarkanā krāsa ir nedaudz tumšāks nekā pašreizējais materiālu dizains Sarkanais 800 (#C62828) un Sarkans 600 (#E53935), savukārt jaunajiem pelēkajiem toņiem (#3C4043, #5F6368, #BDC1C6, #F1F3F4) ir gaišāks, zilgans nokrāsa. Materiāla dizainā ir tradicionālie pelēkie toņi, kur R=G=B, savukārt šeit B>G>R katrā tonī (bet tikai 1-4 no 255).

Ar Material Design 2 saderīgās versijas Pārlūkam Chrome būs arī daudz spilgtāka rīkjosla nekā pašreizējām versijām — tā ir gandrīz balta salīdzinājumā ar pašreizējo pelēcīgo krāsu shēmu.

Šeit ir īss makets par to, kā rīkjosla izskatīsies ar jaunajām krāsām:

Visbeidzot, apņemšanās pievieno jaunu IsTouchOptimizedMaterial() karogu uz MaterialDesignController, kas varētu attiekties uz pieskāriena optimizētajiem Material Design 2 elementiem. Janvāra sākumā mēs rakstījām par Google centieniem uzlabot Chrome tīmekļa pārlūkprogrammas skārienekrāna atbalsts Chrome OS ierīcēs, un šķiet, ka tas ir tā turpinājums.

Piemēram, apņemšanās parāda, ka skārienekrāna ierīcēs Chrome SetStackedLayout būs vienmēr iespējots.' Pēc noklusējuma, atverot daudz ciļņu, pārējo ciļņu platums samazinās, lai pielāgotos jaunas cilnes. Chrome grupētais izkārtojums saglabā sākotnējo ciļņu platumu un pievieno jaunas cilnes aiz tām.


Krāsu nozīme materiālu dizainā

Tātad, ko jaunās krāsas nozīmē plašākā materiālu dizaina kontekstā?

Materiālu dizains ir vairāk nekā tikai slāņi, komponenti un elementi, kā arī to izturēšanās viens pret otru. Google dizaina motīva centrālais elements ir augsta kontrasta motīvi, spilgtas krāsas un spilgti izceltie elementi — tieši tie izceļ ar materiālu dizainu saderīgās lietotnes.

Google nodrošina paraugu krāsu paletes izstrādāts, lai “labi sadarbotos” dažādās platformās, un mudina izstrādātājus, kuri izmanto priekšrocības, iegūt avotu galvenā lietotnes krāsa — citādi zināma kā "dominējošā" krāsa — no 500 dažādu krāsu kolekcijas paraugi. (Padomājiet par "zilu", "zaļu" vai "violetu" un citām pamatkrāsām.) Ja nepieciešams, viņi iegūst sekundāro krāsu no paplašinātas 700 krāsu kolekcijas. (papildu krāsas svarīgākajiem lietotāja interfeisa elementiem un analogas mazāk svarīgiem UI elementiem un trešā krāsa no apakškopas 300).

Krāsai ir svarīga loma materiālu dizaina hierarhijā. Spilgtas krāsas norāda uz svarīgumu — tās ir paredzētas pamanāmām pogām un citiem interaktīviem elementiem. No otras puses, smalkākas krāsas piešķir vizuālu interesi, akcentējot teksta laukus, norises joslas, saites un citas lietotāja saskarnes daļas.

No tā, ko mēs zinām par Material Design 2 krāsu paleti, vismaz daži Google primārā 500 paraugi, piemēram, Red 600 un 800, ir tumšāki nekā to Material Design priekšteči. Bet citi, piemēram, pelēki, saņem pretēju attieksmi - gan pelēkajiem, gan baltajiem paraugiem, kas parādīti Chrome cilnes maketā, ir aukstāks pelēktoņu un augstākas zilās krāsas vērtības.


Šobrīd tas ir viss, ko mēs patiešām zinām par Material Design 2. Taču apņemšanās var būt zīme, ka kaut kas notiek aizkulisēs, un, ja tā ir taisnība, mēs varētu uzzināt vairāk agrāk nekā vēlāk. Paredzams, ka Google pārņems Android P, nākamo lielāko Android versiju, jau martā, un Google I/O 2018 sāksies 8. maijā. Abas ir lieliskas iespējas novērst Material Design 2 iesaiņojumus.

Atjauninājums 4.2.2018.: Neilgi pēc šī raksta publicēšanas apņemšanās tika padarīta privāta, kas, iespējams, nozīmē, ka tā bija paredzēta slepenai. Mēs turpināsim pārbaudīt Chromium Gerrit, vai nav notikušas izmaiņas, un atjaunināsim šo rakstu, ja tādas tiks konstatētas.