{"id":220377,"date":"2022-12-27T10:21:00","date_gmt":"2022-12-27T07:21:00","guid":{"rendered":"https:\/\/goodroid.mediadoma.com\/?p=220377"},"modified":"2022-11-10T19:30:31","modified_gmt":"2022-11-10T16:30:31","slug":"lataa-ja-kaeytae-ilmaisia-materiaalisuunnittelukuvakkeita","status":"publish","type":"post","link":"https:\/\/goodroid.mediadoma.com\/fi\/lataa-ja-kaeytae-ilmaisia-materiaalisuunnittelukuvakkeita\/","title":{"rendered":"Lataa ja k\u00e4yt\u00e4 ilmaisia \u200b\u200bmateriaalisuunnittelukuvakkeita"},"content":{"rendered":"

Googlen materiaalisuunnittelu on tuonut dramaattisen muutoksen palveluihinsa kauniin kontrastiv\u00e4reill\u00e4 ja interaktiivisilla animaatioilla. Vuorottelun mukana tuli kuvakkeita, jotka oli muotoiltu vastaamaan muuta ekosysteemi\u00e4. Google on asettanut kaikki kuvakkeet saataville ilmaiseksi verkkosivuillaan. T\u00e4ss\u00e4 kerromme, kuinka voit ladata ja k\u00e4ytt\u00e4\u00e4 niit\u00e4.<\/p>\n

Lataa ilmaisia \u200b\u200bmateriaalisuunnittelun kuvakkeita<\/strong><\/h2>\n

Voit ladata materiaaliaiheiset kuvakkeet siirtym\u00e4ll\u00e4 Googlen tietovarastoon<\/a>. Vierit\u00e4 alasp\u00e4in, niin n\u00e4et paljon k\u00e4ytett\u00e4viss\u00e4 olevia kuvakkeita. Voit joko etsi\u00e4 ty\u00f6kalupalkin avulla tai valita tarvitsemasi ruudun vieritt\u00e4m\u00e4ll\u00e4, mik\u00e4 tietysti vie paljon aikaasi. Kun teet sen, alareunaan tulee vaakapalkki, joka sis\u00e4lt\u00e4\u00e4 kuvakkeen nimen ja pari vaihtoehtoa, joita voit s\u00e4\u00e4t\u00e4\u00e4.<\/p>\n

Vinkki: Jos sinun on ladattava kaikki materiaalikuvakkeet, siirry t\u00e4h\u00e4n linkkiin<\/a>.<\/p>\n

Voit m\u00e4\u00e4ritt\u00e4\u00e4 koon, haluatko mustan vai valkoisen kuvakkeen ja lopuksi voit ladata ne joko SVG- tai PNG-muodossa. Valitettavasti saatavilla on vain kaksi v\u00e4rivaihtoehtoa. Voit kuitenkin k\u00e4ytt\u00e4\u00e4 SVG-editoria mukauttaaksesi SVG-kuvaketta ja muuttaaksesi sen s\u00e4vyj\u00e4.<\/p>\n

Muuta materiaaliin suunniteltujen kuvakkeiden v\u00e4ri\u00e4 SVG-editorilla<\/strong><\/h2>\n

Jos haluat muokata kuvakkeen v\u00e4ri\u00e4 SVG-editorissa, napsauta \u00e4mp\u00e4rikuvaketta alareunassa ja valitse haluamasi v\u00e4ri. Napauta kuvakkeen kuvaa tuotuasi sen vasemmassa yl\u00e4kulmassa olevasta SVG-muokkausvalikosta. Kun olet valmis, vie se samasta avattavasta valikosta, jonka n\u00e4imme aiemmin. Jos haluat muokata kuvakkeita paikallisesti, voit ladata SVG:n t\u00e4m\u00e4n linkin<\/a> kautta .<\/p>\n

\"Lataa<\/a><\/p>\n

Google on julkaissut perusteellisen oppaan n\u00e4iden kuvakkeiden k\u00e4ytt\u00e4misest\u00e4 Github-sivullaan<\/a>. Se sis\u00e4lt\u00e4\u00e4 my\u00f6s lisenssitiedot, iOS\/Android-koodinp\u00e4tk\u00e4t alkuun ja pari tapaa ottaa materiaalikuvakkeet k\u00e4ytt\u00f6\u00f6n verkkosivustollasi esimerkkien kanssa.<\/p>\n

Siin\u00e4 kaikki. Kerro meille, jos olemme unohtaneet jotain alla olevassa kommenttiosassa.<\/p>\n

: www.gtricks.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Opi lataamaan ja k\u00e4ytt\u00e4m\u00e4\u00e4n ilmaisia \u200b\u200bmateriaalisuunnittelukuvakkeita sovelluksissasi.<\/p>\n","protected":false},"author":1,"featured_media":174018,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[637,757],"tags":[],"class_list":["post-220377","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kenraali","category-uutiset"],"_links":{"self":[{"href":"https:\/\/goodroid.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/220377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goodroid.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/goodroid.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=220377"}],"version-history":[{"count":0,"href":"https:\/\/goodroid.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/220377\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/174018"}],"wp:attachment":[{"href":"https:\/\/goodroid.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=220377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=220377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=220377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}