Suositeltava, 2024

Toimituksen Valinta

Materiaalisuunnittelun käyttöönotto Chrome-selaimessa

Google I / O 2014: ssä Google ilmoitti visioistaan ​​hyväksyä materiaalisuunnittelun standardi kaikille sen tärkeimmille alustoille, kuten Android-käyttöjärjestelmälle, Chrome OS -käyttöjärjestelmälle ja Webille. Syy siihen, että samalle suunnittelukielelle hyväksyttiin koko alustansa, oli Googlen visio tarjota käyttäjilleen yhtenäinen käyttäjäkokemus kaikissa palveluissaan. Alusta lähtien olemme nähneet Materiaalisuunnittelukielen olevan vahvasti mukana Googlen Android- ja Chrome-käyttöjärjestelmissä. Kuitenkin, vaikka Android ja Chrome OS ovat saaneet merkittävän faceliftin materiaalisuunnittelulla, Chrome-selain on edelleen juuttunut aiemmin. Tämä ei kuitenkaan tarkoita, että Google on luopunut Chrome-selaimesta kokonaan (kun kyseessä on Material Design).

Itse asiassa vuodesta 2016 lähtien Chrome-selaimeen on sisällytetty paljon kokeellisia materiaali-elementtejä. Äskettäin Chrome-selaimen Asetukset-sivu päivitettiin Materiaali-suunnittelun kielelle. Kuitenkin, useimmat Chrome-käyttöliittymän käyttäjät eivät tue materiaalisuunnittelua, koska muutokset ovat vielä kehitysvaiheessa. Koska nämä muutokset ovat edelleen beta-versiossa, ne eivät näy oletuksena Chrome-selaimessasi. Niiden mahdollistaminen on kuitenkin mahdollista. Muista vain, että nämä ominaisuudet ovat edelleen kehitteillä, joten ne saattavat kärsiä täällä ja siellä olevista virheistä. Kun näin ei ole, katsokaamme, miten materiaalin suunnittelu sallitaan Chrome-selaimessa:

Ota materiaalin suunnittelun käyttöliittymä käyttöön Chromessa

Ennen kuin aloitat, sinun pitäisi ymmärtää, että Chrome-selaimessa on paljon design-elementtejä. Monissa näistä elementeistä on kehityksessä vastaava materiaali-elementti. Ennen kuin aloitat materiaalisuunnitteluelementtien aktivoinnin, sinun pitäisi lukea vähän niistä ensin, jotta voit ripustaa tekemäsi muutokset. Jotta teille olisi helppo tehdä, sisällytän lyhyen kuvauksen kaikista muutoksista . Hyvä on, älä tuhlaa enää aikaa ja aloita.

1. Siirry Chromen "Liput" -sivulle kirjoittamalla chrome://flags " chrome://flags " ja lyö Enter / Return -näppäimeen. Kuten varoitin edellä, Chrome näyttää sinulle varoituksen. Älä huoli liikaa, se on aivan kuten ohjelmiston beta-version käyttäminen. Saatat kokea joitakin vikoja, mutta mitään suurta.

2. Nyt napsauta Ctrl + F (Cmd + F, jos olet Macissa) ja ponnahdusikkunassa kirjoita sanat "materiaalin suunnittelu" (ilman lainausmerkkejä).

3. Nyt, riippuen siitä, milloin käytät tätä opetusohjelmaa, saavutettavien osumien määrä voi muuttua (sain 13). Tämä johtuu siitä, että Google lisää ja poistaa näitä elementtejä. Siirrä osumia välillä tekstikentän vieressä olevilla nuolinäppäimillä .

Ota käyttöön materiaalin suunnittelu eri Chrome-elementeissä

Nyt, kun tiedät, miten liikkua elementtien välillä, katsokaamme niitä, joita aiomme muuttaa. Aina kun teemme muutoksen, Chrome pyytää sinua käynnistämään selaimen uudelleen muuttamaan muutokset. Sinun ei kuitenkaan tarvitse tehdä sitä jokaisen muutoksen yhteydessä, vaan käynnistä selain uudelleen, kun olet tehnyt kaikki muutokset .

  • Materiaalisuunnittelu selaimen muussa alkuperäisessä käyttöliittymässä : Etsi alanimike nuolinäppäimillä "Liput" -sivulla ja ota se sitten käyttöön. Kun tämä asetus otetaan käyttöön, materiaalisuunnittelu soveltuu Chrome-selaimessa oleviin hienompiin muotoiluelementteihin, kuten valintaikkunoihin, kuplia jne. Macissa tämä asetus mahdollistaa MacViewsin.

  • Ota materiaalin suunnittelupolitiikka -sivu käyttöön : tämä muuttaa Chromen käytäntösivua ( chrome://policy ) materiaalin suunnittelun huomioon ottamiseksi.

  • Ota materiaalin suunnittelun kirjanmerkit käyttöön : Kun otat tämän asetuksen käyttöön, " chrome://bookmarks "-URL-osoite lataa Materiaali-suunnittelun kirjanmerkkisivun. Voit tehdä tämän napsauttamalla kuvaan merkittyä avattavaa valikkoa ja valitsemalla ”Käytössä”.

  • Ota materiaalisuunnittelun palaute käyttöön : Kuten nimestä ilmenee, tämä muuttaa palautesivun sisällyttämällä Materiaalisuunnittelukielen.

  • Materiaalisuunnittelu Incognito NTP : Tämä asetus mahdollistaa Incognito-uuden välilehden noudattamisen Materiaalisuunnitteluun.

  • Ota materiaalisuunnitteluasetukset käyttöön : Jos olet Chrome-version viimeisimmässä versiossa, Asetukset-sivun pitäisi olla jo uuden materiaalin suunnittelu. Jos näin ei kuitenkaan ole, voit ottaa sen käyttöön.

  • Ota materiaalimuotoilun laajennukset käyttöön : Tämä muuttaa Chrome-laajennukset-sivua ( chrome://extensions ) materiaalin suunnittelun käyttöönottamiseksi.

  • Kun olet ottanut kaikki edellä mainitut vaihtoehdot käyttöön, napsauta selaimen alaosassa olevaa uudelleen käynnistyspainiketta, jotta nämä muutokset tulevat voimaan.

Tätä artikkelia kirjoitettaessa nämä ovat ainoat käytettävissä olevat vaihtoehdot. Kuitenkin, kuten aiemmin mainitsin, nämä vaihtoehdot muuttuvat jatkuvasti. Muista tarkistaa "Liput" -sivu kerran kerrallaan, jotta saat uusimmat päivitykset. Olen myös liittänyt laajennussivuni ennen ja jälkeen valokuvia. Kuvassa näet näiden muutosten tekemisen vaikutukset.

Ota materiaalin suunnittelu käyttöön Chromessa

Rakastan todella Googlen materiaalisuunnittelukieliä. Sen ansiosta kaikki näyttää kauniilta ja tuntuu nesteenä. Animaatiot ovat vain täydellisiä. On hyvä nähdä, että Google yrittää yhtenäistää käyttökokemuksen kaikilla alustoillaan. Tämä siirto hyödyttää kaikkia käyttäjiä. Mutta se on minun näkemykseni, entä sinun? Uskotko, että Chrome-selaimen uusi materiaalisuunnittelu muuttaa sitä paremmin? Kerro meille ajatuksistasi pudottamalla ne alla oleviin kommenttien osaan.

Top