Flat design, een trend of traditie? Flat design heeft veel praktische voordelen zoals: functionaliteit als uitgangspunt, content first en de geschiktheid voor responsive. In dit artikel vind je de betekenis en voordelen.
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.
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.