70+ materiaalin suunnittelun resursseja Android-kehittäjille
Material Design on Googlen Androidin uusi sydän ja sielu. Material Design on visuaalinen kieli, joka yhdistää hyvän suunnittelun periaatteet innovaatioon. Se keskittyy luomaan a kaunis ja yhtenäinen käyttäjäkokemus hyödyntää mahtavia suunnitteluperiaatteita ja standardeja. Google ja muut suuret sovellusten tekijät kuten Whatsapp ja SwiftKey käyttävät jo materiaalisuunnittelua sovellusten suunnittelussa.
Jos odotat innolla käyttöön materiaalin suunnittelua sovelluksissasi, olemme keränneet sinulle parhaat materiaalisuunnitteluresurssit - paletit, mallit, fontit, arkit ja kuvakkeet jne. Jos jäimme väliin tai haluat ehdottaa resurssia, me on ilo kuulla teiltä kommenttien kautta.
Materiaalin väripaletit

Tarra-arkit ja kuvakkeet

Asettelumallit

Roboto & Noto-fontit

Väripaletit ja värimallit
Väripalettigeneraattori

Materiaalin väri

Materiaalin värimallit

Materiaalisuunnittelun värit

LESS / CSS-työkalupaketti materiaalisuunnittelun väripaletille

Värilliset paletit Androidille, iOSille ja Webille

Kuvakkeet ja mallit
Android Grid PSD (Android L -malli)

Android L Icon Pack (1600+)

Google Design Icon Template (PSD)

Android L Icon Grid System (AI)

Järjestelmän kuvakkeet Materiaalisuunnittelu (PNG & Sketch)

Materiaalisuunnittelu Flat Avatar Set (PNG, PSD, AI)

Materiaalisuunnittelu ikoninen fontti (744 TTF & WOFF)

Materiaalisuunnittelun kuvakkeet (1100+ PNG, SVG, Vector, XAML)

Materiaalisuunnittelu Ilmaisia kuvakkeita (420+ SVG: ssä, EPS: ssa, PSD: ssä ja PNG: ssä)

Materiaalisuunnittelun kuvakkeet (430+ CSH: ssa)

Materiaalisuunnittelun kuvakkeet / Webfonts (EOT, SVG, TFF & WOFF)

Materiaalikuvakkeet (435 SVG & Sketch)

Materiaalisuunnittelun kuvake Template 2.0 (AI)

1000 materiaali-kuvaketta (PNG)

Vapaa materiaalikuvakokonaisuus (39 kpl PSD: ssä)

Materiaali Powerpoint & Keynote-kuvakkeet (420+)

Vapaa materiaali Design Icon Set (40 PNG)

Android Lollipop Icon Set

Materiaalikuvakkeet PC: lle (30 ICO: ssa ja PNG: ssä)

Materiaalisuunnittelun kuvakokonaisuus (53 kpl PSD: ssä)

Google-materiaalin suunnittelun kuvakkeet (fontti IOS: lle)

Materiaalisuunnittelun GUI-sarjat
Vapaa materiaalien suunnittelun käyttöliittymä

Android-materiaalin suunnittelu-käyttöliittymä

Vapaa materiaali-käyttöliittymä

Materiaalisuunnittelun käyttöliittymä

Ilmainen UI-paketti

Keittämisen laajennuksen käyttöliittymä

Android L GUI -sarja

Facebookin materiaalisuunnittelun GUI-paketti

PSDboom tarjoaa ilmaisen materiaalin käyttöliittymän

Android L 5.0 UI Kit

Android Lollipop UI Design Kit

Materiaalisuunnittelu Inspired Bootstrap

Android Lollipop 5.0 -käyttöliittymä

Android-materiaalin suunnittelun käyttöliittymä

Materiaalisuunnitteluohjelman käyttöliittymäkokonaisuudet
DiscoMusica

Zalando

Dribbble


Kalenteri

Dropbox

Gmailin Saapuneet-kansio

Akun vähäinen valvonta

Evernote

Barter.Li

skype

Materiaalisuunnittelun käyttöliittymät
Twitter-profiili

Päivämäärä ja kellonaika

walkthrough

Audio-soitin

Näppäimistö

Sähköisen kaupankäynnin sovellus

Android L -näppäimistö

aakkoset

numerot

Materiaalisuunnittelun sovellusliittymän inspiraatioita
Tässä osiossa tarkastelemme materiaalisuunnittelusta inspiroituja konseptisuunnitelmia suosituille sovelluksille.
Behance

Viserrys


Google asema


Soundcloudissa

Dribbble

gmail

sähke
