Wat is Flat 2.0 en waarom zou je erom geven?
Net toen je dacht dat je een plat ontwerp had bedacht, is iedereen overgestapt op praten over Flat 2.0. Als je nooit de sprong hebt gemaakt naar het ontwerpen van een plat project, is dit het moment.
Flat 2.0 is gemakkelijker te gebruiken omdat het het beste van een plat ontwerp combineert met extra aanwijzingen in de gebruikersinterface om u te helpen bij het maken van een websiteontwerp dat mooi en functioneel is. Het is ook zeer aanpasbaar en werkt met bijna elk concept. In tegenstelling tot sommige van de puurste plat ontworpen websites, combineert Flat 2.0 elementen van flat met subtiele toevoegingen om de gebruiksvriendelijkheid te verbeteren. Laten we een paar voorbeelden bekijken!
Ontdek ontwerpbronnen
Ontwerpers houden van plat
Geef toe, plat design was het enige waarover ontwerpers het een paar jaar geleden hadden. Houd ervan of haat het, het platte ontwerp heeft veel stoom opgepikt.
De ontwerpstijl, die een gestroomlijnde esthetiek heeft zonder versiering van elementen zoals reliëf of slagschaduwen of andere driedimensionale stijleffecten, werd gebruikt in een aantal spraakmakende projecten en eenvoudige ontwerpen. Bij een plat ontwerp ontbraken ook elementen die waren verhoogd om aan te duiden dat ze klikbaar waren, of hol of verzonken om aan te geven dat elementen een input nodig hadden. Het werd met name aangenomen voor Apple's iOS 7, een dramatische wending van het skeuomorfisme waar gebruikers aan gewend waren.
Maar het werkte. Ontwerpers vonden het geweldig. (Flat is erg leuk om te ontwerpen.) Heldere kleuren, eenvoudige lettertypen en focus op absoluut minimalisme droegen bij aan mooie projecten.
Er was maar één probleem. Het was niet intuïtief genoeg voor alle gebruikers. Sommigen beweerden dat de ontwerpstijl zo plat was dat kon worden onderscheiden wat gebruikers moesten doen en hoe de interface zou werken.
Voer Flat 2.0 in.
Gebruikers hebben iets meer nodig
Flat 2.0 biedt ruimte voor subtiele details en "verbiedt" geen technieken - schaduwen, verlopen, gelaagdheid - die geen deel uitmaakten van een plat ontwerp. Het gebruik van subtiele features in combinatie met alle andere elementen van plat design wordt in veel kringen Flat 2.0 genoemd. (En slechts een evolutie van de stijl bij anderen.)
De term werd eind 2014 voor het eerst gebruikt door ontwerper Ryan Allen: “Flat 2.0 is een evolutie, geen revolutie. Waar plat design een radicale afwijking was van het welig tierende skeuomorfisme van weleer, is Flat 2.0 een speelse tak van de platte boom. Plat ontwerp is de kerstboom, plat 2.0 is de ornamenten en snoeprietjes. En cadeautjes. Maar geen klatergoud, dat spul is een zooitje om op te ruimen. '
Met Flat 2.0 kunnen ontwerpers in wezen de harde regels van plat design doorbreken.
- Hoogtepunten
- Verloop
- Meerdere tinten en kleurwaarden
- Slagschaduw
- Elk kleurenpalet (niet alleen super helder)
De andere grote verandering is dat de Flat 2.0 niet in een wereld leeft waar alles een UI-element of -pictogram is. Foto's en video maken een groot deel uit van Flat 2.0-interfaces. (Veel vroege puristen van het platte ontwerp dachten dat deze visuele elementen de pure bedoeling van de esthetiek wegnamen.)
Flat 2.0 en daaropvolgende iteraties zijn het nieuwe gesprek van de ontwerpwereld, met name vanwege de opkomende populariteit van de Material Design-interface die is gemaakt door en overgenomen door Google en de Flat 2.0-esthetiek. Het uiterlijk is duidelijk afgeplat, maar bevat de evolutie van elementen met gelaagdheid als een belangrijk visueel onderdeel en het gebruik van schaduwen.
Flat 2.0 lost enkele problemen op
Volgens velen had plat design problemen. De Nielsen Norman Group, die onderzoek doet naar gebruikerservaring, bekritiseerde met name plat ontwerp. Enkele van deze problemen waren:
- Een gebrek aan traditionele (en belangrijke) betekenissen, zoals hellingen, schaduwen en onderstrepingen, waardoor gebruikers wisten wat ze ermee moesten doen
- Een gebrek aan bekende patronen voor bruikbaarheid, zoals het gebruik van blauwe onderstreepte tekst voor links
- Verandering in contextuele knoppen en acties, zoals het plaatsen van calls-to-action en het ontbreken van een bruikbare kopie ten gunste van minder woorden
Flat 2.0 verhelpt veel van deze problemen en geeft ontwerpers meer flexibiliteit om te ontwerpen voor bruikbaarheid. Dat was het ding dat ontbrak bij een plat ontwerp. Hoewel de look creatief en cool was, was hij modieus voor ontwerpers, maar niet altijd bedoeld voor gebruikers.
Kenmerken van Flat 2.0
Flat 2.0 is het schijnbaar perfecte huwelijk tussen minimalisme en skeuomorfisme. Het is een zeer bruikbare stijl die visueel aantrekkelijk is. Ontwerpers vinden het leuk. Gebruikers vinden het leuk. Dit is een trend die werkt.
Veel van Flat 2.0 is geworteld in de ontwerptheorie. (Als je terug wilt naar de basis en iets wilt doen dat werkt, is theorie altijd een goed begin.)
Flat 2.0 gebruikt een specifieke stijl om hiërarchie te creëren voor een stroom door het ontwerp. Kleurenpaletten zijn verschillend en doelgericht opgebouwd. Er is aandacht voor organisatie, spatiëring en duidelijkheid van elementen. Elk element in het ontwerp moet eenvoudig, maar zeer begrijpelijk zijn.
Dat laatste is waar Flat 2.0 in slaagt. Ontwerpers kunnen het ontwerp tot aan de rand van het skeuomorfisme brengen als ze dat willen en vervolgens een klik terugdraaien. Flat 2.0 is geworteld in bruikbaarheid. (Dit kan niet genoeg worden gezegd omdat het de essentie is van wat een ontwerp doet werken.)
Voeg dat allemaal toe aan het idee dat deze stijl zeer flexibel en aanpasbaar is. Het is gemaakt voor responsieve en adaptieve frameworks of materiaalinterfaces. En elke ontwerper kan stijlen en concepten mixen en matchen om iets te creëren dat helemaal uniek is. (Je zou het moeilijk hebben om iets aantrekkelijkers te vinden dan dat.)
Gevolgtrekking
Flat 2.0 is nog een stap verder in de evolutie van deze ontwerpstijl die geworteld is in de puurste vorm van minimalisme. Wat zo aantrekkelijk is aan Flat 2.0 (en plat design in het algemeen) is de aangeboren leuke factor die daarbij hoort.
Van heldere kleuren tot typografie die moet worden gelezen, plattere gebruikersinterface-elementen maken plaats voor de delen van het ontwerp die gebruikers eerst moeten zien. Platte knoppen en eenvoudige body copy-stijlen geven meer ruimte aan afbeeldingen en oproepen tot actie. En daarom is Flat 2.0 zo belangrijk. Het is bruikbaar. Het is functioneel. En hoewel het zal blijven evolueren, is het idee erachter om te blijven.
