I 2014 kunngjorde Google utgivelsen av Material Design ". Deres opprinnelige mål var å takle spørsmål med utformingen av apper for Android-enheter. Argumentet var at " Flat Design "Vises ikke bra på små skjermer. De følte at designen mangler tydelige visuelle signaler og vanskeliggjør brukernes brukervennlighet.
Matías Duarte, visepresident for Google Design, forklarte:
“I motsetning til ekte papir kan" Material Design "vokse og tilpasse seg intelligent. Materialet tilbyr fysiske og flate overflater, med skygger som gir mening til det du kan berøre ”.
Og det er i utgangspunktet maskinvaredesign er nå: en måte å få elementer til en app til å virke berørbar.
Ved å slippe det nye språket og retningslinjene til Material Design, håper Google å løse problemene med UX (Brukeropplevelse) og forvirring blant brukere av Android-applikasjoner. To år senere har Framework deres gått utover feltet for mobile applikasjoner og er nå et prinsipp som regelmessig brukes i webdesign.
I det følgende gir jeg deg noen kilder du vil finne ressources å integrere Material Design på din WordPress blog.
1 - Behance
Det perfekte eksemplet på et nettsted for å lære applikasjonsdesign med " Material Design ". Behance har utallige tips og eksempler du kan bruke som inspirasjon. Behance tilfeldigvis også bruker " Material Design På sitt eget nettsted, med bokser som subtilt henger ut av rutenettet, mellomskygger for oppmerksomhet og tydelige markører for klikkbare handlinger.
2 - CodePen
Last ned
CodePen, den selvtildelte 'utviklerlekeplassen', er en utviklers gullgruve når det gjelder ' Material Design ". Ikke bare vil du ha noen virkelig kule eksempler, og du kan se CSS, HTML og JavaScript som utviklere bruker for å bygge forskjellige nettsteder.
3 - Dribbling
Hvis du ikke er kjent med sistnevnte, er Dribble et sosialt nettverk for designere, utviklere, kunstnere og andre som er interessert i " utforming ". Et søk etter " Material Design Innenfor nettstedet deres vil bare vise deg hvordan teknologien til Material Design Er allestedsnærværende. Her finner du inspirasjon til noe så enkelt som et ikon for å designe et komplett nettsted.
4 - Google Designs Material Design Awards
Et år etter at Google lanserte Material Design, hedret de seks av de beste applikasjonene ved hjelp av Framework i "Material Design Awards ". Du vil kjenne igjen et stort antall nettsteder på denne ærverdige listen. Hvis du vil se potensialet til Material Design ”, Vi oppfordrer deg til å ta en titt på denne listen. Hvis Google tar seg tid til å merke en kilde, er det verdt en omvei.
5 - Laget med materiale
Dette nettstedet dateres fra november 2014 og gir en flott inspirasjonskilde for " Material Design ". Det meste av nettstedet har skjermbilder med høy oppløsning av nettsteder og mobilapper som bruker " Material Design ". Og selv om det kan være lett å gå seg vill i disse inspirerende eksemplene, ikke glem å sjekke dokumentasjonen de har inkludert for utviklere øverst til høyre. Denne dokumentasjonen vil være nyttig hvis du vil utvikle deg med " Material Design '.
6 - Material Design Blog
Denne bloggen er tilfeldigvis en av favorittene våre, ikke bare fordi den dekker en rekke verktøy og emner som du kan være interessert i når det gjelder dette emnet, men også fordi den gjør en fantastisk jobb som viser deg designteknikker med "Material Design". Hvis du ikke har hatt sjansen til å se animasjonene deres i aksjon, kan du besøke nettstedet og klikke på et av blogginnleggene deres.
7 - MaterialUp
En del av familien av nettsteder Uplabs MaterialUp handler om materialdesign: eksempelnettsteder, skjermbilder av mobilapper, verktøy, tips og mer. Selv om du ikke finner noe nyttig akkurat nå, ta en titt på deres nettsteddesign. Oppsettet og utseendet minner om Google Drive, ikke sant? Hvis du leter etter en ressurs du kan stole på, kan du gå til denne nettsiden?
8 - Pinterest
Hvis et nettsted noen gang skulle bli kalt som den viktigste kilden til inspirasjon for "designere", vil Pinterest dele denne æren med Behance. Med et raskt søk etter begrepet "Material Design Du har øyeblikkelig tilgang til videoer og bilder fra nettsteder og applikasjoner som bruker denne rammen.
Det er det for denne listen over ressources for " Material Design ". Del det gjerne med vennene dine på dine favoritt sosiale nettverk.
