Plochý dizajn alebo Späť na minimum

Slovo "byt" v angličtine znamená "byt". Od výskytu tzv. Plochého dizajnu drží už niekoľko rokov svoje pozície a zaujíma vedúce pozície na trhu.

Z toho, čo to všetko začalo

Webdesign sa od svojho vzniku veľmi zmenil. Prešiel ďaleko od jednoduchých a nudných prvkov k trojrozmerným, konvexným a takmer materiálovým. To možno ľahko vidieť na príklade zmeny vzhľadu operačného systému Windows. Vizuálna zložka sa vyvíja paralelne s vývojom technológií. Jeho nové trendy však poukazujú na návrat k minimalizmu a jednoduchosti.


Zo šikmého morfizmu na plošný dizajn

Pre-plochý štýl bol skosený morfizmus. Už dlho je hlavným trendom v dizajne. Skewmorphism je pseudo-skladateľný štýl, ktorého všetky prvky napodobňujú vzhľad skutočných objektov (notebook, budík), s tieňmi, prirodzenými textúrami a inými. Jeho živé príklady boli zaznamenané v raných rozhraniach smartphonov. Začal strácať svoju pozíciu po roku 2010, keď sa dizajnéri veľkých spoločností začali snažiť o zjednodušenie a vo vývoji rozhraní začali zbavovať hlavnú črtu šikmorfizmu - trojrozmernej. Skvelý príklad rozdielov v štýloch môže byť obrázok nižšie. Obrázok vľavo predstavuje plochý dizajn a vpravo je skreslený morfizmus.

Charakteristické vlastnosti plochého štýlu

Byt je dvojdimenzionálny štýl. vNeexistujú absolútne žiadne vizuálne efekty, ako hladké prechody farieb, tiene, objemné textúry. Slovo všetko, čo robí obraz volumetrický.


Základné informačné prvky obsahujú ikony (ikona plochého dizajnu). Mali by byť pre užívateľa čo najjasnejšie, pokiaľ ide o aplikácie pre smartfóny. Pre stránky sú tie isté ikony hlavnými prvkami, ktoré odrážajú jeho špecifickosť a informácie. Zvyčajne sú prezentované vo forme jednoduchých geometrických tvarov, kruhov alebo štvorcov s charakteristickým podmienečným obrazom. Pri projektovaní plochého dizajnu sa venuje pozornosť farebnej schéme. Mal by byť monotónny, nie obsedantný a neodvrátil ho. Najčastejšie sa používa jedna čistá farba a niekoľko kontrastných odtieňov. Mimochodom, existuje mnoho internetových služieb s plochými farbami, ktoré sa dajú použiť pri kopírovaní hexadecimálnych kópií vašich obľúbených farieb.
Nemenej dôležitá je taká vec ako typografia (text). Z dôvodu všeobecnej jednoduchosti je textový komponent obzvlášť zvýraznený. Takže by mala byť čitateľná a nie je v rozpore so všeobecnou štylistikou. To bude závisieť od úspešného výberu písma a jeho farby.

Príklady plochého dizajnu

Začnime tým, že ikony mnohých známych internetových zdrojov a sociálnych sietí sa zmenili na rovnej strane. Nie je to tak dávno, že obri spoločnosti Google a YouTube tiež zmenili svoje rozloženie v lietadle. Operačný systém Windows, počnúc ôsmimi, úplne opustil všetky príznaky objemu v ikonách, ktoré potešili oči niektorých používateľov v predchádzajúcich verziách asa začal držať pri dizajne. Jej príkladom nasledujú vývojári aplikácií iOS a Android.
Široko používajú výhody plošných stránok s jedným stránkom (pristátie), pre ktoré rozhodujúcu úlohu nie je bizarný vzhľad, ale funkčné a čitateľné.

Vývoj plochého dizajnu

Spočiatku plochý dizajn bol skutočne plochý, čo spôsobilo určité ťažkosti pre používateľov zvyknutých na konvexné tlačidlá. Ak v skewmorfizme bola okamžite viditeľná klikavosť tlačidiel, potom v prvých variantoch plochého dizajnu interaktivita prvkov nebola vždy určená po prvýkrát. Po tom, ako spoločnosť Microsoft uvoľnila Windows 8 v štýle, nemali všetci používatelia možnosť okamžite riešiť nové rozhranie a aké ikony môžu kliknúť. Vzhľad prvkov nenaznačoval možnú interakciu s nimi. Takýto dizajn bol vhodný skôr pre mobilné aplikácie, ktoré zdvihli túto myšlienku. Apple bol prvý, kto to urobil v systéme iOS 7.
Plochý dizajn však nezostáva stáť a vyvíja sa v smere komplikácií. Dnes stále viac vyzerá ako poloplošný dizajn, alebo, ako sa hovorí, Flat 2.0. Začalo sa objavovať účinky hĺbky, tieňov, stúpania. Hĺbka v plochom prevedení sa dosiahne umiestnením prvkov v rôznych úrovniach alebo pod uhlom. Či už je to tak, štýl je na vrchole popularity a je veľmi vyhľadávaný. Takže ak máte v pláne navrhnúť svoje stránky, môžete bezpečne urobiť voľbu v prospech dizajnu. A ak potrebujete nejakéna vašom webe nie sú žiadne položky, potom sa na internete objaví obrovské množstvo prvkov UI (zadarmo na stiahnutie), ako sú ikony, písma, šablóny a ďalšie potrebné komponenty rozhrania.

Klady a zápory štýlu

Nepochybne v dnešnom freckovanom rytme života je takýto nepostrehnuteľný informatívny štýl vhodnejší ako jeho predchodca. Plochý dizajn má množstvo nepopierateľných výhod.
Možno najdôležitejšie je rýchle sťahovanie webových stránok. Stránky, ktoré používajú plochý dizajn, sa otvárajú oveľa rýchlejšie ako tie, ktoré sú zahltené animáciou a inými ťažkými objektmi. Zvlášť dôležité je čas na sťahovanie optimalizácie pre SEO a propagáciu stránky na vrchol. Zjednodušený vzhľad prispieva k čitateľnosti textu a umožňuje vám zamerať sa na hlavný obsah. Návrh vyzerá harmonicky a holisticky, čo vytvára všeobecne príjemný dojem. Nič nemôže byť dokonalé a plochý dizajn nie je výnimkou. So všetkou zjavnou jednoduchosťou, vývoj skutočne úspešného plochého dizajnu webových stránok nie je tak jednoduchý. Je tu šanca, aby bol nudný a neatraktívny. Alebo naopak, retušujte dizajn a zabudnite na funkčnosť. Hlavnou úlohou pri návrhu plochého dizajnu je udržiavať perfektnú rovnováhu medzi krásou a jednoduchosťou použitia.

Súvisiace publikácie