Google'i materjalidisain on kaunilt kontrastsete värvide ja interaktiivsete animatsioonidega toonud oma teenustesse drastilise muutuse. Vahelduvusega kaasnesid ikoonid, mis sobitasid ülejäänud ökosüsteemiga. Google on teinud kõik ikoonid oma veebisaitidel tasuta kättesaadavaks, siin räägime teile, kuidas neid alla laadida ja kasutada.
Laadige alla tasuta materjalidisaini ikoone
Materjali teemaliste ikoonide allalaadimiseks minge Google'i hoidlasse. Kerige alla ja avastate palju ikoone, mida saate kasutada. Saate otsida tööriistariba abil või valida vajaliku, kerides, mis kulutab ilmselt palju teie aega. Kui olete seda teinud, kuvatakse allosas horisontaalne riba, mis sisaldab ikooni nime ja paari valikut, mida saate reguleerida.
Näpunäide. Kui teil on vaja alla laadida kõik materjali ikoonid, minge sellele lingile.
Saate määrata suuruse, kas soovite musta või valget ikooni ja lõpuks saate need alla laadida kas SVG- või PNG-vormingus. Kahjuks on saadaval ainult kaks värvivarianti. Siiski saate kasutada SVG-redaktorit, et kohandada SVG-ikooni ja muuta selle varjundeid.
Muutke materjalist kujundatud ikoonide värvi SVG-redaktori abil
Ikooni värvi muutmiseks SVG-redaktoris klõpsake allosas ämbriikooni ja valige soovitud värv. Puudutage ikoonipilti pärast selle importimist vasakpoolses ülanurgas rippmenüüst SVG-redigeerimine. Kui see on tehtud, eksportige see samast rippmenüüst, mida varem nägime. Kui teil on vaja ikoone kohapeal redigeerida, saate selle lingi kaudu alla laadida SVG .
Google on avaldanud põhjaliku juhendi nende ikoonide kasutamiseks oma Githubi lehel. See sisaldab ka litsentsi üksikasju, iOS-i/Androidi koodilõike alustamiseks ja paari meetodit materjalide ikoonide rakendamiseks teie veebisaidil koos näidetega.
See oli kõik. Andke meile allpool olevas kommentaaride jaotises teada, kui jätsime midagi kahe silma vahele.