Material Design: nou stil de interfață de la Google și aplicarea acestuia în setările experimentale ale browserului Chrome

Grandios intenționează să introducă un nou stil corporativ Google – Design material– să prevadă o schimbare a carcasei în viitor cel mai popular browserîn lumea Chrome. Până acum, Material Design în versiunea curentă a browserului poate fi văzut doar în secțiunea de descărcări. Dar, dacă dorește, orice utilizator poate activa anumite funcții experimentale ale Chrome pentru a începe să lucreze cu browserul web preferat în noua sa formă. Cum să activați funcțiile experimentale de Design de materiale selectate în browser Google Chrome, și ce va rezulta în cele din urmă - vom vorbi despre asta tuturor în acest articol. Dar mai întâi – câteva cuvinte, de fapt, despre Stilul material Proiecta.

1. Noul stil Google – Material Design

Design material– după cum vedem din traducerea în limba rusă a numelui noului stil Google, este destinat să ofere realism interfeței produselor companiei. La prima vedere, Material Design este plat și lipsit de efecte tridimensionale, dar dacă aruncați o privire mai atentă, este de fapt complex și multistratificat. Este format dintr-un joc subtil, discret de umbre aruncate de elemente. Când le selectați făcând clic mouse-ul computerului sau atingeți dispozitive tactile Elementele de Material Design vor arunca o umbră mai bogată, dar, în același timp, fără efecte contrastante ascuțite. Elementele de Material Design au culori bogate, solide, margini clar definite, dar nu colțuri ascuțite. Comutarea între elementele de interfață se realizează fără probleme, fără accente ascuțite. Designul materialului se bazează pe principiul tipăririi tipografice cu fonturi lizibile (netezite), culori de fundal neiritante, spațiere corectă între elemente, concentrarea atenției în locurile potrivite și navigare intuitivă.

Crearea unui nou stil a fost condusă de necesitatea de a conferi unitate tuturor serviciilor web și produselor software Google. Stilul uniform interfața va permite publicului utilizator să identifice compania ca fiind creatorul produselor sale și să le distingă de web și produse software alți dezvoltatori.

Material Design este încă un proiect destul de tânăr. A fost prezentat oficial la o conferință Google în vara anului 2014, dar astăzi este implementat în multe produse Google. Astfel, interfața mobilă este proiectată în stilul Material Design. Platforme Android, începând cu versiunea 5.0. Multe interfețe web au fost traduse în acest stil. servicii Google: înnorat Stocare Google Drive (și odată cu el aplicațiile web de birou „Documente”, „Tabele”, „Prezentări”), note Google Keep, generator de formulare web Formulare Google, analizor de tendințe interogări de căutare trenduri Google, magazin de conținut Android Google Play, rețeaua socială Google+ și altele.

Pentru comparație: la data scrierii acestui articol, serviciile web ale companiei, cum ar fi Gazduire video YouTube, personale Calendar Google Calendar, site de știri Google News, serviciu de căutare pentru biblioteca de cărți digitalizate Google Books și altele.

2. Setări experimentale Chrome

Elemente individuale Material Design în Google Chrome este activat în setările experimentale ale browserului. Ele pot fi accesate prin intrare bara de adresa valori:

Când faceți modificări ale setărilor experimentale - fie în ceea ce privește Designul materialului, fie în ceea ce privește orice alte funcții, trebuie să vă amintiți despre posibilitatea de a reveni setările inițiale Crom.

Privind în viitor, observăm că după aplicarea tuturor elemente posibile Material Design în Experimental setări Google Chrome nu va arăta ca un produs reproiectat. Astăzi, pe lângă secțiunea de descărcare menționată mai sus în stilul Material Design, care este preinstalată în versiunile curente Chrome, transformare în noua interfata Puține componente ale browserului se pretează la acest lucru.

3. Material Design în antetul Chrome

Antetul este actual la data scrierii versiuni Chrome arata asa:

În secțiunea de setări experimentale, găsiți opțiunea „Material Design” și selectați „Material Design” în lista derulantă. Un buton pentru a reporni browserul va apărea în partea de jos a ferestrei pentru a aplica noile setări. Hai să-l apăsăm.

Cu toate acestea, după repornire, nu vom vedea modificări drastice în antetul Chrome. Vom găsi doar noul fel butoane de meniu, cunoscute multora Interfață Android, precum și schimbarea culorii folderelor cu marcaje. Anterior Culoarea galbena folderele vor deveni gri. Asta e tot.

4. Secțiunea de descărcare în stil Material Design

Pentru a vedea Material Design în Chrome fără a utiliza setări experimentale, trebuie doar să deschideți secțiunea de descărcări. Fișierele descărcate sunt afișate, așa cum era de așteptat în acest stil, cu carduri. În partea de sus a ferestrei vom găsi un câmp de căutare pentru numele fișierelor descărcate,

precum și un buton pentru opțiunile disponibile pentru secțiunea de descărcări, din nou în stil Android.

În context experimental, cunoscători ai designului vechii secțiuni Descărcări Chrome poate returna interfața familiară. Pentru a face acest lucru, trebuie să găsiți opțiunea „Activați designul materialului pe pagina „Descărcări””, setați poziția „Dezactivat” în lista derulantă și reporniți browserul.

5. Design material pentru istoricul browserului

Cum arată secțiunea? Istoricul Google Chrome în noul stil Material Design, din păcate, nu vom ști încă. Cu siguranță aceasta va fi o comoditate fără precedent, pentru că, teoretic, vom căuta site-ul dorit în haosul a tot ceea ce s-a vizitat în câteva zile folosind cărți ordonate aliniate la rând. Tranziția secțiunii Istoricul Chrome pe Material Design sunt furnizate setări experimentale, dar în realitate nu vom obține niciun efect. Istoricul browserului pur și simplu nu va fi afișat. Poate că în viitorul apropiat, opțiunea de setări experimentale „Activați istoricul designului materialului” va deveni operațională.

6. Secțiune de extensii și aplicații în stilul Material Design

Ultima opțiune disponibilă astăzi pentru trecerea la Material Design (din fericire, funcționează) este transformarea în un stil nou sectiunea extensii si aplicații Chrome. Să ne amintim mai întâi de vizualizarea tradițională a acestei secțiuni, care, în cadrul interfeței existente, este afișată ca o filă de comutare în setările browserului.

Pentru a vedea secțiunea pentru extensii în stilul Material Design, în setările experimentale, căutați opțiunea „Activați extensiile Material Design” și faceți clic pe „Activați”. Reporniți browserul.

După repornirea Chrome, secțiunea de extensii acoperite cu Material Design nu va mai fi disponibilă filă separatăîn secțiunea de setări. Acces la lista extensii instalate iar aplicațiile pot fi obținute alternativ prin elementul „ Instrumente suplimentare» în meniul Chrome.

Sau într-un alt mod - apelând oricare dintre butoanele de extensie din bara de instrumente a browserului meniul contextualși selectând „Gestionați extensiile”.

Și aici este Material Design în sine în secțiunea de extensii și aplicații:

Vom vedea aceleași culori frumoase de fundal ca și în secțiunea de descărcări. Conținut instalat Chrome sub formă de carduri va fi bine sortat separat după extensii, separat după aplicații și separat după comenzile rapide ale site-ului.

O zi bună!

În Funcțiile experimentale ale browserului Google Chrome

În general În ultima vreme Folosesc Chrome și cum statisticile cititorului meu de blog arată— majoritatea sunt și pe crom.

Dar se dovedește browser Google Chrome conține o cantitate mare opțiuni pe care nu le veți găsi în secțiunea de setări obișnuite. Sunt ascunse pe o pagină de serviciu specială chrome://steaguri. De regulă, acestea sunt experimentale sau numai necesare cerc limitat capacitățile utilizatorului. Cu toate acestea, printre ele există câteva care ar putea interesa cititorii.

Pentru a accesa setările enumerate mai jos, introduceți în bara de adrese a browserului dvs chrome://steaguriși apăsați Introduce. Pe pagina care se deschide vei vedea o listă destul de mare diverși parametri, al cărui sens nu este atât de ușor de înțeles chiar și în ciuda comentariilor disponibile. Să ne uităm la cele mai interesante pe care le-am găsit în ultimul Chrome.

Funcții

chrome://flags/#enable -translate-new-ux- modifică panoul normal de traducere care apare pe paginile de pe limbă străină, la pictograma mică din bara de adrese.

chrome://flags/#enable -ignore-autocomple te-off— activați ignorarea interdicției de completare automată pe site-uri web. Acest lucru se aplică utilizării umplere automată parole, în ciuda restricțiilor de pagină.

chrome://flags/#spellcheck -autocorrect - corectare automată erori de scriere.

chrome://flags/#enable -scroll-prediction- încearcă să prezică locația finală a degetului în timpul derulării pe dispozitivele tactile, astfel încât conținutul din acest loc va fi încărcat în avans.

chrome://flags/#enable -download-resumpti on— permite reluarea sau redescărcarea fișierelor care nu au fost descărcate până la finalizare din cauza unei erori de conexiune sau a închiderii browserului, printr-un element de meniu contextual Relua.

chrome://flags/#enable -offline-mode— vă permite să răsfoiți pagini web fără să vă conectați la rețea datorită unui cache salvat anterior.

chrome://flags/#tab -groups-context-menu- adaugă elemente în meniul contextual al filei pentru a grupa file.

chrome://flags/#enable-encrypted-media- acest lucru vă permite să instalați ultima versiune Extensii media criptate în Google Chrome. Tehnologia este folosită în HTML5 pentru a reda conținut protejat.

Performanță și stabilitate

chrome://flags/#conflicting -modules-chec k— verificarea prealabilă a instalației softwareși module pentru compatibilitate cu browserul dvs.

chrome://flags/#enable -d3d11— activați Direct 3D pe sistemele în care este acceptat. Conduce la o performanță mai rapidă a browserului.

chrome://flags/#enable -fast-unload— închiderea mai rapidă a filelor și a ferestrelor programului.

Care browser? Mulți dintre noi vom răspunde aproape fără ezitare - Chrome. Această alegere poate fi contestată mult timp, dar dacă te gândești bine: care producător actualizează, rafinează și are grijă de clienții săi la fel de des ca Google? În plus, compania realizează constant dezvoltări inovatoare, experimentale, care afectează semnificativ funcționarea programului, făcându-l mai flexibil, susceptibil de transformare și adaptându-se la absolut cerințe diferite utilizatorii.

Sunt create o mulțime de astfel de setări, dar doar câteva dintre ele ajung la consumator. Să ne uităm la cele mai interesante și utile elemente noi cu care toată lumea poate ajusta caracteristicile și îmbunătăți performanța browserului său:

1. „Număr fire raster”- va crește semnificativ viteza de încărcare a fotografiilor și a altor imagini. Acest lucru funcționează prin modificarea numărului de fluxuri raster, pe care vi se va cere să le schimbați: valoarea maximă a fluxurilor oferă viteza maximă.
2. „Activare-descărcare rapidă”— uneori, minimizarea filelor sau închiderea ferestrelor necesită mult timp. Folosind această opțiune, aceasta poate fi redusă semnificativ.
3. „Activați modul offline”- această funcție permite browserului să încarce pagini într-o versiune în cache și datorită acesteia, situația unei căderi de conexiune la rețea este aproape complet eliminată.
4. „Verificarea -module- în conflict”— o setare creată pentru a verifica modulele încărcate. Este necesar să se prevină blocările care pot fi cauzate de aplicațiile terțe instalate în browser.
5. „Max-tigle-pentru-zona-de-interes”- o funcție care va face derularea paginilor mai moale și mai lină. Acest lucru se întâmplă din cauza Mai mult memorie RAM decât cea alocată de obicei pentru acest proces. În setări, puteți selecta unul dintre numerele propuse, puteți verifica rezultatul și, astfel, îl puteți selecta pe cel mai optim. Setarea „Force-universal –accelerated –composited – scrolling” are un efect similar - vă permite să defilați rapid și ușor chiar și cele mai multe pagini mari site-uri.
6. „Activați -spdy 4” vă permite să reduceți semnificativ timpul de încărcare a site-urilor, paginilor și componentelor acestora prin creșterea vitezei de transfer de informații. Această setare are o limitare - funcționează numai pentru resurse cu protocolul corespunzător.
7. „Atinge – evenimente”— va accelera cu ușurință browserul Chrome pe orice dispozitiv mobil cu control tactil.
8. „Activați -experimental - funcții-pânză”— după activarea acestei setări, utilizatorul va primi o încărcare mai rapidă a pânzelor, care fac parte integrantă din HTML5 și, prin urmare, va face vizualizarea mai confortabilă.

Pentru a activa meniul cu funcții experimentale, trebuie să introduceți combinația „chrome://flags” în câmpul de adresă. Această acțiune se deschide meniu special cu o varietate de setari aditionale Crom.

Înainte de a începe să schimbați opțiunile, citiți avertismentul de la dezvoltatori, dar, așa cum se întâmplă adesea, cel mai probabil nu se va întâmpla nimic rău - dezvoltatorii pur și simplu se asigură. Există multe setări, deci este mai bine să căutați folosind combinația „Ctrl+F” - apelează bara de căutare pentru a introduce interogări. Când setările sunt selectate și marcate, trebuie să reporniți browserul folosind butonul special din partea de jos a meniului.

Dacă rezultatele nu satisfac cerințele sau, și mai rău, duc la blocări în browser, trebuie să utilizați opțiunea de recuperare setările inițiale. Ei readuc browserul la primele, așa-numitele setări „din fabrică”.

Creați un site web.
Dacă utilizați internetul pentru a vizita site-urile altor persoane și tot nu aveți propriul site, trebuie urgent să corectați situația și să obțineți un site. Pentru locuitorii orașului Kaluga, le putem recomanda un studio Web care creează site-uri web în Kaluga. Acesta este un studio dovedit în care lucrez cu experți în domeniul lor. Chiar înainte de a comanda site-ul în sine, creați un plan de afaceri, câți bani sunteți dispus să cheltuiți pe site și câte venituri plănuiți să primiți de pe site. În general, cu cât lucrați mai mult înainte de a merge la un studio web, cu atât mai bine.

Video.
Dacă doriți să creați un site web gratuit, atunci vă recomand să vizionați un videoclip care descrie cum să abordați corect sarcina de a crea un site web pe Yukoz.