In 2014 heeft Google de release van aangekondigd materiaal ontwerp ". Hun oorspronkelijke doel was om vragen aan te pakken met het ontwerp van apps voor Android-apparaten. Het argument was dat de " Plat ontwerp "Wordt niet goed weergegeven op kleine schermen. Ze vonden dat het ontwerp duidelijke visuele aanwijzingen mist en de bruikbaarheid van mobiele gebruikers belemmert.
Matías Duarte, vice-president van Google Design, verklaarde:
“In tegenstelling tot echt papier kan ons 'Material Design' groeien en zich intelligent aanpassen. het materiaal biedt fysieke en vlakke oppervlakken, met schaduwen die betekenis geven aan wat je kunt aanraken ”.
En dat is eigenlijk wat hardware-ontwerp nu is: een manier om elementen van een app tastbaar te laten lijken.
Door de nieuwe taal en richtlijnen van Material Design vrij te geven, hoopt Google de problemen van UX (Gebruikerservaring) en de verwarring bij gebruikers van Android-applicaties. Twee jaar later is hun Framework verder gegaan dan het gebied van mobiele applicaties en is het nu een principe dat regelmatig wordt gebruikt in webdesign.
In het volgende bied ik u enkele bronnen aan waar u ressources om Material Design te integreren in uw WordPress blog.
1 - Behance
Het perfecte voorbeeld van een site om applicatie-ontwerp te leren met de " materiaal ontwerp ". Behance heeft talloze tips en voorbeelden die u ter inspiratie kunt gebruiken. Behance maakt toevallig ook gebruik van de " materiaal ontwerp Op hun eigen site, met vakjes die subtiel uit het raster hangen, middelste schaduwen voor aandacht en duidelijke markeringen voor klikbare acties.
2 - CodePen
Downloaden
CodePen, de zichzelf toegewezen 'ontwikkelaarsspeeltuin', is de goudmijn van een ontwikkelaar als het gaat om ' materiaal ontwerp ". Je hebt niet alleen een aantal echt coole voorbeelden en je kunt CSS, HTML en JavaScript zien die ontwikkelaars gebruiken om verschillende websites te bouwen.
3 - Dribbelen
Als u niet bekend bent met het laatste, is Dribble een sociaal netwerk voor ontwerpers, ontwikkelaars, kunstenaars en anderen die geïnteresseerd zijn in de " Design ". Een zoekopdracht naar ' materiaal ontwerp Op hun site zal je alleen laten zien hoe de technologie van materiaal ontwerp Is alomtegenwoordig. Hier vindt u inspiratie voor zoiets eenvoudigs als een icoon om een complete website te ontwerpen.
4 - Material Design Awards van Google Design
Een jaar nadat Google Material Design lanceerde, eerden ze zes van de beste applicaties met het Framework in 'Material Design Awards ". U zult een groot aantal sites op deze erelijst herkennen. Als je het potentieel van wilt zien materiaal ontwerp ”, We raden u aan deze lijst te bekijken. Als Google de tijd neemt om een bron te taggen, dan is het de moeite waard.
5 - Gemaakt met materiaal
Deze site dateert uit november 2014 en biedt een grote inspiratiebron voor de " materiaal ontwerp ". Het merendeel van de site bevat schermafbeeldingen in hoge resolutie van websites en mobiele apps die de ' materiaal ontwerp ". En hoewel het gemakkelijk kan zijn om te verdwalen in deze inspirerende voorbeelden, vergeet dan niet de documentatie te bekijken die ze voor ontwikkelaars hebben bijgevoegd in de zijbalk rechtsboven. Deze documentatie is handig als u wilt ontwikkelen met de " materiaal ontwerp .
6 - Blog over materiaalontwerp
Deze blog is toevallig een van onze favorieten, niet alleen omdat het een hele reeks tools en onderwerpen behandelt waarin je misschien geïnteresseerd bent als het gaat om dit onderwerp, maar ook omdat het je geweldig laat zien ontwerptechnieken met "Material Design". Als je nog geen kans hebt gehad om hun animaties in actie te zien, bezoek dan de site en klik op een van hun blogposts.
7 - MaterialUp
Onderdeel van de familie van sites Uplabs Bij MaterialUp draait alles om materiaalontwerp: voorbeeldwebsites, screenshots van mobiele apps, tools, tips en meer. Zelfs als je op dit moment niets nuttigs kunt vinden, kijk dan eens naar hun website-ontwerp. De lay-out en uitstraling doen denken aan Google Drive, toch? Als u op zoek bent naar een hulpbron u kunt vertrouwen, kunt u zich wenden tot deze website?
8 - Pinterest
Mocht ooit een site worden genoemd als de belangrijkste inspiratiebron voor "ontwerpers", dan zal Pinterest deze eer delen met Behance. Met een snelle zoekopdracht naar de term 'materiaal ontwerp U hebt direct toegang tot video's en afbeeldingen van websites en applicaties die dit framework gebruiken.
Dat was het voor deze lijst met ressources voor de " materiaal ontwerp ". Voel je vrij om het te delen met je vrienden op je favoriete sociale netwerken.
