Funkcionális minimalizmus a webdesignban: előzmények, alkalmazási szabályok és legjobb gyakorlatok. Hogyan segítheti a minimalizmus a terveket José Esteban Basso

A TheNextWeb szerzőjének, Amber Lee Turnernek egy érdekes megjegyzését fordítottuk le Önnek, amely a lapos tervezés eredetéről, arról, hogyan változtatja meg a felületeket most, és mi vár a lapos stílusra a jövőben.

Ha kicsit is érdeklődik a grafikai tervezés iránt, akkor bizonyára hallott már a „lapos tervezés” kifejezésről. Ez az irány néhány évvel ezelőtt jelent meg először a weben, és a közelmúltban a lapos kialakítás fellendült és rendkívül népszerűvé vált a nagy cégeknek köszönhetően, amelyek elkezdték aktívan használni a lapos kialakítást.

De honnan jött ez a leglaposabb kialakítás? És miért nézzük az interneten? Mint minden a tervezésben, ennek a stílusnak a történetének ismerete segít megalapozottabb döntéseket hozni lapos kialakítás használatakor.

Vessünk egy pillantást arra, hogy mi az a lapos kialakítás, milyen múltbeli tervezési trendek befolyásolták, és megtudjuk, hogyan vált ilyen népszerűvé.

Mi az a lapos kialakítás?

Azoknak, akik nem ismerik a lapos kialakítás jelentését, tudniuk kell, hogy a lapos kialakítás olyan tervezési stílus, amelyben az elemek mentesek minden stílusjegytől, és nem úgy néznek ki, mint a valódi tárgyak megtestesülése (úgynevezett skeuomorfizmus).

Nem professzionális szempontból a lapos kialakítás mentes az olyan elemektől, mint a színátmenetek, árnyékok, textúrák, amelyek célja az elemek terjedelmesebbé és valósághűbbé tétele.

Ma úgy tűnik, hogy a tervezők nagyon vonzódnak a lapos dizájn felé, mert azt frissnek és modernnek tartják, és lehetővé teszi, hogy a legfontosabbra összpontosítson: a tartalomra és az üzenetre.

Mindenféle stilisztikától megszabadulva a tervezők tartósabbá teszik projektjeiket, és most a lapos kialakítás a leghelyesebb stratégia.

De ez nem jelenti azt, hogy más stílusokat egyáltalán nem vesznek figyelembe. Gyakran a lapos stílus ellentéte jelölésére a „gazdag design” kifejezést használják, amelyet sokféle díszítés - ferde, tükröződés, árnyék, színátmenet - jelenléte jellemez. A „gazdag dizájnt” arra használják, hogy a dolgokat „tapinthatóbbá”, felhasználóbarátabbá tegyék webhelyek böngészése és mobilalkalmazások használata során.

Fontos megérteni, hogy a „gazdag tervezés” nem azonos a szkeuomorfizmussal. A skeuomorfizmus bizonyos elemek fizikai analógjainak szándékos használatát jelenti (váltókapcsolók, gombok, bőrtextúrák stb.), hogy azok ismerősnek tűnjenek a felhasználók számára.

Honnan jött a lapos kialakítás?

A legtöbb, amit most az interneten vagy a digitális világban látunk, nyomtatott és művészi ősöktől származik. Bár nehéz megmondani, hogy pontosan mikor kezdődött a lapos dizájn korszaka, és hol van az eredete, a tervezésben és a művészetben több egyértelmű időszak is van, amelyekből a lapos stílus merített ihletet.

svájci stílusban

A Swiss Style (néha International Typographic Style néven is emlegetjük) az első lapos tervezési ihlet, ami eszünkbe jut, ezért érdemes közelebbről is szemügyre venni.

A svájci dizájn elsősorban a vezetőrácsok használatára, a sans-serif tipográfiára, valamint a tartalom és a design világos hierarchiájára összpontosít. Az 1940-es és 1950-es években a svájci dizájnt gyakran lehetett látni sok fényképen, mint design elemet.

A tipográfia a svájci stílus egyik kulcseleme, itt nem hagyhatjuk figyelmen kívül az 1957-ben Svájcban is megjelent Helvetica betűtípust, amelyet a mai napig aktívan használnak.

Érdekes látni, hogyan használták a lapos dizájnt már azelőtt, hogy a Microsoft és az Apple bevezette volna munkáikba és népszerűvé tette volna, mert a svájci stílus még a XX. század 20-as éveinek Németországban is nyomon követhető. Akkoriban nagyon népszerűvé vált, elemeit a híres német Bauhaus iskola is használta – a művészet szerelmesei nem fogják hazudni, hogy a Bauhaus nagy hangsúlyt fektet a tipográfiára, amiben sok a közös a svájci stílussal.

Minimalizmus

A lapos dizájnra a minimalizmus történetében is óriási hatást találhatunk. Manapság a "minimalizmus" kifejezést gyakran felcserélhetően használják a lapos kialakítással, de a minimalizmus már jóval a lapos formatervezés előtt létezett. A minimalizmusnak nagy hagyományai vannak az építészetben, a képzőművészetben és a designban.

A minimalizmusnak gazdag története van, és sok különböző művészeti formát ölel fel, de ahol ma a lapos kialakítás a domináns, ott gyakran minimalista elemeket használnak. A lapos kialakításban a minimalizmus olyan elemeit is használják, mint a szigorú geometriai formák, élénk színek, tiszta vonalak.

Az egyik leghíresebb minimalista műalkotás Yves Klein kékkori festménye:

Nyugodtan kijelenthetjük, hogy a svájci stílus és a minimalizmus keveréke nagyban befolyásolta a lapos dizájnt és a digitális világ modern megjelenését.

A lapos dizájn korszaka a Microsofttól és az Apple-től

A történelem ismétli önmagát, és ugyanez igaz a lapos kialakításra is. Mint fentebb megtudtuk, lapos elemeket már a XX. század 20-as éveiben is lehetett találni.

Jó néhány magányos tervező dolgozott lapos dizájnnal, de a Microsoft és az Apple tette annyira népszerűvé. Nos, beszéljünk róluk.

A Microsoft és a Metro felület

A Microsoft már jóval a Metro interfész bevezetése előtt elkezdett lapos kialakítással dolgozni. A 2000-es évek közepén a Microsoft kiadta az iPod versenytársát, a Zune-t (biztos vagyok benne, hogy néhányan még emlékeznek erre a névre – a szerk. megjegyzése).


Ugyanaz a Zune a Microsofttól – nézd meg a felületet, emlékeztet valamire?

A Zune megjelenésével egy egyedi tervezési stílus jelent meg, amelyben a hangsúlyt a nagy tipográfiára helyezték. A Zune szoftver kialakítása nagyon különbözött az akkori legtöbb Microsoft szoftvertől. A Windows Phone 7 ugyanis csak 2010 végén jelent meg, ennek a mobil operációs rendszernek a tervezése pedig sokat vett a Zune szoftveres felületéből. Nagy és világos formák vezetőrácsok, sans-serif tipográfia (groteszk), lapos ikonok alapján.

A Microsoft hamarosan Metronak fogja hívni ezt a felületet

Ez a kialakítás annyira népszerűvé vált, hogy a Microsoft kiadta a Windows 8 asztali operációs rendszert, amely a Metro felületen alapul. Letisztult négyzet alakú formák, hangsúly a tipográfián, élénk színek – mindez a személyi számítógépekre is áttelepült. Szinte minden Microsoft-termékben ugyanazt a felületet használják, beleértve az Xbox 360-at is.

Hogyan rázta fel az Apple a szkeuomorfizmust

Annak ellenére, hogy a Microsoft már régóta dolgozik lapos felületen, az Apple-nek is volt egy trükkje a tarsolyában. Az Apple először kissé utalt arra, hogy felhagy a skeuomorfizmussal, és az iOS 7 2013 júniusi bejelentésével világossá vált, hogy a cupertinóiak elhatározták, hogy lapos dizájnt alkalmaznak.

Mivel az Apple-nek akkoriban sok híve volt, a „lapos” iOS 7 megjelenése minden eddiginél népszerűbbé tette ezt a stílust. Ez pedig rendkívül rövid idő alatt megtörtént (értsd: gyors átállás iOS 6-ról iOS 7-re – a szerk.).

Az Apple dizájnesztétikája nagyban befolyásolta a mobilalkalmazások és weboldalak tervezését, mivel a legtöbb tervező végre ezt a stílust tartja a legmodernebbnek és legmegfelelőbbnek. Amikor az Apple lapos stílusra váltott, a skeuomorfizmus azonnal elavulttá vált, és rengeteg webhely és alkalmazás sürgősen újratervezésre szorult.

Ez jól látható azokon a mobilalkalmazásokon, amelyek komolyan megváltoztatták a dizájnt és a felületet, hogy megfeleljenek az iOS 7 szabványainak. Ez lehetővé tette a felhasználók számára, hogy viszonylag gyorsan hozzászokjanak a lapos iOS 7-hez.

Adaptív kialakítás

Azt is érdemes megjegyezni, hogy az egyik ok, amiért a lapos kialakítás olyan népszerűvé vált, az úgynevezett „reszponzív dizájn”. Az internetes technológiák fejlődésével a különféle eszközök felhasználói hozzáfértek a hálózathoz - és mindenekelőtt mobil eszközökről. Ez arra kényszerítette a tervezőket, hogy reszponzív tervezést alkalmazzanak, hogy a webhelyek egyformán jól nézzenek ki teljes értékű számítógépeken, valamint okostelefonokon és táblagépeken. A tervezők pedig sok „lapos” elemet használtak reszponzív weboldalak tervezése során.

A lapos stílus lehetővé teszi a webdesign hatékonyabbá tételét. A felesleges felületelemek nélkül az oldalak gyorsabban betöltődnek, így a felhasználónak lehetősége nyílik a tartalomra koncentrálni.

Jól illeszkedik a mobileszközök képernyőfelbontásának növekedési trendjéhez is. Sokkal egyszerűbb letisztult és egyszerű formákat és tipográfiát megjeleníteni, mint minden alkalommal nehéz képeket betölteni, amelyek különböző képernyőfelbontásokon másképp néznek ki.

A lapos tervezés jövője

Természetesen nincs olyan üveggolyónk, amely megjósolja a jövőt, de az teljesen egyértelmű, hogy a lapos dizájn, mint minden más, nem örök, és később más stílus váltja fel. Végül is a lapos kialakításnak vannak nyilvánvaló hibái, és a tervezők továbbra is kísérleteznek, ami végül egy új domináns stílus kialakulásához vezet, amely a lapos kialakítást a mély múltban hagyja.

Ezzel kapcsolatban érdekes látni, hogy jelenleg milyen tervezési munkák zajlanak a Google-nál. Egyrészt sok lapos elem van az alkalmazásaikban, de a Google a skeuomorfizmus sok elemét sem hagyta el – például továbbra is használnak árnyékokat. Úgy tűnik, a "jó vállalata" minden stílusból a legjobbat akarja kihozni, és saját, egyedi stílust szeretne kialakítani.

Manapság a lapos dizájnt izgalmas divatirányzatnak tekintik, és ez minden bizonnyal fontos mérföldkő a design történetében. De ne felejtsük el, hogy a lapos kialakítás sok szempontból csak a svájci stílus és a minimalizmus reinkarnációja az új digitális világban.

Valószínűleg hallottad már itt-ott a „minimalizmus” kifejezést, főleg az elmúlt években, de mi is ez valójában, és hogyan hozhatjuk ki belőle a legtöbbet?

A minimalizmus úgy írható le, mint az összes szükségtelen elem eltávolítása, és arra összpontosít, amire szükség van. Mint ilyen, a minimalizmus vonzza a sikert.

Míg a minimalizmus kívülről gyakran egyszerű, sok gondolkodás, gyakorlás és idő kell egy minimalista tárgy létrehozásához és megtervezéséhez. Tehát itt van néhány módja a minimalizmus használatának.

1. Legyen következetes

A minimalista logó hihetetlenül hasznos lehet a márkaidentitás kialakításában. Példaként használja Simon McWhinney lécet. Azáltal, hogy a logót nagyon egyszerű, a színpalettát pedig minimalizálják, a dizájn kellően rugalmassá válik ahhoz, hogy minden márkás médiában zökkenőmentesen használható legyen, így egy tapasztalt és nagyon emlékezetes márka jön létre.

2. Fedezze fel a rejtett kapcsolatokat


A minimalizmus használata nem jelenti azt, hogy a tervezésnek egy kicsit kevésbé kell kreatívnak lennie. Valójában, ha nem ragadt meg a részletekben, gyakran lehetősége nyílik arra, hogy felfedezze és eljátsszon a dizájnban rejtőző okos kapcsolatokat. Nézze meg az Interband által az Ausztrál Opera számára készített márkajelzést, a minimalista dizájn az „OPERA”, „OPERA AUSTRALIA” és „OZ OPERA” szavak jól átgondolt kapcsolatát vizsgálta.

3. Játssz a térbeli kapcsolatokkal

A minimalizmus lehetővé teszi, hogy olyan perspektívából lássa a tervben lévő térbeli kapcsolatokat, amelyeket korábban nem látott. Fontolja meg, hogy a design hogyan kölcsönhatásba lép más elemekkel, hogy kiterjedtebb dizájnt hozzon létre, mint például a Trevor Finnegan által összeállított névjegykártyák.

4. Légy okos

A minimalizmus nem a szemléltető elemek hiányát jelenti, hanem azt, hogy gondosan meg kell választani, hogy mikor és hol használjuk őket. Ha olyan szemléltető elemekkel dolgozik, amelyek egy cégnevet logóvá varázsolnak, hasonlóan ahhoz, amit a Frame Creative csinált ezzel a márkajelzéssel, nagyon vizuális és egyben nagyon minimalista dizájnt hozhat létre.

5. Használja a Precision funkciót

A minimalizmus gyakran arról szól, hogy levetkőzzünk minden felesleges dolgot, és a kommunikációra összpontosítunk. Vessen egy pillantást arra, hogyan készülnek ezek a Jake Frey névjegykártyák, amelyek szépen és pontosan jelenítik meg elérhetőségeit anélkül, hogy feltűnő látványra lenne szükség.

6. Használjon moduláris rácsot

Amint azt már tudod, a rácsok nagyon hasznosak (egyesek azt mondhatják, hogy létfontosságúak) sokféle mintánál, és ez különösen igaz a minimalizmusra. Ha a tervében nincs túl sok elem, ez egy jó lehetőség, hogy kijátsszon a moduláris rácsával. Vegye figyelembe a Jessica Giboine által készített élvonalbeli dizájnt, amely rácsos elrendezést használ a szigorúan másolt szövegtömbök fejlécekkel és grafikákkal ellátott érzetének megteremtésére, így tiszta, egyszerű és hatékony designt hoz létre.

7. Legyünk funkcionálisak

A minimalizmus nagyszerű lehet a funkcionalitás szempontjából. A letisztult, áttekinthető és nem túlzsúfolt kialakítás megkönnyíti a navigációt, ahogy az James Cape tartalomoldalának kialakításában is megtörténik. A minimalista dizájn és az egyértelmű tipográfiai hierarchia gyorssá, egyszerűvé és funkcionálissá teszi az oldal tartalmában való navigálást.

8. Találd meg az egyensúlyodat

A vizuális elemek, például a fotók és a tipográfiai elemek közötti kapcsolat fontos a helyes megoldáshoz. A jó tervezés gyakran biztosítja, hogy egyetlen elem se nyomjon túl egy másikat alapos ok nélkül. A Mother Design e példabejegyzésében az egyszerűbb fényképeket nagy, informatív mennyiségű szöveggel, míg a testes, nagy képeket kis szövegtömbökkel párosítják, egyensúlyt és harmóniát teremtve az oldalak között.

9. Megszegni néhány szabályt

Mint már említettük, a minimalizmus konkrét lehetőséget ad arra, hogy olyan módon kísérletezzen a tervezéssel, amit korábban talán észre sem vett volna, és ez néha azt jelenti, hogy kissé megszegi a szabályokat. Vegyük ezt a fehér rabbi logóját példaként, a logó felét fejjel lefelé mutatva kissé felháborító döntés, olyat alkot, ami más példában olvashatatlannak tűnhet. De a márka hihetetlen egyszerűségének és minimalista jellegének köszönhetően ez az őrült megoldás nagyon jól működik vizuális elemként.

10. Képzeld el a betűtípust


A betűtípus fontos fegyver, amelyet szem előtt kell tartani, különösen, ha minimalizmusról van szó. Vizuális elemként működhet, különösen, ha kissé módosították a helyzethez igazodva, például az olasz Vogue nyílt lapján. Ha a betűtípust vízfodrokhoz hasonlítja, az erős vizuális hatást hoz létre bármilyen kép használata nélkül, miközben a végső dizájn egyszerű és letisztult marad.

11. A fehér tér a megfelelő hely

A fehér tér, más néven "negatív tér" néha üres papírterületnek tűnhet, de ez nem teljesen igaz! Megfelelő használat esetén a szóközök segíthet egyensúlyban tartani a designt, megszüntetni a rendetlenséget, és elősegíti a levegőt. Vessen egy pillantást erre a Studioahamed könyvtervezési példájára, ahol a fehér tér ötletét vették alapul, és maximálisan kihasználták, ami egy klasszikus minimalista dizájnt eredményezett.

12. Fedezze fel a lehetőségeit

Mi lehetne minimálosabb egy teljesen fehér palettánál? A dizájnnak nem kell korlátozódnia a monitor képernyőjére, és ha a termék nyomtatásba kerülésekor használod, egyedi ízt adhatsz neki, és kitűnhet a többi közül. A szövegnyomtatási vagy dombornyomásos hatások figyelembevételével nyomtatott anyaga kiegészítheti és kiemelheti a minimalista dizájnt, amint azt Adam Buente példája is mutatja.

13. Textúra

A minimalizmus tanulmányozása során könnyen belátható, hogy a minimalizmushoz általában a lapos nyomtatást kell használni, de ez nem szigorú követelmény. Ha textúrát ad a dizájnhoz, az mélységet és hatékonyságot adhat vágyainak anélkül, hogy túlzásba vinné a minimalizmust. A textúra határozottan jól működik, ha letisztult, nyugodt színekkel van kiegyensúlyozva, akárcsak a fenti webhely/branding példa a Watts Design-tól, amely a textúra egyensúlyát egyszerű fényképezéssel és márkaépítéssel egy nagyon hatékony dizájn létrehozásához használja.

14. Gondolkozz a dobozon kívül

A szó szoros értelmében. A minimalizmus lehetővé teszi, hogy játékosabb legyen az elemek elrendezése és kompozíciója, amint azt Gregmadeit bejegyzése mutatja. A típus elhelyezése az oldalszegélyen egyedülálló, szemet gyönyörködtető hatást hoz létre anélkül, hogy veszélyeztetné a szöveg olvashatóságát.

15. Légy nyitott

Ha van néhány megvilágított "harc azért, hogy lássanak" eleme van, sokkal nyitottabbnak kell lennie az üzenetével és általában a kommunikációjával. Ez különösen igaz a webdizájnra, amikor mindannyian elmegyünk és böngészünk az oldalakat, egy egyszerű üzenet cselekvési útmutatóval, ahogy az a Nine Sixty honlapján is látható, segít az olvasónak képet adni arról, kik is ők. neked ugyanabban a pillanatban..

16. Mérleg használata

A minimalizmus használatakor pontosan meg kell mondani, hogy a közönség szeme először mire fog összpontosítani, és ennek egyik módja a méretarány. Nézze meg a Szombats Magazin terjedelmes elemeit, rögtön a legnagyobb elemre ugrik a szem: a jobb oldalon lévő idézet, majd a fotó, majd a szöveg. Egy egyszerű kialakítás, amely csak méretre szabható, segít meghatározni a megfelelő olvasási sorrendet a közönség számára.

17. Nem minden fekete-fehér

Sokan úgy vélik, hogy a monokromatikus színpaletták csak a minimalizmusban használatosak, de ez nem teljesen igaz. A színek segítségével tetszetős dizájnt hozhat létre anélkül, hogy túlzásba esne, amíg a paletta nagyon kicsi (1-3 szín a legjobb). Nézze meg Moruba példáját, ahol az élénksárga szín és az éles fekete-fehér logó együttesen alkot egy igazán sikeres és feltűnő (de még mindig minimalista) dizájnt.

18. Légy mobil

A minimalista dizájn valóban hozzájárulhat ötletei gördülékenyebbé tételéhez, különösen gyakorlati szempontból. Például ez a Buro Ufho márkajelzés egy egyszerű logóból áll, serif betűtípussal és két blokk színes kitöltéssel. Ez a figyelemre méltó márkajelzés nagyfokú rugalmassággal rendelkezik a színpalettán belül; Az átlós blokkok színe könnyen megváltoztatható anélkül, hogy elveszítené a jellegzetes tulajdonságokat, mindezt az egyszerű, mégis egyedi minimalista dizájnnak köszönhetően.

19. Használj szimbolikát

A minimalizmus jó alkalom arra, hogy terveivel felfedezze a szimbolizmus mélységét. Próbálj meg gondolkodni a tárgyon, a hozzá kapcsolódó dolgokon, hogy mire készült a tárgy. Például Jennifer Carrow terve a modern „A boldogság ellen” című könyv borítójához. A betűtípus szomorú arc szimbólummá alakításával intelligens és emlékezetes dizájnt kapunk.

20. Ikonográfia

Az ikonok hasznos kis ikonok, amelyeket a legtöbben mindennap használunk, az alkalmazásikonoktól a számítógép tálcáján lévő ikonokig. Az ikonok nagyon hatékonyan használhatók a minimalista világban. Javíthatják a hozzáférhetőséget, csökkenthetik az oldalon található szövegek vagy betűtípusok mennyiségét, és segíthetnek más felhasználóknak abban, hogy vizuálisan érzékeljék a designt. Vessen egy pillantást arra, hogy a Spab Rice ezen webhelye hogyan használ ikonokat az oldalon a navigáció elősegítésére és a tartalom magyarázatára.

21. Gondolkozz tipográfiailag

A kevesebb több, különösen, ha minimalista tipográfiáról van szó. 1-3 betűtípus használata a legjobb esélye a minimalista és funkcionális dizájn kialakítására, akárcsak a Kalpaki példa. A hátterek minimális használata és a betűtípusok mérsékelt használata javítja az olvashatóságot

22. Kis változtatások. Nagy jutalom

A minimalizmus szépsége valójában abban rejlik, hogy a kis változtatások nagy változást hozhatnak. Vegyük például a The Pines logóját. Az egyszerű groteszk betűtípus mindössze két csíkkal kombinálva kicsi, de gyönyörű vizuális hatást hoz létre, amely nem rontja el a logó eredetiségét vagy minimalizmusát.

23. Fókusz

Ne felejtse el, miért kezdett el tervezni: a tartalom. A minimalizmus rendkívül jól működik, ha a tartalmat egyszerű kivitelben jeleníti meg, lehetővé téve, hogy a néző figyelme azonnal az oldal tartalmára irányuljon, ne pedig annak megjelenésére. Tekintse meg, hogyan tartja Darrin Higgins minimalista weboldal-tervezése a tartalmat a fókuszban.

24. Kontraszt

A sok kontrasztot tartalmazó dizájn előtérbe helyezi a látványt és a tartalmat, és könnyen áttekinthető megjelenést biztosít. Ebben a példában, egy Mads Burcharth által készített oldalon, az oldal fekete háttere ellentétben áll a tartalomképek gazdag színével, egyszerű, mégis elbűvölő dizájnt hozva létre.

25. Tervezés a jövő számára

A minimalizmus létfontosságú eleme lehet a tervezésnek, mivel megvan benne a halhatatlanság lehetősége. Minél kevesebb elemet tartalmaz a design, annál kevésbé valószínű, hogy kimennek a divatból vagy elavulnak. Ennek híres és tökéletes példája a Google. Tekintse meg a Google-oldal 10 évvel ezelőtti és mai képernyőképeit. Az apró változtatások, a szóközök, a tartalomra való összpontosítás és a weboldal minimalizmusa időtállóvá teszi ezt a dizájnt.

Összefoglalva, a minimalizmus nem egy szükséges esztétikai elem vagy stílus, amelyet újrateremthet, hanem az, ahogyan Ön a tervezésről gondolkodik.

A tipográfiában próbálja meg korlátozni a betűtípusok használatát, hogy egységesebb és kevésbé zavaró designt hozzon létre. A jobb olvashatóság érdekében ügyeljen a függőleges és a lapelrendezés használatára.

A színek nyelvén használjon monokromatikus sémákat minden formában, de ne érezze, hogy korlátozzák őket. Bizonyos helyzetekben, ha itt-ott színt ad hozzá, az valóban segíthet kiemelni a tervezés főbb pontjait, és a fontos elemekre fókuszálni.

Végül próbáld meg eldönteni, hogy mi maradhat ki, egy szín a palettádról vagy egy kép a kompozíciódból. Döntsd el, mit lehet rövidíteni, mit lehet lecserélni valami tömörebbre. Csak töröljön annyit, amennyit csak tud, amíg az igazán szükséges meg nem marad.

Mi a teendő, ha olyan szűk a folyosója, hogy nem fér el oda egy szekrény, komód vagy akár egy cipőtartó? Természetesen elfogadhatod és kihasználatlanul hagyhatod a teret, vagy egy kis fantáziát mutatva játszhatsz a fal formájával, színével, valamiféle funkcionális térré varázsolva azt.

Tehát szükségünk van arra, hogy a folyosó szép legyen, és egyszerre funkcionális legyen. Nem könnyű feladat, de van fantáziánk!

A nálunk lévő üres fal kiváló anyag a munkához. Elég kreatív pillantást vetni a tértervezés problémájára. Először is több részre kell osztanunk. Ezt megtehetjük szín, fény, valamint különféle akasztók és kampók segítségével. Ugyanakkor használhat nem szabványos akasztókat, például a képen látható módon, használjon fekete-fehér rajzokkal ellátott festményeket, amelyekre rögzítheti a ruhák kampóit. Lenyűgözőnek és nagyon funkcionálisnak tűnik. Minimalista kialakításunkban jobb, ha a fekete-fehér színeket részesítjük előnyben, mert ideális kis helyekre.

A fotóakasztók formájában lévő vízszintes csík lesz a fő díszítőelemünk, és a tervezésünk fő iránymutatója. A folyosó közepén érdemes kialakítani a főmélyedést, amelyre a fő keretet fotóval vagy LCD-monitorral felakaszthatjuk. A fényképcsík alatt szimmetrikusan elhelyezhet polcokat, amelyekre különféle apróságokat helyezünk el. A polcok alatt pedig stílusos cipős dobozokat helyezhet el.

Folyosónk jó dizájnelemei lesznek az ajtó mellé akasztható mágnestáblák. Kulcsokat hagyhat rajtuk, valamint emlékeztetőket csatolhat fontos dátumokról vagy esetekről.

Belső terünk kiváló kiegészítői lehetnek a fémcsövek formájában készült elektromos lámpák. Nemcsak további fényt adnak a folyosón, hanem függőlegesen is behatárolhatják a teret, ami egyedi hangulatot kölcsönöz a belső térnek.

Ez a dizájn az egyszerűség és a modernitás minden szerelmesének tetszeni fog. Azonban tetszés szerint javítható, mutasson egy kis fantáziát, kísérletezzen a részletekkel és színekkel, és készítse el saját tervezési remekét a folyosón.

PR: Várj... L: Várj... CY: Várj...

A minimalizmus mint művészeti stílus a múlt század 60-as éveiben keletkezett. Amerika lett a hazája. A minimalizmus fő jellemzői a kifejezési formák egyszerűsége, valamint a szó szerinti, objektív megközelítés.

A "minimalizmus" kifejezést Richard Walheim brit filozófus és művészeti kritikus alkotta meg. Ezt az irányt emelte ki, olyan művészek munkáit elemezve, akik alkotásaikban a legkevésbé avatkoznak be az őket körülvevő világba.

A minimalizmus eredete olyan mozgalmakban rejlik, mint a pop art és a szuprematizmus. Az irány alakulását K. Malevich munkássága és a Bauhaus iskola irányzatai is befolyásolták.

Főbb jellemzői

A minimalizmus fokozatosan eltávolodott minden más festészeti stílustól. Ennek eredményeként alakultak ki főbb jellemzői. Ez elsősorban a színek kifejezőképessége, valamint a simaság és a geometrikusság.

Az orosz konstruktivizmus az iránta megnövekedett érdeklődés nyomán arra ösztönzi a művészeket, hogy széles körben használjanak ipari anyagokat elképzeléseik kifejezésére. A festői alkotásokat gyakran az aszimmetria, a különféle geometriai formák ismétlődése jellemzi. A kép tere általában egyszerű és terheletlen.

A szín a minimalizmusban a tér zónázásának feladatát látja el, és nem érzelmeket fejez ki vagy hangulatot közvetít. A flow-ra jellemző a szubjektivitás és a realizmus hiánya is: a művész arra törekszik, hogy a néző önállóan érzékelje a tárgyat.

A szükséges megtagadása a legszükségesebb javára

A minimalizmus másik jellemzője a művészet demisztifikációjának vágya, hogy felfedje, mi az alapvető alapja.

A minimalisták élén a forma áll, amellyel a színmélységet közvetítik. A festmények cselekményei tele vannak metaforákkal és szimbólumokkal. A festők nem szabványos módon közvetítik az érzelmeket: ehhez vonalakat és különféle geometriai formákat használnak. Emellett a minimalisták munkái is hordoznak valamilyen szubtextust, gyakran éles társadalmi jelentőséggel bírnak.

Minimalista művészek

Az amerikai posztfestői absztrakt művész, Frank Stella (szül. 1936) elsősorban New Yorkban élt, ahol rajzolóként és grafikusként kezdte.

1959-1960 között Stella "Fekete festmények" sorozata jelent meg. Ahogy a név is sugallja, a fekete vonalak dominanciája volt a festmények ismertetőjele.

A művész kreatív felfutását a New York-i galéria tulajdonosa, Leo Castelli vette észre, aki felismerte a mester zsenialitását, és festményeit otthon is kiállította.

A Fekete festményeket az Alumíniumfestmények, majd a Rézfestmények követték. A szörnyű történelmi események emlékére a „Lengyel falvak” című műciklus készül.

Frank Stella: "Azt látod, amit látsz"

Stella munkáiban a feketét részesítette előnyben, mint domináns színt, és általában a monokróm felé húzódott, de néha eltért a hagyományaitól, majd olyan alkotások születtek, mint a Koncentrikus négyzetek ciklusban, amelyben megjelent a polikrómia és a dombormű.

Frank Stella megkapta a US National Medal of the Arts-t és a Nemzetközi Szobrászati ​​Központ életműdíját.

Ellsworth Kelly (1923-2015) amerikai festő és szobrász, a minimalizmus, a kemény él- és színmezőfestészet egyik fő képviselője.

Kelly munkáját kivételes letisztultság és egyszerűség jellemzi. A geometriai felületek tiszta absztrakt kontúrjai intenzív színben készülnek.

A hatvanas évek végén szobrászként dolgozott, később a fémet kezdte alkalmazni munkáiban. A művész munkáiban számos alkotás található a pop art és a szürrealizmus műfajában.

" Nem akarok embereket rajzolni. Olyat szeretnék rajzolni, amit még soha nem láttam."

Ellsworth Kelly 2015. december 27-én halt meg, 92 évesen. Megkapta a US National Medal of Arts kitüntetést.

A spanyol művész, Anton Lamasares (sz. 1954) szándékosan primitív formában fejezte ki gondolatait műveiben.

Törülközőhiány miatt fát, bordás kartont, csomagolóanyagot, lakkot használt. Így alakult ki személyes művészi stílusa, amely felkeltette a kritikusok figyelmét. Kezdetben szerette az expresszionizmust, később egyfajta minimalizmussá fejlődött.

19 évesen először vett részt a vigói Praza da Princesa-ban rendezett fiatal művészek kiállításán. Azóta rengeteg alkalommal rendeztek kiállításokat a világ különböző országaiban.

A művész munkáit számos neves kulturális intézményben őrzik, mint például a Reina Sofia Művészeti Központban, a Galíciai Modern Művészeti Központban, a Madridi Modern Művészeti Múzeumban és a japán Marugami Hirai Múzeumban, valamint számos magángyűjteményben és alapítványban.

Jose Esteban Basso

chilei művész Jose Basso a minimalizmus mércéjének nevezhető. A művész maga "rituális festészet"-nek nevezi stílusát. Festményei lakonikusak, visszafogottak és tömörek, lehetővé téve az ellazulást, kikapcsolódást, anélkül, hogy a látottakra gondolna. Minimális tárgy, tiszta színek, semmi részlet, nincs textúra, csak a kimerevített végtelen….

A mester munkái csak pozitív érzelmeket váltanak ki, fénnyel és melegséggel töltik el a nézőt, és lehetővé teszik a könnyedség és az egyszerűség élvezetét, nyugodtan meditálhat előttük.

A művész a festészeten kívül fotózással és számítógépes grafikával is foglalkozik, és természetesen mindezekre a munkákra a visszafogottság és a lakonizmus is jellemző.

Flow evolúció

Fokozatosan kifejlesztette a minimalizmus olyan területeit, mint a neominimalizmus és a posztminimalizmus. Az elsőt pontatlanság, homályosság jellemzi, a második képviselőit pedig az különbözteti meg, hogy nem annyira magát a gondolatot kívánják közvetíteni, hanem az ilyen közvetítés módszerére összpontosítani.

A minimalizmus célja

Ennek az iránynak a jelentősége a művészetben az akadémizmus és a dogmatizmus elleni küzdelemben, az egyszerűség iránti vágyban, a mindenféle túlzás teljes elutasításában rejlik a jelentésmélység javára. Ennek érdekében a művészek felülvizsgálják a meglévő kánonokat, feladják a régi szabályokat a színközvetítés új ötletei mellett, és geometriai formák képeit is használják.

A mai minimalizmus

Korunkban a minimalizmus ötletei behatoltak a különböző iparágakba, például a belsőépítészetbe, a tájtervezésbe, a divattervezésbe stb. Ezenkívül a minimalizmus nem kerülte meg az információs technológiákat, például a webdesignt és a szoftvereket (szoftverfelületek fejlesztése). Elég gyakran láthatjuk a minimalizmus hatásának eredményeit a műszaki megoldások fejlesztésében, például az autóiparban, a háztartási és mérnöki berendezésekben.

Falfestési munkáink során műtermünk is időnként a minimalizmus elveit alkalmazza.

A grafikai tervezés minimalizmusa a kompozíció leegyszerűsítése, egy fontos részlet hangsúlyozása.

Semmi felesleges és sok üres hely. Az ebben a stílusban készült alkotások alapvetően 1-2 színt és ezeknek a színeknek több árnyalatát alkalmazzák. Az átlátszó betűtípus nem visel vizuális terhelést, és legfeljebb 2-3 betűtípust használ.

"Gyorsabban, mint gondolnád" (Gyorsabb, mint gondolnád)

A felhasználóbarát és vonzó weboldal a modern webdizájn alapszabálya. A jó eredmény elérése lehetővé teszi a minimalizmus elveinek alkalmazását.

Ebben a cikkben elmagyarázzuk a minimalizmust a webdizájnban, hogyan kell helyesen alkalmazni, mit kell figyelembe venni a minimalista felületek tervezésekor, és azt is elmagyarázzuk, miért néha „a kevesebb több”.

Minimal Design: A Brief History

Egyes webtervezők tévesen a minimalizmust elsősorban esztétikai választásnak tekintik. Hogy elkerüljük ezt a csapdát, tisztázzuk ennek a mozgalomnak a gyökereit.

Annak ellenére, hogy ez egy meglehetősen új trend a tervezésben, fő ötletei már régóta léteznek. A minimalista dizájnról azonnal a hagyományos japán kultúra jut eszünkbe, amely értékeli az egyensúlyt és az egyszerűséget. A japán építészet, belsőépítészet, művészet és grafikai tervezés a minimalizmust testesíti meg.

"Győzelmes szél. Tiszta nap” címmel, Katsushiki Hokusai japán művész (1830). Az egyszerű színek használata a nyugalom érzetét kelti

Nyugati mozgalomként a minimalizmus a 20. század elején kezdődött. A modern anyagok, például az üveg és acél bevezetésének hatására sok építész kezdett minimalista dizájnokat beépíteni épületeibe. Ludwig Mies van der Rohe német-amerikai építész a minimalista mozgalom egyik úttörője volt. Az ő nevéhez fűződik a „kevesebb több” kifejezés első alkalmazása az építészeti tervezésben.

A barcelonai német pavilon, amelyet Ludwig Mies van der Rohe tervezett 1929-ben

A „kevesebb, annál jobb” koncepció az építészetről más művészetek és iparágak irányába költözött: belsőépítészeti és ipari formatervezés, festészet és zene. A minimalizmus látványtervezési irányzatként az 1960-as években vált népszerűvé, amikor a művészek a geometrikus absztrakció felé mozdultak el a festészetben és a szobrászatban. A művészeti irányzat a Bauhaus iskolához kötődő alkotásokban talált kifejezésre. Az egyik híres minimalista művész, aki befolyásolta a mozgalmat, Donald Judd volt, akinek alkotásai tele vannak egyszerű formákkal és színkombinációkkal.

A képzőművészet különböző területein a minimalizmus alapelve csak a funkció lényegi részét hagyta meg a címzett figyelmének összpontosítására, valamint az általános elegancia fokozására. Ahogy Donald Judd mondta: Forma, térfogat, szín, felület – ez már önmagában valami. Nem rejthető el egy teljesen más egész részeként. A formák és az anyagok nem változhatnak a kontextusuktól függően».

Judd munkáiban autonómiát és egyértelműséget keresett a megkonstruált objektum és az általa létrehozott tér számára.

Mi az a "minimalista webdesign"?

Manapság a minimalizmus a modern webdizájn erőteljes technikájaként jelenik meg. A tervezés egyre bonyolultabbá váló tendenciájára reagálva vált népszerűvé. A vizuális összetettség bizonyítottan befolyásolja a webhely felhasználói élményét: minél több elemet tartalmaz egy terv, annál összetettebbnek tűnik a felhasználó számára. Helyesen alkalmazva a minimalizmus segíthet abban, hogy tervezéseinket a felhasználói feladatok egyszerűsítésére összpontosítsuk. Az EyeQuant tanulmánya szerint a tiszta tervezés alacsonyabb visszafordulási arányt eredményez. A minimalizmus további előnyöket hozott a webhelyek számára, például gyorsabb betöltési időt és jobb kompatibilitást a különböző képernyőméretekkel.

A webdesign minimalizmusának talán egyik leghíresebb példája a Google Search. A Google az 1990-es évek béta-kínálata óta kiemelten kezeli felületeinek egyszerűségét. A kezdőlap teljes egészében egy központi kereső funkció köré épült. Minden, ami nem működik a márkaépítéshez, eltávolításra kerül.

A Google főoldala nem sokat változott 15 év alatt.

Az egyszerűség elve ahhoz a tévhithez vezethet, hogy a minimalizmust nem nehéz megvalósítani, de valójában sokkal többet jelent, mint "kevesebbet". Határozzuk meg a minimalizmus jellemzőit.

Csak fontos

A webdesign minimalista stratégiája a felületek egyszerűsítése a felhasználói feladatokat nem támogató elemek és tartalmak eltávolításával. Egy igazán minimalista felület létrehozásához a tervezőnek szigorúan el kell rendeznie az elemeket, csak a legfontosabbakat kell megjelenítenie, és el kell dobnia mindent, ami elvonja a felhasználók figyelmét a fő dologról (például a felesleges díszítéseket). A terv minden elemének, legyen az kép vagy szöveg, célja van; nem szabad használni, hacsak nem ad egyértelműbbé az üzenetet.

Ugyanakkor ügyeljen arra, hogy a felesleges tartalom eltávolításával vagy elrejtésével ne zavarja az alapvető felhasználói feladatokat. Az ötlet az, hogy az üzenetet világosabbá tegyük, nem pedig rejtettebbé. Tehát tervezzen a tartalom köré, és hagyjon elegendő látható elemet (például a fő navigációt), hogy a felhasználók ne tévedjenek el.

negatív tér

Nem meglepő módon a minimalizmus leggyakoribb eleme az elemek hiánya. A negatív, vagy fehér tér (Negative/White Space) a minimalizmus megkülönböztető jegye, ez adja a hatás erejét. A negatív tér egyszerűen üres tér a vizuális elemek között. A szóközök nagyobb hangsúlyt fektetnek a jelenlévő elemekre. A japán kultúrában létezik egy „ma-elv”: a tárgyak közötti teret e tárgyak értékének hangsúlyozásának eszközeként érzékelik.

Míg a negatív teret gyakran fehérnek nevezik, ennek nem kell ilyen színűnek lennie. Egyes webhelyek színes hátteret használnak.

A legtöbb ember fejében a minimalizmushoz kapcsolódó fő dizájnelem a negatív tér.

Vizuális jellemzők

A minimalista dizájnban minden részlet számít. Nagyon fontos, hogy mit választasz.

lapos textúra

A minimalizmus gyakran lapos textúrákhoz, ikonokhoz és grafikai elemekhez folyamodik. A lapos felületek nem használnak nyilvánvaló fényhatásokat, árnyékokat, színátmeneteket vagy más típusú textúrákat, amelyek fényessé vagy 3D-ssé tennék az elemeket.

A modern webhelyeken meglehetősen gyakori a minimalista vizuális hierarchia, amely a lapos felhasználói felület elemeire helyezi a hangsúlyt

Megragadó fotók és illusztrációk

A képek a minimalista dizájn leglátványosabb művészeti típusai. Érzelmi kapcsolatokat biztosítanak és különleges légkört teremtenek. De egy fényképnek vagy illusztrációnak követnie kell a minimalizmus alapelveit. A rossz kép (sok részletet vagy zavaró elemet tartalmazó fotó) ellensúlyozza az azt körülvevő minimalista felület előnyeit, és tönkreteszi a szerkezet integritását.

A minimalizmus minden jellemzőjét képekben kell kifejezni

Korlátozott színséma

A színek jelentős szerepet töltenek be a webdesignban, mivel mind információs, mind érzelmi kapcsolatokat képes kialakítani a termék és a felhasználó között. A színek vizuális érdeklődést kelthetnek vagy felkeltik a figyelmet anélkül, hogy további tervezési elemekre vagy grafikákra lenne szükség. A minimalizmusra törekvő tervezők hajlamosak néhány kiválasztott színből a legtöbbet kihozni, és nem ritka, hogy csak egy színt használnak (monokróm színséma).

A vizuális információ csökkenésével a színpaletta láthatóbbá válik, és a felhasználóra gyakorolt ​​hatása növekszik.

Látványos tipográfia

A szín mellett a másik jelentős vizuális elem a tipográfia. A félkövér betűtípus azonnal felhívja a figyelmet a szavakra és a tartalomra, segítve a szemet gyönyörködtető vizuális hatást.

Használja a tipográfiát a jelentés közvetítésére és a vizuális érdeklődés megteremtésére

Kontraszt

Mivel a minimalista dizájn célja a könnyű kezelhetőség, a kontrasztos textíliák vagy grafikák jó választás lehet. A nagy kontraszt ráirányíthatja a felhasználó figyelmét a fontos elemekre, és olvashatóbbá teheti a szöveget.

A minimalista dizájn gyakran csak egy színt használ akcentusként, kiemelve az oldal legfontosabb elemeit.

Legjobb Példák

Mivel a minimalista dizájn ugyanolyan szintű áttekinthetőséget és funkcionalitást igényel, mint a "normál" dizájn, de kevesebb elem esetén problémák merülnek fel a fejlesztők számára.

Egyetlen összetett központ elérése

A minimalizmus filozófiája a tartalom körüli tervezés gondolata köré összpontosul: a tartalom a király, és a vizuális struktúra jó hátteret kell, hogy szolgáljon hozzá. A cél az, hogy az üzenetet világosabbá tegyük, nemcsak a zavaró tényezők kiküszöbölésével, hanem azáltal, hogy a fontosra összpontosítunk. Ebben az esetben az erős fókuszterület különösen fontos.

Kövesse az „oldalonként egy koncepció” szabályt, és egy vizualizáció köré összpontosítsa

Magas elvárásokat támaszt a képernyő tetejével

Az oldalon egy olyan terület, amely látható, mielőtt bármilyen műveletet meg kellene tenni, arra ösztönzi a felhasználókat, hogy tovább fedezzék fel a webhelyet. Ennek a fejlesztésnek a garantálásához érdekes, érdekfeszítő tartalmat kell biztosítania. Helyezzen értelmes tartalmat a képernyő tetejére úgy, hogy körülötte legyen sok fehér terület, majd lefelé görgetés közben növelje az oldalon lévő tartalom mennyiségét.

Így néz ki az Apple kezdőlapja a hajtási vonal felett.

Írj tágas szövegeket

Távolítsa el a feleslegeseket. Szövegének csak az üzenet megfelelő közvetítéséhez szükséges szavakat kell tartalmaznia.

Szabadulj meg minden felesleges szótól.

Egyszerűsítse a navigációt (de ne rejtse el)

A minimalizmusnak egyszerűnek kell lennie. Az egyik dolog, ami leegyszerűsíti a felhasználói élményt, a feladatok egyszerű és zökkenőmentes kezelése. Ehhez leginkább az intuitív navigáció járul hozzá. A minimalista felületen való navigáció azonban komoly probléma: az összes felesleges elem eltávolítása és a tartalom egyszerűsítése érdekében a fejlesztők részben vagy teljesen elrejtik a navigációt. Az elemek teljes listáját kibővítő menüikon továbbra is sok szakember számára népszerű választás, különösen a minimalista webdizájnban és a mobil felhasználói felületeken (felhasználói felület, UI). Ez gyakran vezet a navigációs elemek alacsony felfedezhetőségéhez. Vegye igénybe a rejtett navigációt ezen az oldalon:

Az egyszerű, minimalista felhasználói felületek gyakran rejtett bonyolultságot hordoznak magukban. Ebben az esetben a fő navigációs lehetőségek alapértelmezés szerint el vannak rejtve.

Hasonlítsa össze a webhely mindig aktív navigációjával:

A legtöbb esetben a mindig látható navigáció jobb a felhasználók számára.

Ne feledje, hogy az egyszerű navigáció mindig a webdizájn egyik fő célja. Ha minimalista webhelyet épít, ügyeljen arra, hogy látogatói könnyen megtalálják, amit keresnek.

Használjon funkcionális animációt

Mint minden más elemnek, az animációnak is a minimalizmus alapelveit kell követnie: finoman és csak szükség esetén kell megvalósítani. A jó animációnak van jelentése és funkcionalitása. Használhat például animációt a képernyőterület megtakarításához (rejtett részletek megjelenítésével az egérmutatóval). Az alábbi példa animációja felfedezhetőséget ad az elemekhez, és érdekesebbé teszi a szokásos feladatot:

Az animáció dinamikusabbá teszi a webhellyel való interakciót.

Használjon minimalizmust a céloldalakon és a portfóliókban

Míg általában a tartalomvezérelt minimalista dizájn filozófiája minden webhelyre érvényes, néha ez az esztétika nem megfelelő. A minimalizmus kiválóan alkalmas olyan portfóliówebhelyek és nyitóoldalak létrehozására, amelyek meglehetősen egyszerű célokkal és viszonylag kevés tartalommal rendelkeznek. Marie Laurent portfóliója tipikus példája annak, amit sok tervező minimalista weboldalnak nevez.

Ugyanakkor bonyolult lehet a minimalizmus alkalmazása egy összetettebb oldalon. A fontos elemek hiánya károsíthatja a tartalomban gazdag webhelyet (az alacsony információsűrűség arra kényszeríti a felhasználót, hogy tovább görgessen a tartalom keresése során). A legjobb megoldás az lenne, ha létrehoznánk egy nyitóoldalt a minimalizmus stílusában, ami részletesebb oldalakhoz vezet.

Következtetés

A minimalista webhelyek egyszerű felülettel rendelkeznek, amely eltávolítja a szükségtelen elemeket és a felhasználói feladatokat nem támogató tartalmakat. Ezt a dizájnt a használhatóság és a magas esztétika kombinációja inspirálja: egy gyönyörű, könnyen navigálható weboldal hatékony kommunikációs eszköz.