Flat design - az új őrület

2020.01.03

A flat design a reneszánszát éli. Sok ember összekeveri ezt az izgalmas új irányzatot a minimalizmussal, a minimalista designnal.

A Flat design mint stílus a Windows 8, az Apple iOS 7 és a Google Material Design megjelenése óta robbant be igazán a köztudatba.

A felhasználói felületek, idegen szóval a user interface-ek tervezésében a legújabb trend a flat design, ezt látni manapság a legtöbb modern felhasználó felületen, legutóbb a 2013 szeptemberében kiadott iOS 7 operációs rendszeren is. A flat design lényege, hogy grafikai minimalizmusra törekszik, egyszerű formákat használ (kör, négyzet, háromszög), élénk színeket, nagy fehér felületeket és foltokat, inkább kétdimenziós felületeket láthatunk. A háromdimenziós grafikai divat korát átléptük tehát, és újra terjed az egyszerű, lapos felület.

RESZPONZÍV WEBDESIGN

A Flat design-t eredetileg a reszponzív webdesign-hoz fejlesztették ki. Az egyszerű letisztult formák és a minimális textúrák használata kifejezetten jól működik a reszponzív webdesign-al, ráadásul az oldalak is gyorsabban töltődnek be, ami különösen fontos a mobil felhasználók szempontjából. A flat design a vizuális zajok (textúrák és árnyékok) csökkentése miatt optimális esetben kiváló felhasználói élményt nyújthat.

A flat design szószerkezet előtagja az érdekes számunkra, hisz a design közismert (jelentése 'formatervezés'), és már át is írjuk dizájn formában. A flat ebben az esetben azt jelenti, hogy 'lapos', 'sima'. A flat design elnevezés tehát a látvány formavilágára, az alapvetően kétdimenziós, sík, lapos felületek ábrázolására utal. A kifejezés lényege úgy érthető meg igazán, hogy ezzel gyökeresen ellentétes az a grafikai tervezésmód, amelynek a lényege, hogy a valóságos formákat, felületeket a lehető legjobban szeretnék utánozni grafikai elemekkel.

A flat design nem egyenlő a minimalista design-al

Sajnos sok ember összekeveri ezt az izgalmas irányzatot a minimalizmussal, a minimalista designnal. A probléma az, hogy a flat design és a minimalista design két különböző dolog. A flat design stílusban készült weboldal lehet egyszerű, komplikált és zsúfolt is. A lényeg, hogy a megfelelő flat stíluselemekből készüljön. A minimalista design viszont egy design filozófia. A minimalista megközelítésű weblapokon könnyű navigálni, nincsenne túlzsúfolva az elemek, minimalista a színhasználat, a cél az egyszerűség.

Hogy érthető legyen a laikusok számára is, a flat design olyan, mint egy egyedi étel, amit a legmenőbb éttermekben kapni, a minimalista design pedig olyan mint egy klasszikus szakácskönyv amiből csak a legjobb szakácsok tudnak főzni.

A flat design még mindig menő

Egyre több cég próbál beleugrani a flat design-ba, hiszen továbbra is ez az egyik legmenőbb design stílus az internet világában. Sőt! Az évek folyamán a flat design tovább fejlődött. Azzal viszont nem számol senki, ha sokan átváltanak majd flat-be, akkor szinte mindenkinek hasonló stílusú weblapja lesz. Ha flat design-ra szeretnéd cserélni a weblapod arculatát, csak akkor tedd, ha az egész céged arculatát flat design alapúra cseréled. A különböző stílusú elemek keverése mindig a legrosszabb végeredményt hozza. Tudom nehéz ezt megérteni, de a stílusok keverését senkinek sem ajánlom.

A flat design hátrányai

A klasszikus flat design-nak vannak természetesen hátrányai is. A háromdimenziós effektusok (például árnyékok) hiánya elveszik azokat a jelzéseket amik jelezhetik egy felhasználónak, hogy interakcióba léphetne a felülettel. Például egy nagyon színes flat design alapú oldalon, a gombok nagyon be tudnak olvadni a felületbe és nehezen különböztethetőek meg. Ez rontja a felhasználói élményt.

A flat design fejlődése

A fenti problémáknak köszönhetően napjainkban flat design folyamatosan evolválódik és fejlődik. Napjaink újvonalas designerei rájöttek, hogy a flat design túl lett tolva az egyszerűsítés irányába, ezért visszahozták nagyon finoman a szkeumorf elemeket (árnyékolás, gradiensek, textúrák) melyek segítségével jobban lehet játszani az elemek mélységével. Ezek a módosítások kifejezetten pozitívan hatnak a felhasználói élmény szempontjából.

A legegyszerűbb példák erre a Google Material Design és az Apple iOS friss kiadásai, ahol designerek nagyon finoman játszanak az árnyékokkal és a homályosítás (blur) effektekkel, hogy minél intuitívabbak legyenek a felhasználó felületek.

A flat design kialakulása

A Flat design mint stílus a Windows 8, az Apple iOS 7 és a Google Material Design megjelenése óta robbant be igazán a köztudatba.

A Flat design-t eredetileg a reszponzív webdesign-hoz fejlesztették ki. Az egyszerű letisztult formák és a minimális textúrák használata kifejezetten jól működik a reszponzív webdesign-al, ráadásul az oldalak is gyorsabban töltődnek be, ami különösen fontos a mobil felhasználók szempontjából. A flat design a vizuális zajok (textúrák és árnyékok) csökkentése miatt optimális esetben kiváló felhasználói élményt nyújthat.

A flat design nem egyenlő a minimalista design-al

Sajnos sok ember összekeveri ezt az izgalmas irányzatot a minimalizmussal, a minimalista designnal. A probléma az, hogy a flat design és a minimalista design két különböző dolog. A flat design stílusban készült weboldal lehet egyszerű, komplikált és zsúfolt is. A lényeg, hogy a megfelelő flat stíluselemekből készüljön. A minimalista design viszont egy design filozófia. A minimalista megközelítésű weblapokon könnyű navigálni, nincsenne túlzsúfolva az elemek, minimalista a színhasználat, a cél az egyszerűség.

Hogy érthető legyen a laikusok számára is, a flat design olyan, mint egy egyedi étel, amit a legmenőbb éttermekben kapni, a minimalista design pedig olyan mint egy klasszikus szakácskönyv amiből csak a legjobb szakácsok tudnak főzni.

A flat design még mindig menő

Egyre több cég próbál beleugrani a flat design-ba, hiszen továbbra is ez az egyik legmenőbb design stílus az internet világában. Sőt! Az évek folyamán a flat design tovább fejlődött. Azzal viszont nem számol senki, ha sokan átváltanak majd flat-be, akkor szinte mindenkinek hasonló stílusú weblapja lesz. Ha flat design-ra szeretnéd cserélni a weblapod arculatát, csak akkor tedd, ha az egész céged arculatát flat design alapúra cseréled. A különböző stílusú elemek keverése mindig a legrosszabb végeredményt hozza. Tudom nehéz ezt megérteni, de a stílusok keverését senkinek sem ajánlom.

A flat design hátrányai

A klasszikus flat design-nak vannak természetesen hátrányai is. A háromdimenziós effektusok (például árnyékok) hiánya elveszik azokat a jelzéseket amik jelezhetik egy felhasználónak, hogy interakcióba léphetne a felülettel. Például egy nagyon színes flat design alapú oldalon, a gombok nagyon be tudnak olvadni a felületbe és nehezen különböztethetőek meg. Ez rontja a felhasználói élményt.

A flat design fejlődése

A fenti problémáknak köszönhetően napjainkban flat design folyamatosan evolválódik és fejlődik. Napjaink újvonalas designerei rájöttek, hogy a flat design túl lett tolva az egyszerűsítés irányába, ezért visszahozták nagyon finoman a szkeumorf elemeket (árnyékolás, gradiensek, textúrák) melyek segítségével jobban lehet játszani az elemek mélységével. Ezek a módosítások kifejezetten pozitívan hatnak a felhasználói élmény szempontjából.

A legegyszerűbb példák erre a Google Material Design és az Apple iOS friss kiadásai, ahol designerek nagyon finoman játszanak az árnyékokkal és a homályosítás (blur) effektekkel, hogy minél intuitívabbak legyenek a felhasználó felületek.

A flat design nem mindenkinek való

A flat design stílus: letisztult, modern és trendi. Viszont nem mindenkinek való. Rengeteg dolog van, ami egy weblapot használhatóvá, vagy használhatatlanná tesz. Egy rossz struktúrájú, vagy rossz tartalmú weblap flat designnal is ugyanolyan rossz weblap marad, nem fog rajta segíteni semmi.

Egy trendi online szolgáltatónak vagy egy start up-nak simán ajánlom a flat design stílust, viszont például egy olasz étteremnek nem választanám, hiszen abszolút nem illene hozzá ez a stílus. Gondold át százszor mielőtt ebbe az új stílusba szeretnél váltani, hogy biztosan passzolni fog-e a márkádhoz, a weblapodhoz és csak utána cselekedj döntésed szerint.

Összegzés

A jövő kérdése hogy meddig lesz trendi a flat design stílus. Szerintem egy jó ideig még biztosan, de egy idő után mindenkinek elege lesz az egy kaptafára épülő weblapokból, applikációkból és akkor érkezni fog az elkerülhetetlen változás.

google-site-verification=cQHpAOXkRDVr7Mi8QjJGng0m-0gFNrBnZ9f61NRRh3M