I 2014 annoncerede Google frigivelsen af Materiale Design ". Deres oprindelige mål var at tackle spørgsmål med design af apps til Android-enheder. Argumentet var, at " Flat design "Vises ikke godt på små skærme. De mente, at designet mangler klare visuelle signaler og hindrer mobilbrugeres anvendelighed.
Matías Duarte, vicepræsident for Google Design, forklarede:
”I modsætning til ægte papir kan vores 'Material Design' vokse og tilpasse sig intelligent. Materialet tilbyder fysiske og flade overflader med skygger, der giver mening til det, du kan røre ved ”.
Og det er dybest set hvad hardwaredesign er nu: en måde at få elementer i en app til at virke berørbare.
Ved at frigive det nye sprog og retningslinjer for Material Design, håber Google at løse UX-problemerne (Brugeroplevelse) og forvirring af brugere af Android-applikationer. To år senere er deres Framework gået ud over området for mobile applikationer og er nu et princip, der regelmæssigt bruges i webdesign.
I det følgende giver jeg dig nogle kilder, hvor du kan finde ressourcer at integrere Material Design på din WordPress blog.
1 - Behance
Det perfekte eksempel på et websted til at lære applikationsdesign med " Materiale Design ". Behance har utallige tip og eksempler, du kan bruge som inspiration. Behance tilfældigvis også gør brug af " Materiale Design På deres eget sted med kasser, der subtilt hænger ud af gitteret, mellemskygger for opmærksomhed og klare markører for klikbare handlinger.
2 - CodePen
Downloade
CodePen, den selvtildelte 'udviklerlegeplads', er en udviklers guldmine, når det kommer til ' Materiale Design ". Ikke kun har du nogle virkelig fede eksempler, og du kan se CSS, HTML og JavaScript, som udviklere bruger til at opbygge forskellige websteder.
3 - Dribb
Hvis du ikke er fortrolig med sidstnævnte, er Dribble et socialt netværk for designere, udviklere, kunstnere og andre interesserede i " Design ". En søgning efter " Materiale Design Inden for deres side vil bare vise dig, hvordan teknologien til Materiale Design Er allestedsnærværende. Her finder du inspiration til noget så simpelt som et ikon til at designe et komplet websted.
4 - Google Designs Material Design Awards
Et år efter at Google lancerede Material Design, hædrede de seks af de bedste applikationer ved hjælp af Framework i "Materiale Design Awards ". Du vil genkende et stort antal sider på denne ærefulde liste. Hvis du vil se potentialet i Materiale Design ”, Vi opfordrer dig til at se på denne liste. Hvis Google tager sig tid til at tagge en kilde, er det det værd.
5 - Lavet med materiale
Dette sted stammer fra november 2014 og tilbyder en stor inspirationskilde til " Materiale Design ". Det meste af webstedet har skærmbilleder i høj opløsning af websteder og mobilapps, der bruger " Materiale Design ". Og selvom det kan være let at gå tabt i disse inspirerende eksempler, så glem ikke at tjekke den dokumentation, de har inkluderet for udviklere øverst til højre i sidepanelet. Denne dokumentation vil være nyttig, hvis du vil udvikle dig med " Materiale Design '.
6 - Material Design Blog
Denne blog er tilfældigvis en af vores favoritter, ikke kun fordi den dækker en lang række værktøjer og emner, som du måske er interesseret i, når det kommer til dette emne, men også fordi det gør et fantastisk stykke arbejde, der viser dig designteknikker med "Material Design". Hvis du ikke har haft en chance for at se deres animationer i aktion, skal du besøge webstedet og klikke på et af deres blogindlæg.
7 - MaterialUp
En del af familien af websteder Uplabs MaterialUp handler om materialedesign: eksempler på websteder, skærmbilleder af mobilapps, værktøjer, tips og mere. Selvom du ikke kan finde noget brugbart lige nu, så tag et kig på deres hjemmesidedesign. Layoutet og udseendet minder om Google Drev, ikke? Hvis du leder efter en ressource du kan stole på, kan du henvende dig til denne hjemmeside?
8 - Pinterest
Hvis et websted nogensinde skulle blive navngivet som den vigtigste inspirationskilde for "designere", vil Pinterest dele denne ære med Behance. Med en hurtig søgning efter udtrykket "Materiale Design Du har øjeblikkelig adgang til videoer og billeder fra websteder og applikationer, der bruger denne ramme.
Det er det for denne liste over ressourcer for " Materiale Design ". Del det gjerne med dine venner på dine foretrukne sociale netværk.
