Flat design

Schilderkunst en architectuur kennen hun eigen stijlen. Vanuit het klassieke impressionisme ontstond er een overgang naar het meer gevoelsmatige expressionisme. Net zoals in de kunstsector is er ook een stijlenwisseling gaande in het webdesign. Vrijwel elke stroming of trend kent na verloop van tijd een nieuwe tegenhanger. Er komt iets nieuws waar mensen behoefte aan hebben. Skeuomorfisme langzamerhand heeft plaatsgemaakt voor het strakke simplistische Flat Design.

Skeuomorfisme

Skeuomorfisme brengt objecten bijna fysiek tot leven en geeft je vertrouwelijk gevoel. De oude interface van Apple bestond uit iconen met een zeer fysiek imiterende weergave. Het notitieblok zag eruit als een gele blocnote inclusief een zilveren ringbandje met de bekende afgescheurde blaadjes. Gedownloade boeken, magazine en kranten kwamen in een eikenhouten boekenkast te staan. Zo waren er ook diverse iconen met lederen stiksels en gelaagde prints. Alles was zo ontworpen om het bijna identiek over te laten komen. Skeuomorfische Apple producten geven mensen die niet veel verstand hebben van digitale apparatuur het gevoel om snel vertrouwd te raken met hun tablet of smartphone. 

Appleinsider, What Apple learned from skeuomorphism and why it still matters

 

 

Functionaliteit

Flat Design is een tweedimensionale manier van ontwerpen. Er worden geen schaduwen, gradients (verlopen) of andere effecten gebruikt. Alle mogelijke 3D-effecten zijn verdwenen, waardoor Flat Design functionaliteit en rust heeft als puurste uitgangspunten. De ruimte wordt gebruikt om een duidelijk overzicht te creëren voor de gebruiker of bezoeker. Door meer gebruik te maken van witruimtes, worden er rustpunten in het ontwerp gecreëerd. Het gevolg van meer witruimtes is dat pagina’s langer worden en er meer gescrold dient te worden. Anno 2015 is het fenomeen scrollen volledig geaccepteerd en is het meer gewoongoed geworden. Om de ruim opgezette indeling van de pagina’s enigszins te contrasteren wordt er bij Flat Design gebruik gemaakt van een beperkt en gericht kleurenpallet. De huisstijlkleuren gecombineerd met 1 á 2 steunkleuren zorgen voor een aangenaam contrast waardoor er hiërarchie in het ontwerp ontstaat.

Voordelen

Het grote voordeel van Flat Design ten opzichte van Skeuomorfisme is dat het beter toegepast kan worden in Responsive (web)design. Iconen met een Skeuomorfische uiterlijk zijn gemaakt voor een bepaald aantal afmetingen. Voor elke afmeting moet er het ‘perfecte’ plaatje ontworpen worden. Omdat de vaste schermafmetingen van met name smartphones steeds dynamischer (responsive) worden is het lastig om telkens weer het perfecte plaatje te ontworpen. Daarnaast zijn plaatjes met een Skeuomorfisch uiterlijk over het algemeen groter qua bestandsgrote, wat betekent een langere laadtijd van het plaatje.

Flat design

Schilderkunst en architectuur kennen hun eigen stijlen. Vanuit het klassieke impressionisme ontstond er een overgang naar het meer gevoelsmatige expressionisme. Net zoals in de kunstsector is er ook een stijlenwisseling gaande in het webdesign. Vrijwel elke stroming of trend kent na verloop van tijd een nieuwe tegenhanger. Er komt iets nieuws waar mensen behoefte aan hebben. Skeuomorfisme langzamerhand heeft plaatsgemaakt voor het strakke simplistische Flat Design.

Skeuomorfisme

Skeuomorfisme brengt objecten bijna fysiek tot leven en geeft je vertrouwelijk gevoel. De oude interface van Apple bestond uit iconen met een zeer fysiek imiterende weergave. Het notitieblok zag eruit als een gele blocnote inclusief een zilveren ringbandje met de bekende afgescheurde blaadjes. Gedownloade boeken, magazine en kranten kwamen in een eikenhouten boekenkast te staan. Zo waren er ook diverse iconen met lederen stiksels en gelaagde prints. Alles was zo ontworpen om het bijna identiek over te laten komen. Skeuomorfische Apple producten geven mensen die niet veel verstand hebben van digitale apparatuur het gevoel om snel vertrouwd te raken met hun tablet of smartphone. 

Functionaliteit

Flat Design is een tweedimensionale manier van ontwerpen. Er worden geen schaduwen, gradients (verlopen) of andere effecten gebruikt. Alle mogelijke 3D-effecten zijn verdwenen, waardoor Flat Design functionaliteit en rust heeft als puurste uitgangspunten. De ruimte wordt gebruikt om een duidelijk overzicht te creëren voor de gebruiker of bezoeker. Door meer gebruik te maken van witruimtes, worden er rustpunten in het ontwerp gecreëerd. Het gevolg van meer witruimtes is dat pagina’s langer worden en er meer gescrold dient te worden. Anno 2015 is het fenomeen scrollen volledig geaccepteerd en is het meer gewoongoed geworden. Om de ruim opgezette indeling van de pagina’s enigszins te contrasteren wordt er bij Flat Design gebruik gemaakt van een beperkt en gericht kleurenpallet. De huisstijlkleuren gecombineerd met 1 á 2 steunkleuren zorgen voor een aangenaam contrast waardoor er hiërarchie in het ontwerp ontstaat.

Voordelen

Het grote voordeel van Flat Design ten opzichte van Skeuomorfisme is dat het beter toegepast kan worden in Responsive (web)design. Iconen met een Skeuomorfische uiterlijk zijn gemaakt voor een bepaald aantal afmetingen. Voor elke afmeting moet er het ‘perfecte’ plaatje ontworpen worden. Omdat de vaste schermafmetingen van met name smartphones steeds dynamischer (responsive) worden is het lastig om telkens weer het perfecte plaatje te ontworpen. Daarnaast zijn plaatjes met een Skeuomorfisch uiterlijk over het algemeen groter qua bestandsgrote, wat betekent een langere laadtijd van het plaatje.

Meer weten over webdesign?

Bekijk onze kennisbank met artikelen. Je kunt er veel lezen over development, webdesign, online marketing en onderhoud van je website, webshop of webapplicatie.