Material Design is de 'it'-uitdrukking waar veel ontwerpers het over hebben op dit moment. Het concept, ontwikkeld door Google voor Android-apparaten, heeft een nette, schone en zeer bruikbare charme.

Websites met materiaalontwerp kruipen uit het rijk van Android-apparaten en duiken overal op. En de realiteit is dat veel van deze websites exact hetzelfde uiterlijk hebben.

Material Design review

Als je niet helemaal zeker bent wat Material Design is, is hier een snelle inleiding: het is een door Google ontwikkeld concept dat specifiek uitlegt hoe apps voor Android eruit moeten zien en hoe de gebruikersinterface zou moeten werken. Het definieert regels voor animatie, stijl, lay-out, componenten, patronen en bruikbaarheid. De bestek ga zo ver als het definiëren van kleurenpaletten en typografie-opties.

En hoewel al deze elementen bijdragen aan een zeer bruikbaar en visueel aantrekkelijk ontwerp, is het resultaat een verzameling ontwerpen met een gemeenschappelijke esthetiek.

stamplay

Material Design is ook bezig met het breken van de eerste Android-golf. Hoewel het concept het geesteskind van Google is, lopen ontwerpers ermee en gebruiken Material Design voor websites op verschillende platforms en voor alle apparaattypen.

Het uiteindelijke doel van Material Design is om 'een visuele taal te creëren die klassieke principes van goed ontwerp combineert met de innovatie en de mogelijkheid van technologie en wetenschap.' Een enkele 'visuele taal' roept de vraag op: is Material Design het doden van het web?

Materiaalontwerp Lite

De enkelvoudige taal gaat van mobile-first design thinking naar all-device design thinking. Google onthuld Materiaalontwerp Lite eerder dit jaar als een gestroomlijnde versie van de esthetiek voor alle websites.

laser

Met de "framework agnostic" -sjablonen is het gemakkelijk om snel iets te maken en volgens de specificaties. Het is ontworpen om te werken op blogs, inhoudzware sites, voor dashboard- en visuele projecten en zelfs voor sites met één pagina. Het ontwerp wordt nog meer afgezwakt.

Volg de regels voor een "strak" ontwerppatroon

Material Design werkt omdat het gebaseerd is op een vrij strakke set van regels en bruikbaarheidspatronen. Het doet een aantal geweldige dingen voor het ontwerp - de richtlijnen voor animatie zijn vooral belangrijk om te begrijpen omdat ze zijn geworteld in de fysieke wereld. De regels komen echter met veel beperkingen en wat er tot nu toe gebeurt, is dat de meeste applicaties die Material Design gebruiken eruitzien alsof ze uit dezelfde doos komen.

Deze strakke patronen zijn gedeeltelijk ontwikkeld om gebruikers te helpen begrijpen hoe ze kunnen omgaan met kleinere apparaten. Materiaalontwerp is geëvolueerd van een plat ontwerp, waarbij niet alle elementen van de gebruikersinterface duidelijk gedefinieerde rollen in het bereik van het ontwerp hadden. Material Design probeerde een aantal van deze problemen te verhelpen.

nimbus9

Maar het is waarschijnlijk tijd om opnieuw te evolueren. De meeste gebruikers begrijpen wat knoppen zijn en wat ze doen. Elke evolutie van een ontwerptheorie leert gebruikers iets nieuws over het gebruik van apparaten en het web. En ze vangen snel op. Hulpprogramma's die zijn ontworpen om gebruikers te leren, hoeven zo lang niet te duren.

3ventures

Vreemd genoeg is het strakke ontwerppatroon iets dat ontwerpers bijna hebben aangedurfd als het gaat om materiaalontwerp. Lees de documentatie door - en merk op dat deze regelmatig verandert - en de gemeenschappelijke ontwerpen die uit de trend komen, zijn simpelweg de voorbeelden na te bootsen.

Waarom creëren ontwerpers duizenden sites met Material Design die er allemaal hetzelfde uitzien?

Algemene gebruikersinterface-elementen en design divots

Dit is het snelle antwoord op de vraag hierboven: het zit allemaal in de details.

Algemene elementen van de gebruikersinterface, pictogrammen, kleurenschema's en typografische keuzes doen niets af aan de esthetische mogelijkheden op internet. Maar dat hoeft niet zo te zijn. U kunt ontwerpen met behulp van materiaalconcepten zonder elementen uit de documentatie te repliceren of de nieuwste UI-kit te downloaden.

jetradar

Een van de problemen die steeds weer opduikt, is dat websites het uiterlijk van materiaalontwerp repliceren, maar niet beschikken over de functionaliteit en weinig oog hebben voor detail. Het is geen Material Design dat het web vermoordt, het zijn luie ontwerpers.

Maar wacht even ... je hoeft de trend niet te volgen

Voordat je in paniek raakt, zijn er tal van manieren om Material Design te gebruiken, waardoor je niet wordt bestempeld als een 'luie ontwerper'.

Dit is de kunst: volg de concepten, maar overtreed enkele regels. Niet helemaal zeker wat dat betekent? Hier zijn een paar suggesties:

  • Ga verder dan het kleurenpalet. In plaats van een helder, superverzadigd kleurenpalet, ga dieper in de kleuren en speel met pastelkleuren en donkere tinten.
  • Ontwerp pictogrammen en gebruikersinterface-elementen die de basisrichtlijnen voor ontwerp volgen, zoals elementen in pictogrammen en gebruik voor menselijke kenmerken bevatten, maar niet afkomstig zijn uit een voorverpakte set.
  • Ga niet 100 procent "materieel". Gebruik een aspect ervan in uw ontwerpconcept. De regels voor animatie zijn uitzonderlijk aardig; volg die richtlijnen voor hoe dingen bewegen in het kader van uw website; maar ontwerp de rest alsof je niet bent blootgesteld aan Material Design. Een ander geweldig idee om te "stelen" van materiaal is het gebruik van kaarten, maar beperk je niet tot het ontwerpen ervan in een geheel materiële ruimte.
  • Gebruik enkele van de beste richtlijnen van Material Design om u te helpen een beter begrip te krijgen van het werken met details in uw ontwerpwerk. Het pictogramgedeelte van de documentatie is een goede inleiding bij het gebruik van een raster om pictogrammen te maken die consistent zijn in hun spatiëring. Pas deze concepten toe op uw algehele esthetiek.
  • Vouw het typografiepalet uit. Een van de dingen die design "vermoordt" is teveel dingen die er precies hetzelfde uitzien. Pas lettertypen aan uw ontwerp aan en gebruik niet iets omdat een reeks richtlijnen (tenzij ze van uw merk zijn) u dit moet vertellen.
  • Ontwerp zoals je zou doen met elke andere trend. Material Design is een trend, geen complete ontwerpoplossing. Mix en match de delen die je leuk vindt en gebruik ze net zoals je met iets anders zou doen. Sommige technieken zullen naadloos werken, terwijl anderen misschien niet voor uw projecten zijn.

Conclusie

Dus, terug naar de hoofdvraag: is Material Design het doden van het web?

Heel eenvoudig, nee. Hoewel overmatig gebruik van deze trend tot homogene ontwerpen kan leiden, is het echte probleem ontwerpen met een trend in de trend en niet na te denken over de beste tools en technieken voor het project. Dus ga je gang, gebruik Material Design, zorg ervoor dat je het goed gebruikt.

flatguitars