Mi az a lapos kialakítás? A lapos kialakítás alapelvei. A skeuomorfizmustól a lapos kialakításig

22.07.2020 Érdekes

A lapos kialakítás az utóbbi időben népszerűvé vált alkalmazások és webhelyek esetében. Ez nem azt jelenti, hogy mindenki nagyon szereti ezt a stílust, de határozottan nem alkalmas minden alkalmazáshoz és webhelyhez. Ha sok előnye van a lapos kialakításnak, mint például az egyszerűség és a minimalizmus, ami megkönnyíti a használatát. Egyes alkalmazásoknál a lapos kialakítás túl egyszerű lehet. Vagyis érdemes néhány árnyékot vagy színátmenetet hozzáadni, hogy jobban nézzen ki.

Sokan azzal érvelnek, hogy a lapos webdesign hatékony design. Szerintük így lehet a projektet a lehető legfelhasználóbarátabbá tenni. Íme néhány inspiráló példa a lapos tervezési projektekre. Ez a különféle portfóliókból álló válogatás nagyszerű a ténylegesen működő lapos minták megértéséhez.


Az ISSLand

Január Kreatív

Minimális majom

Mi az a lapos kialakítás?

  • A lapos kialakítás a felhasználóra összpontosít
  • A lapos kialakítás egyszerű
  • Lapos kialakítás - kevesebb színátmenet
  • A lapos kialakítás egyenes vonalakat és négyzetes sarkokat foglal magában
  • Általában erős színkontrasztot használjon
  • A lapos kialakításban nincsenek árnyékok, ferde felületek, textúrák vagy bármi, ami 3D-snek tűnik
  • Lapos kialakítás csak 2 dimenzióban létezik
  • Lapos kialakítás - az egyszerűség és a minimalizmus irányába mutató tendencia
  • Lapos kialakítás - ne használjon további effektusokat
  • Nincsenek extrák
  • Lapos kialakítás – kevesebb gomb és testkészlet
  • A lapos kialakítás a betűtípusokra való összpontosítást jelenti
  • A színkombinációk, a kontrasztos színek és az érdekes színvariációk a lapos kialakítás fontos összetevői.
  • A lapos kialakítás az egyik a sok közül. Egyes projektekhez alkalmas, másokhoz nem.

Mi nem lapos kialakítás?

  • A lapos kialakítás nem skeuomorfizmus vagy olyan tervezés, amely a „valóság” alakját és kontúrjait utánozza.
  • A lapos kialakítás nem tartalmaz fényes gombokat
  • A lapos kialakítás a dekorációt nem tartalmazza
  • A lapos kialakításban nem találsz hagyományos elképzeléseket a „mélységről”
  • A lapos kialakítás nem felel meg minden projektnek

A lapos kialakítás csak egy hatékony tervezés?

Vannak, akik a lapos kialakítást már önmagában is hatékony tervezésnek tartják. Vagyis leegyszerűsíti a webhelyek és alkalmazások használatát, lehetővé teszi a keresést szükséges információ anélkül, hogy elterelték volna. Természetesen nem a lapos kialakítás az egyetlen, amely megkönnyíti az információk megtalálását. Ha mindent jól csinálnak, akkor a felhasználóknak nem lesz problémája. A projektnek egyszerűnek és könnyűnek kell lennie azok számára, akik tudják használni. Vannak, akik a lapos kialakítást részesítik előnyben, míg mások az eltérő tervezési stílust részesítik előnyben.

Elemek lapos kialakításhoz

Szereted a lapos kialakítást? Íme néhány elem, amelyek használhatók egy "lapos" kialakításhoz

Lapos ikoncsomag

Lapos kialakítás (lapos kialakítás) népszerű stílus a weboldal- és felülettervezésben, valamint operációs rendszer, melynek jellemzője az egyszerűség, a kifinomultság és a minimalizmus. A lapos kialakítás 2010-ben kezdett népszerűvé válni a skeuomorfizmus ellentéteként.

Skeuomorfizmus- más tárgy formájából másolt, de eltérő anyagokból vagy eltérő módszerekkel készült fizikai dísz vagy dizájnelem. Ilyen például a hasonló fémedényekre emlékeztető szegecsutánzattal díszített kerámia vagy a számítógépes naptár, amely utánozza kinézet papír íróasztali naptár rögzítőlapjai (definíció in Wikipédia).

A lapos stílus népszerűsítését a tervezésben elősegítette a Microsofttól a Windows 8 operációs rendszer Metro stílusú kiadása, valamint az iOS 7, amelyben Apple cég lapos stílust is választ. Ez után kezdődik a lapos tervezés igazi korszaka. Hamarosan a nagy cégek is áttérnek a lapos tervezésre keresési szolgáltatásokés alkalmazások - Google, Youtube, sok olyan oldal jelenik meg, amelyek a lapos stílus elveit alkalmazzák a tervezés során. Az elmúlt években a lapos design vezető szerepet tölt be a globális weboldaltervezési trendekben.

A lapos kialakítás előnyei

  1. Praktikusság- a lapos kialakítás lehetővé teszi a stílusok, szkriptek és animációk számának minimalizálását, ami lehetővé teszi a webhely gyorsabb betöltését.
  2. Könnyen adaptálható- A lapos kialakítás elég könnyen alkalmazkodik a különböző képernyőfelbontásokhoz.
  3. Egyszerű használat- az egyszerűsített stílusnak köszönhetően a felhasználók könnyebben érzékelik az oldalon található információkat.
  4. szépség- a külső pártatlanság és az egyszerű dizájn lehetővé teszi, hogy egy olyan dizájnra összpontosítson, amely igazán magával ragad.

A lapos weboldal tervezés 5 alapelve

A lapos kialakítás egyáltalán nem unalmas, ahogyan első pillantásra tűnhet. Tisztaságuknak és kifinomultságuknak köszönhetően a tervezési megoldások stílusosak és szépek lehetnek, felesleges zajok nélkül, így Ön termékére vagy szolgáltatására koncentrálhat.

1 - 2D objektumok használata

A lapos kialakítás kizárja olyan elemek használatát, amelyek mélységet és térfogatot adnak egy objektumnak: árnyékok, színátmenetek, csúcsfények, textúrák, tükröződések, animáció. Egy objektum leképezésekor csak a körvonalai jelennek meg.

2 - Ikonok és egyszerű tárgyak

A lapos ikonok és az egyszótagos alakzatok világos körvonalakkal és azonos színekkel lehetővé teszik a tervezés lehető legegyszerűsítését és világosabbá tételét. A kezelőszervek intuitívvá válnak a felhasználó számára, és ösztönzik az interakciót.

3 - Egyszerű betűtípusok a tervezési stílusban

A lapos kivitelben nagy figyelmet fordítanak a tipográfiára és a betűtípusokra. Itt nem használunk dőlt betűt, a betűtípus harmonikusan illeszkedik a weboldal dizájnjába, nemcsak tartalomban, hanem navigációban is. Még a webhely betűtípusaiban is a minimalista stílus javasolt.

4 - Színjáték

A lapos kialakítás több alapszínt tartalmaz, amelyek kizárják a sima átmenetek és színátmenetek használatát, de lehetnek világosak és kontrasztosak egymással.

5 - Minimalizmus

A lapos kialakítás magában foglalja az elemek vizualizálását, a képernyő teljes szélességének felhasználásával és egyúttal az információk minimalizálásával.

Van olyan, hogy szinte lapos kialakítás. Ez az egyik használt lapos tervezési koncepció egyszerű elemekés a kétdimenziós tér. Példa erre egy jó minőségű fotó, amely elmosódott háttér vagy elsötétült. Ez lehetővé teszi az objektum mélységének és perspektívájának létrehozását.

Lapos kiviteli példák

Az interneten, beleértve a fehérorosz szegmenst is, számos példát találhat lapos kialakítású webhelyek fejlesztésére különböző témákban, beleértve a hírforrásokat, portálokat és még online boltokat is.

Nem tudjuk, hogy észrevette-e vagy sem, de az utóbbi időben (különösen az elmúlt évben) a webdizájnban világszerte egyértelmű tendencia tapasztalható az egyszerűsítés, a masszív minimalizmus és a vizuális egyszerűsítés felé, amivel mi, felhasználók interakcióba lépünk. nap. Egyszerűen fogalmazva, a design „lapos” lett: ellentétben a gyors növekedés idejének domború ikonjaival közösségi hálózatokés a web 2.0, most egyre gyakrabban fogadnak minket az új szolgáltatások egyszerű ikonjai. Mindez kapta a nevét - lapos kialakítás. Nem lakás, hanem lakás.

Az új mobil operációs rendszer, az iOS 7 tegnapi bemutatójával az Apple végre megerősítette ennek a trendnek a népszerűségének gyors növekedését, ami hagyományosan megörvendeztette néhány rajongóját, de jelentős elégedetlenséggel is találkozott a körében. tapasztalt felhasználókés a tervezők. Mi a helyzet? Mi haszna ennek a lapos kialakításnak, és valóban szüksége van rá a világnak? Úgy döntöttünk, hogy Ukrajnából és külföldről érkező szakértőkhöz fordulunk.

Három fő kérdésre kértük őket:

  • miért kezdett el a világ a lapos tervezés felé haladni a weben és a mobilon, és mi ez;
  • mit ad ez az Apple és az iOS 7 számára;
  • hogyan érinti ez egyrészt a tervezőket, másrészt a felhasználókat.

Denis Sudilkovsky, Kijev
Interaction Design specialista, producer Prodesign.in.ua

Az „ingahatás” a jövő előrejelzésében abban nyilvánul meg, hogy ha valamelyik kérdésben két véglet van, akkor az emberiség egyik oldalról a másikra lendül. Ez kétségtelenül igaz az interaktív rendszerek tervezésére. A lapos és érdektelenül primitív web egy időben terjedelmes webalapú gombokra változott. Az interfész vizualizációk elérték a realizmus csúcsát, és az inga az ellenkező irányba repül - lapos és egyszerű.

Mit kap ebből az Apple? Megtartja a helyét a trendben és több százezer kommentben, hogy az iOS-jük nagyon hasonlít az Androidra.

A tervezőknek fejlődniük kell (és ne tréfálkozzunk azon, hogy mikor jön a lapos dizájn a gépészetbe és adnak nekünk lapos autókat :). Ha nincs dekoráció, akkor az egész munka abból áll, hogy hangulatot teremtsünk tartalommal egy adott forgatókönyvhöz a felhasználóval. Ennek a szakmának egyre több közös vonása lesz a rendezővel, mint a Művészrel. A felhasználók éppen ellenkezőleg, új élményeket és új benyomásokat kapnak. Én személy szerint 4 évig iPhone-hívó voltam, de tavasszal egyetlen okból cseréltem le a telefonomat Androidra - elegem volt az Apple felület monoton idealitásából.

Daniel Bruce, Stockholm
Senior Digital Creative, danielbruce.se

Először is szeretném leszögezni, hogy nem szeretem a "lapos kialakítás" kifejezést. A legtöbb grafikai tervezés évszázadok óta "lapos". Azt is gondolom, hogy ez korlátozza azt a képességét, hogy egy dizájnt kiemeljen, ha a lapos vagy valami más között kell választani. A tervezés ennél sokkal több lehet. Vidám, világos, sötét, pozitív, minimalista – nevezheted, aminek akarod. De ma már ritkán hallom, hogy valaki úgy gondolja, hogy a dizájn több, mint lapos vagy szkleromorf. Kicsit szomorú.

Miért lassan halad a web és a mobil a lapos kialakítás felé? Én úgy látom, hogy ez csak egy trend. Soha nem láttam cikkeket a lapos kialakítás előnyeiről a felhasználói felületeken, és még mindig nem vagyok meggyőződve róla. Egyszerű és világos kialakítás - igen, de ez nem ugyanaz, mint a „lapos”. Nézd meg például a Google-t. Nem készítenek teljesen lapos mintákat, ők - és én is osztom ezt a gondolatot - mégis szükségét látják némi mélységre és variációra.

Nagyon meglepődtem, amikor a Microsoft néhány éve ezt az irányt választotta magának, bemutatva a híres Metro stílust. Valójában a grafikai tervezést olyan nagy táblákhoz alkalmazták, amelyeket az emberek bizonyos távolságból néznek, és soha nem lépnek kapcsolatba kis képernyőkkel, amelyek jelentős számú elemet tartalmaznak. Jól néznek ki, de jó a használhatóságuk?

Amit tegnap este láttam az Apple-től, az csak egy szegényes másolata számos érdekes tervnek, amelyek az elmúlt évben olyan oldalakon bukkantak fel, mint a Dribbble és a Behance. Semmi újat nem láttam – kivéve, hogy ez messze nem ugyanaz a Steve Jobs „régi Apple”-je. A cég megmutatta, hogy nem jár élen a mobil felületek tervezésében. Természetesen az elkövetkező néhány hónapban látni fogjuk, hogy a rajongók átveszik ezeket a fehér dizájnt és kreatív színátmeneteket, de nem hiszem, hogy ez a szempont olyan hatással lesz, mint a Google legutóbbi leállásai. De másrészt, bármi legyen is, az Apple mindig is trendalapító és inspiráló volt sok ember számára, köztük nekem is.

Vonatkozó hétköznapi felhasználók, akkor szeretik az élénk színeket.

Ivan Klimenko, Kijev
mobil interfész tervező, 5tak.com

Nagymértékben kicsit filozofikus vagyok ezzel a lapos stílus-lenyűgöző szituációval kapcsolatban. Nem ez az első alkalom, hogy a tervezők érdeklődnek a minimalizmus és a mesterséges anyagok iránt. Minden elmúlik.

A 20-30-as évek Bauhaus-korszaka hatalmas hozzájárulást hozott a dizájnhoz, de a tónusos feszesség és a mesterségesség mégsem tudott ellenállni az emberek vágyának és belső késztetésének, hogy természetesebb dolgokkal körülvéve létezzenek.

Aztán a 60-as években mindenki elkezdte csodálni a műanyagot.

A bútorok, az edények és még a ruhák is mind műanyagból készülnek. Úgy tűnt, ez egy új remény az emberiség számára, de ismét nem - az emberek nagyon gyorsan visszatértek a természetes formákhoz vagy a természetes anyagok másolataihoz.

A formák kemény kontrasztja és a minimalista grafika mindig is a társadalmon belüli belső konfliktusok felhalmozódását fejezte ki. A design csak egy tükör, amely megmutatja belső világunkat. Túl sok minden történik. Az élet nagyon felgyorsul, és egyszerűen nincs időnk gondolkodni és mérlegelni. Gyakran nincs időnk csak élni.

A minimalizmus és mindezen elektronikus hardverek csak egy lépést jelentenek valami természetesebb és emberibb felé vezető úton. Több, mint egy másik számítógép. Még azt is szomorú vagyok, hogy az Apple, amely tudta, hogyan kell mélyre nézni, már nem létezik.

Olesya Grichina, Kijev
UI tervező a Componentixnél, twitter: elendiel

Úgy gondolom, hogy a tervezőkre nagy hatással volt a sok kütyü különböző méretű képernyő és felbontás - mindezen változatosságok mellett könnyebben elkészíthető textúrák, összetett árnyékok nélkül, amelyek megfelelően figyelembe veszik a világítást stb. Inkább abban kezdtek gondolkodni, hogy „hogyan tegyük kényelmesebbé a felhasználó számára”, nem pedig „hogyan rajzoljunk szépen”. A tartalom a fő, és munkánkban fontos, hogy azt a lehető legjobban mutassuk be.

Nekem úgy tűnik, hogy a külső változtatások (lapos UI, ikonok) mögött különösen nem vettek észre komoly változásokat a könnyű kezelhetőségben, és ahogy káromkodnak erről a témáról. Amikor ellenőrzik, hogy működik-e, akkor azt kezdi mondani: „Ó, milyen kényelmes, és miért nem tették ezt korábban?” Remélem, ez olyan hatással lesz a tervezőkre, hogy jobban odafigyelnek majd a felület használhatóságára, mint a textúrákra és az árnyékokra. A végén el lehet majd magyarázni az ügyfeleknek, hogy ez egy trend :)

Szerintem a lapos kialakítás nem fogja különösebben érinteni a felhasználókat – ha kényelmes számukra a tartalom létrehozása és fogyasztása, akkor sok elégedett ember lesz. De az ikonok bekapcsolva kezdőképernyő még savas :)

Pavel Grozyan, Kijev
Terméktervező a MacPaw-nál, grozyan

"Alma! A-ha-ha, hagyd abba! - Kiabálnak a tervezők. - Hurrá, könnyebb lett. - a felhasználók skandálnak." Mindkét nézőpontot megértem. Ma, a WWDC2013 prezentációja után sok kollégám felállt és azt mondta: "Csasszák meg ezt a szakmát! Ekkora hülyeséget most bárki le tud rajzolni. És ezek az ikonok 30 dollárért?!" És első pillantásra igazuk van, de ha mélyebbre ásunk, rájössz, hogy több ezer tárgy van, hosszú ideje csak a felhasználási forgatókönyvben, majd alakban, majd színben és csak azután művészi részletekben tértek el egymástól. Emlékszem azokra az időkre, amikor ezek a LinkedIn-profilokon lévő srácok, akik ma UX-nek, UI Designernek mondják, idegesen másolták a betűk fehér árnyék-effektusát. Mint az Apple. Aztán fény és világos helyszínek. Mint az Apple. Ezután textúrákban és realizmusban gazdag felületek. Mint az Apple. Minden munkájuk másolásból állt, hiszen nem volt eredeti, egységes és mindenki számára kényelmes fejlesztési koncepció. Pontosan ezt a problémát oldja meg manapság a lapos kialakítás. Bár nekem helytelennek tűnik így nevezni. Még jó, hogy nem a Microsoft találta ki, és több mint tíz évvel a digitális korszak előtt, a publikálás területén alakult.

Lapos - nem kattintásra való, hanem kattintásra, koppintásra, koppintásra. Nem nevezhető laposnak - a gombokon lévő „vastag” textúrák és árnyékok hiánya meglehetősen leegyszerűsíti és vizuális agresszió nélkül. És nem nélkülözheti a gombok színátmeneteit. Támogatom ezt a tendenciát. Ha nem zavarja a felhasználói élmény minőségét, akkor mindenki könnyebben élhet vele. Mindenekelőtt a felhasználónak. Másodszor, az alkotó számára: egyszerűbb lesz a technikai megvalósítás, kényelmesebb lesz kattintani (a linkek aláhúzása - helló), és többplatformos - egyetlen élményben egyesíti a webet, a mobilt és az asztali számítógépet. Ez kétségtelenül merész lépés az Apple számára. És csak ők dönthetnek róla. Történetük tucatnyi megerősítést tartalmaz, így nagyobb eséllyel sikerül nekik, mint fordítva.

A közelmúltban egy sajátos stílus a weboldal tervezésében és felhasználói felületek, amelyet elemeinek stilizációja miatt Laposnak neveznek.

Ha egy Flat szabályok szerint készült weboldalt nézel, nem fogsz látni színátmeneteket, árnyékokat, a hangerő vagy a textúra legcsekélyebb nyomát sem. A lapos stílus alapelvei az egyszerűség, a tömörség és a minimalizmus. Alapvető megkülönböztető jellegzetességek- ezek azok a dolgok, amelyekre összpontosíthat - élénk szokatlan színek, nem szabványos tipográfia, grafikai primitívek.

Manapság egyre több tervező használja ezt az irányzatot munkájában, de a Flat stílus különösen népszerűvé vált a modern mobil operációs rendszerek elterjedésével. Windows Phoneés iOS 7, mivel ők ennek a trendnek a követői, bár nem tartják be teljesen.

Cégünknek már van tapasztalata a Flat stílusú weboldalak készítésében, és szívesen segítünk egy lapos weboldal elkészítésében!

Ebben a cikkben kiemeljük a lapos kialakítás alapelveit, amelyeket követnie kell, ha a lakást szeretné projektje fő stílusaként használni.

Az alábbiakban elemezünk és példákat adunk néhány lapos stílust használó webhelyre.

1. Távolítsa el az összes effektust

A lapos kialakítás alapelve egy olyan kétdimenziós kép létrehozása, amely már önmagában is lapos. Ugyanakkor meg kell szabadulnia minden olyan elemtől, amely legalább némi mélységet adhat a képnek: színátmenetek, sima átmenetek, árnyékok, ferdék, hangerő, textúrák stb. A kép minden elemének kemény szélei vannak, és nem tűnnek ki, vagy nem rendelkeznek mélységgel a kép többi eleméhez képest.

A lapos kialakításban nem találsz olyan elemeket, amelyek megpróbálnak valósághűnek látszani (skeuomorfizmus), 3D animációt, valósághű ikonokat stb. Maga a dizájn azonban igyekszik a hagyományoshoz hasonló maradni, de most a címkék, a gombok és a navigáció kerülnek előtérbe.

Első pillantásra a lapos kialakítást használó webhely túl egyszerűnek tűnhet, bár valójában ezt a stílust az elemek világos hierarchiája, az összes felhasználói interakciós eszköz kényelmes elhelyezése jellemzi, és ezért magas a használhatósági aránya.

2. Egyszerű elemek használata

A lapos kivitelben kitűzött céljaik eléréséhez a tervezők gombokat és ikonokat használnak. A lehető legintuitívabbnak és kattinthatóbbnak kell lenniük. Mint minden más interfész elemnek, ezeknek is laposnak és egyszerűnek kell lenniük, további effektusok nélkül. A tervezők gyakran egyszerű geometriai formákat is használnak - téglalapokat, köröket és négyzeteket, így minden forma külön tárgy lehet.

3. Koncentráljunk a tipográfiára

Mivel az előző elv szerint a lapos kialakítású grafika egyszerű, rendkívül fontos elem a tipográfia - a feliratok tervezése. A lapos kivitelben a tipográfia kerül előtérbe a gombokkal együtt.

A betűtípusoknak olvashatónak kell lenniük, és természetesen összhangban kell lenniük a dizájnnal, mivel az egyszerű kialakításnál a rendkívül díszes betűtípusok nem fognak kinézni. Azonban ne használjon közönséges betűtípusokat, jobb kísérletezni, és kiválasztani azt, amelyik felkelti a felhasználó figyelmét.

Kombináció is szóba jöhet egyszerű betűtípus sans serif valamilyen új betűtípussal, amelyet művészeti elemként fog felfogni. A betűtípusoknak egyszerűbbé és áttekinthetőbbé kell tenniük a tervezést, míg a gombok és egyéb elemek csak az interaktivitás fokozását szolgálják.

4. Vonjuk fel a figyelmet színekkel

A lapos kialakításban szinte a szín játssza a fő szerepet. Ha figyelmesen tanulmányozza az ezen koncepció alapján létrehozott webhelyeket, az első dolog, ami felkelti a figyelmet, az élénk színpaletta. Általában több kontrasztos tiszta (árnyalatok nélküli) színből áll, kettő vagy három, bár ez a szám elérheti a nyolcat is. Sőt, ezeket a színeket általában egyformán használják.

A legnépszerűbb színek az elsődleges és a másodlagos színek. Vagyis az alapszínek (cián, bíbor, sárga, fekete) és a keverésük alapján kapott színek. Szintén nagyon gyakran retro színeket használnak a színsémában lapos kialakítás létrehozásakor, például lazac, lila stb.

5. Minimalizmus

A lapos kialakítás egyszerű, és jól illeszkedik a minimalista megközelítéshez.

A webhely általános kialakításánál kerülni kell a túl sok csengőt és sípot. Biztosan, egyszerű virágokés a szöveg nem biztos, hogy elég. Ezért, ha vizuális effektusokat szeretne hozzáadni, egyszerű fényképeket kell választania. Egyes kiskereskedelmi termékoldalak lapos kialakítást használnak, hogy termékeiket egyszerű, nem zavaró háttérre helyezzék.

Meg kell jegyezni, hogy egyes fényképek természetes mélységűek, de általában beleillik a teljes tervezési síkba

A lapos tervezés a következő évek tervezésének kulcsfontosságú iránya, ezért arra hívjuk Önt, hogy ismerje meg jobban és tanulja meg az alapját képező 5 alapelvet.

Bevezetés a lapos kialakításba

Oroszul a lapos kialakítást „lapos kialakításnak” fordítják, és abszolút kedvenc lett, miután az Apple bemutatta az iOS operációs rendszert. A hangsúly a használhatóság kialakításának minimalista megközelítésén volt. A hangsúly a felhasználói kényelemen van. Ez egy kifejezett tiltakozás a „squeformizmus” (a tárgyak valóságszerű megjelenítése) ellen. A választás az egyszerűbb és egyben egyszerűbb esztétikai megoldásokra esett. A valósághű vizualizációkba belefáradt felhasználók örömmel fogadták ezt az irányt, és egyre több webes projekt költözik ebbe a formátumba.

Szeretném megjegyezni, hogy a „lapos” nem azt jelenti, hogy „unalmas”. A lapos tervezési megoldások szépek lehetnek, kifinomultabbak, letisztultabbak, redundanciáktól mentesek, és a „nyugalom szigetévé” alakulnak át. Végre érthetővé teszik a tartalmat. Már csak az alapelvek elsajátítása van hátra a gyakorlati alkalmazásuk érdekében.

1. alapelv: Nincs szükségtelen hatás

A „lapos” dizájn nem törekszik a térfogatok közvetítésére, ezért a kétdimenziós vizualizáción alapul. Ez azt jelenti, hogy nem fog látni árnyékokat, tükröződéseket vagy textúrákkal rendelkező csúcspontokat (a hosszú árnyékok kivételével). Csak a kontúrok átvitele, és semmi több.

2. alapelv: minél egyszerűbb, annál jobb

Javasolt egyszótagú figurák használata a tervezésben, valamint a kontúrok tisztaságának figyelése, ami a könnyedséget és a súlytalanságot hivatott hangsúlyozni. Ezenkívül az ilyen lakonikus elemek jól utánozzák az érzékelőt, és vágyat keltenek a tárggyal való interakcióra (meghívás megnyomásra, érintésre). Az elemek egyszerűsége azonban nem egyenlő a tervezés egészének egyszerűségével - ez csak a körvonalakra vonatkozik. Ennek eredményeként minden, amit a felhasználó lát, világos számára, és könnyedén tudja használni.

3. alapelv: Tipográfia és jelentősége

A lapos kialakítás rendkívüli elővigyázatosságot igényel a betűtípusokkal való munka során. Vagyis karakterüknek ki kell egészítenie a tervezési sémát anélkül, hogy ellentmondana annak. Sőt, lapos kivitelben a betűtípus kulcsfontosságú navigációs elem is.

4. alapelv: Színes hangsúlyok

Nem csak a betűtípus, hanem a szín is elengedhetetlen része a „lapos” dizájnnak. A paletták túlnyomó többsége 2-3 színre épül, bár természetesen vannak kivételek. Általában gazdag és világos, de ugyanakkor tiszta színeket választanak. Mint már említettük, nincsenek színátmenetek vagy szükségtelen átmenetek.

5. alapelv: a minimalizmus választása

A lapos kialakítás feltűnő példája egy olyan globális trendnek, mint a minimalizmus. A tervezők elutasítják a szükségtelen csengőket és sípokat, eltávolodnak a vizualizáció összetett és implicit megközelítéseitől, ami a felhasználói tevékenység formájában meghozza gyümölcsét.

Lapos vagy majdnem lapos? Kompromisszumot keresünk!

Végezetül szeretném megjegyezni, hogy ma szinergia van a lapos és a nem lapos kialakítás között. „Majdnem lapos” kialakításról beszélünk. Ez a leírt koncepció legáltalánosabb alkalmazása, amikor az egyszerű és tömör elemekkel és a kétdimenziós térrel együtt a tervezők 1-2 technikát alkalmaznak a mélység és a perspektíva szempontjából.

Szintén trend volt 2017-ben a Semi Flat Design – félig lapos kivitel. Az anyagtervezés hatására egy kicsit térbelibbé vált. Világos árnyékok jelennek meg, amelyektől a minta félig laposnak tűnik. A lapos kialakítás ma is aktuális, az árnyékok miatt mélyebbé, összetettebbé vált, de az alapkoncepció nem sérül.