...
👍 Tässä on kerätty mielenkiintoisia uutisia, salaisuuksia ja tuotevinkkejä googlelta. kaikki google drivelle, androidille, kalenterille, chromelle, gmailille, docsille...

Lataa ja käytä ilmaisia ​​materiaalisuunnittelukuvakkeita

5

Googlen materiaalisuunnittelu on tuonut dramaattisen muutoksen palveluihinsa kauniin kontrastiväreillä ja interaktiivisilla animaatioilla. Vuorottelun mukana tuli kuvakkeita, jotka oli muotoiltu vastaamaan muuta ekosysteemiä. Google on asettanut kaikki kuvakkeet saataville ilmaiseksi verkkosivuillaan. Tässä kerromme, kuinka voit ladata ja käyttää niitä.

Lataa ilmaisia ​​materiaalisuunnittelun kuvakkeita

Voit ladata materiaaliaiheiset kuvakkeet siirtymällä Googlen tietovarastoon. Vieritä alaspäin, niin näet paljon käytettävissä olevia kuvakkeita. Voit joko etsiä työkalupalkin avulla tai valita tarvitsemasi ruudun vierittämällä, mikä tietysti vie paljon aikaasi. Kun teet sen, alareunaan tulee vaakapalkki, joka sisältää kuvakkeen nimen ja pari vaihtoehtoa, joita voit säätää.

Vinkki: Jos sinun on ladattava kaikki materiaalikuvakkeet, siirry tähän linkkiin.

Voit määrittää koon, haluatko mustan vai valkoisen kuvakkeen ja lopuksi voit ladata ne joko SVG- tai PNG-muodossa. Valitettavasti saatavilla on vain kaksi värivaihtoehtoa. Voit kuitenkin käyttää SVG-editoria mukauttaaksesi SVG-kuvaketta ja muuttaaksesi sen sävyjä.

Muuta materiaaliin suunniteltujen kuvakkeiden väriä SVG-editorilla

Jos haluat muokata kuvakkeen väriä SVG-editorissa, napsauta ämpärikuvaketta alareunassa ja valitse haluamasi väri. Napauta kuvakkeen kuvaa tuotuasi sen vasemmassa yläkulmassa olevasta SVG-muokkausvalikosta. Kun olet valmis, vie se samasta avattavasta valikosta, jonka näimme aiemmin. Jos haluat muokata kuvakkeita paikallisesti, voit ladata SVG:n tämän linkin kautta .

Lataa ja käytä ilmaisia ​​materiaalisuunnittelukuvakkeita

Google on julkaissut perusteellisen oppaan näiden kuvakkeiden käyttämisestä Github-sivullaan. Se sisältää myös lisenssitiedot, iOS/Android-koodinpätkät alkuun ja pari tapaa ottaa materiaalikuvakkeet käyttöön verkkosivustollasi esimerkkien kanssa.

Siinä kaikki. Kerro meille, jos olemme unohtaneet jotain alla olevassa kommenttiosassa.

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja