Wat is materiaalontwerp?

Het web heeft verschillende transformaties ondergaan sinds het voor het eerst in de wereld werd geïntroduceerd. Elke verandering heeft het de gebruikers gemakkelijk gemaakt, waarbij de gebruikers meer te ontdekken hebben, letterlijk zonder grenzen. Na webpagina’s en browserpagina’s kwamen smartphones en verschillende andere slimme apparaten.

Van statische webpagina’s tot intuïtieve, slimme apparaten met kunstmatige intelligentie , de transformatie is enorm geweest. Maar Google is de veranderingen die in webpagina’s zouden moeten plaatsvinden niet vergeten. Er heeft een transformatie plaatsgevonden in het Google-ontwerpsysteem en de taal. En daar werd Material Design geboren.

Materiaalontwerp uitleggen

Material Design was dus het geesteskind van Google en kwam halverwege 2014 op de markt met de codenaam “Quantum Paper”. Material Design wordt gebruikt voor een aantal ontwerpimplementaties. De op papier gebaseerde ontwerpstijlen maakten het heel anders dan de platte ontwerpstijl die in die tijd in de volksmond werd gebruikt.

Het doel van het ontwikkelen van Material Design was om op consistente basis hoogwaardige output te leveren op alle platformen . Dit zorgt voor een uniforme gebruikerservaring op alle apparaten, platforms en invoermethoden. Dit lijkt bijna op de ontwerpprincipes van Apple die ze als hun standaardmethode gebruikten. Maar Google ging een stap verder en maakte het mogelijk om een consistente gebruikerservaring te hebben.

De Material Design-richtlijnen van Google zijn de standaardprotocollen geworden voor de branding van elk bedrijf, omdat is erkend dat ze zijn aangesloten bij Google. Interessant is dat Google is geadopteerd door de enorme en groeiende ontwerpgemeenschap. Dat betekent dat iedereen Material Design kan gebruiken, niet alleen op native platforms, maar ook op andere concurrerende platforms.

Het gemakkelijkste aan Material Design-specificatie is dat er voor alles richtlijnen zijn – stijl, kleur, afbeeldingen, rasters, ruimte, typografie enz. En het begeleidt de ontwerpers om ze te laten zien hoe dingen eruit zien, inclusief internationale ontwerpen met hiërarchie, focus en betekenis.

Tips om materiaalontwerp effectief te maken op verschillende platforms

  1. Het concept of de tactiele realiteit

Een van de principes van Material Design is om het concept van tactiele realiteit te nemen en toe te passen. Het ontwerp moet gebruikers vertrouwdheid bieden wanneer ze functies uit de echte wereld opnemen. De knop moet er bijvoorbeeld zo uitzien – het uiterlijk, het oppervlak, de naden en randen moeten consistent zijn met een knop om de gebruikers in staat te stellen een hint te nemen.

Om bewegende delen zichtbaar te maken, moet er realistische verlichting en schaduw zijn, zodat de gebruiker het meteen begrijpt.

  1. Adaptief ontwerp

Bij adaptief ontwerp zullen de pictogrammen, kleuren, ruimtelijke verhoudingen en de hiërarchie consistent zijn op verschillende platforms en apparaten. De ontwerpen zelf moeten pakkend en ordelijk zijn, zodat de gebruikers de hiërarchie gemakkelijk kunnen vatten. Om de gebruikers een betere ervaring te bieden, moet u zorgen voor voldoende witruimte, grote topografie, sterke afbeeldingen en briljant gebruik van kleuren.

  1. Berichten met beweging maken heel veel opwinding

Gebruikers vinden het geweldig als ze hun navigatie onder controle hebben . Wanneer ze de veranderingen zien die rechtstreeks uit hun acties voortvloeien, zullen ze ontvankelijker zijn. Animaties in continu vloeiende bewegingen met voorspelbare acties zullen de gebruikers ontspannen.

Het is echter belangrijk dat die bewegingen natuurlijk zijn. Als een gebruiker bijvoorbeeld een geselecteerd item sleept en neerzet in een map met andere objecten, moeten de objecten die zich al in de map bevinden opzij worden geschoven om ruimte te maken. De gebruiker zal geschokt zijn als na ‘de optie slepen en neerzetten’ het object verdwijnt en ze niet kunnen zien wat ermee is gebeurd. Dit soort magische reactie zal de gebruiker uitschakelen.

Material Design-principes

Material Design is veel meer dan het toevoegen van schaduwen en driedimensionale effecten aan objecten. Het is een allesomvattend hulpmiddel dat de basis legt voor een nieuwe ontwerptaal. Bekijk enkele van de basisprincipes van Material Design.

  1. Materiaal is een metafoor

Gebruikers genieten van digitale ervaringen die voor hen natuurlijk lijken. Dit is dus een van de eerste basisprincipes die worden toegevoegd in de apps en websites die je maakt met Material Design. De wetten van oorzaak en gevolg moeten nauwgezet worden gevolgd, in die zin dat wanneer een gebruiker een actie uitvoert, hij een voorspelbaar resultaat verwacht, en dat moet hij ook krijgen. De bewegingen die op de pagina plaatsvinden, moeten consistent zijn met hoe het in de echte wereld kan gebeuren. Dit zou hen aanmoedigen om meer met de apps om te gaan.

  1. Betekenis en logica door middel van vet, afbeeldingen en hiërarchie

Elke ontwerpkeuze moet een bepaalde betekenis en logica hebben. Het ontwerpen moet zo zijn dat er een soort regel, een reden achter moet zitten. Het gaat niet langer om ontwerpen omdat iemand het leuk vond of omdat het trendy is. Volgens het nieuwste systeem moeten de UI-elementen een bepaalde verantwoordelijke hiërarchie volgen. Het Material Design legt de volgende elementen op een logische manier uit:

  • Lay-out
  • Navigatie
  • Kleur
  • Vorm geven aan
  • Beweging
  • Interactie
  • Geluiden
  • Typografie en weblettertypen
  • Communicatie

De Material Design Color Palette Generator is een functie waarmee ontwerpers kunnen streven naar sterkere, gedurfdere kleurenpaletten om contrast en diepte in de gebruikersinterface te stimuleren.

  1. Beweging om het intuïtief te maken

Animatie is niet iets wat je doet om het animatieprogramma. Met Material Design is het de bedoeling om het meer opzettelijk te maken, zodat de gebruikerservaring intuïtiever wordt. Er is een doel voor het hebben van beweging in ontwerp. Hier zijn er een aantal:

  • Om de gebruikers te informeren wanneer en waar een actie beschikbaar is
  • Om de focus te richten op belangrijkere delen van een pagina
  • Om karakter en persoonlijkheid aan de interface toe te voegen

De hele focus is om de gebruikersreis spannender, vermakelijker en gunstiger te maken.

Het enige dat ontwerpers niet leuk vonden aan Material Design

Material Design had één grote fout waar ontwerpers gemakkelijk over kunnen klagen. Het concept was te zwart-wit, wat betekent dat alles wat de ontwerper heeft gedaan is beschreven, waardoor er weinig ruimte is voor creativiteit en verbetering. Er zijn sjablonen en componenten van waaruit ze kunnen werken, maar ze hebben allemaal hetzelfde ontwerpsysteem en dezelfde regels.

Voor merken die op zoek waren naar uniekheid in hun visuele stijl en aantrekkingskracht, was dit niet eenvoudig omdat het ontwerpsysteem beschikbaar kwam voor het publiek, en het is belangrijk om een systeem te creëren dat consistent kan worden gewijzigd en onderhouden.

Oorspronkelijk had Material Design een thema dat heel licht en helder is, en dat paste niet bij het thema van veel merken, maar dat is nu opgelost en er zijn ook donkere thema’s, waardoor ontwikkelaars meer visuele flexibiliteit krijgen.

Material Design is vernieuwd en het ontwerpsysteem beperkt de creativiteit en uniciteit van de ontwerper niet meer. Er zijn nu tools die niet alleen voldoen aan de beste ontwerppraktijken, maar de ontwerpers ook in staat stellen hun eigen creatieve draai te geven.

Conclusie

Material Design is flexibeler en krachtiger geworden dan ooit tevoren. En met uitgebreide documentatie en ondersteuning zijn ontwikkelaars en ontwerpers dol op de voordelen van Material Design. Ontwerpers kunnen interfaces ontwikkelen die intuïtiever zijn, ze kunnen nu verder gaan dan de esthetiek en een opzettelijk ontwerp ontwikkelen dat de gebruikerservaring verbetert.

Gebruik Material Design om websites en applicaties toegankelijker, gebruiksvriendelijker en intuïtiever te maken.

Interessante links:

Hoe gebruik je Material Design in een Android-app?

Meer informatie over Materiaalontwerp

Foto’s: Canvas

De auteur: Sascha Thattil werkt bij Software-Developer-India.com, een onderdeel van de YUHIRO Group. YUHIRO is een Duits-Indiase onderneming die programmeurs levert aan IT-bedrijven, agentschappen en IT-afdelingen.

Geef een reactie

Deze site gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.