Príklady plochého dizajnu. Kompatibilné s responzívnymi dizajnmi. Plochý dizajn je len efektívny dizajn

Dnes zameriame našu pozornosť na jednu z najobľúbenejších oblastí moderny grafický dizajn nazývaný plochý dizajn.

Renomovaný umelec Edgar Degas raz povedal: „Umenie nie je to, čo vidíte, ale to, čo necháte vidieť ostatných.“ To platí aj pre grafický dizajn, ktorý možno definovať aj ako umenie rozhodovať konkrétnu úlohu... Grafický dizajn je schopný zmeniť náladu a posolstvo prostredníctvom najmenších zmien tvarov a odtieňov, písmen a medzier. Trendy v tejto oblasti, ktoré sa stali neoddeliteľnou súčasťou Každodenný život pretože ovplyvňujú proces rozhodovania a riešenia problémov pri prezentovaní moderného produktu a formujú aj vkus používateľov.

Dnes sa pojem „plochý dizajn“ používa v grafike na rôzne účely a úlohy, ktoré majú spoločné štylistické znaky. Plochý dizajn je trend, ktorý vďaka lakonickému využívaniu vizuálnych výrazových prostriedkov našiel mnoho prejavov v oblasti digitálnych produktov.

Tento výraz sa v súčasnosti široko používa ako opak bohatého dizajnu kvôli harmonickej jednoduchosti, ktorá je základom tohto prístupu. Najpozoruhodnejšou vlastnosťou, ktorá dala názov tomuto trendu, je použitie plochých (2D) vizuálnych detailov, na rozdiel od vysoko realistických a detailných skeuomorfných obrázkov. Plochý dizajn sa v posledných rokoch rýchlo rozvíjal a zahŕňa čoraz viac oblastí grafického dizajnu, ktoré nachádzajú široké a rozmanité využitie v digitálnom dizajne pre web a mobilné rozhrania... Tento prístup možno považovať za štýl, ktorý zvyšuje použiteľnosť a vizuálnu harmóniu. používateľské rozhrania.

História plochého dizajnu

Je zrejmé, že plochý dizajn nevznikol zo vzduchu. Za jeho pôvod sa zvyčajne považuje švajčiarsky štýl. Švajčiarsky štýl, tiež známy ako medzinárodný typografický štýl alebo presnejšie medzinárodný štýl, je trendom, ktorý vznikol v 20-tych rokoch 20. storočia, no stretol sa s veľkou kritikou a potom sa vo Švajčiarsku v 40.-50. rokov, ktoré sa stali pevným základom grafického dizajnu polovice 20. storočia na celom svete. Zakladateľmi tohto tvorivého hnutia boli Josef Müller-Brockmann a Armin Hofmann.

Podľa webovej stránky Design Is History, Stručný opis kľúčové vlastnosti tento štýl je nasledovný: „... štýl bol orientovaný na jednoduchosť, čitateľnosť a objektivitu. Dedičstvom tohto štýlu je použitie bezpätkových fontov, mriežok a asymetrických rozložení. Fotografia vyniká aj ako prostriedok vizuálnej komunikácie. Hlavné vplyvné diela boli navrhnuté ako plagáty, ktoré boli považované za najviac účinný prostriedok nápravy poskytovanie informácií“.

Plagáty prezentované ako príklady ukazujú, že vyznávači tohto štýlu sa páčili jednoduché formy, výrazné a strohé fonty s vysokou mierou čitateľnosti, geometrické kombinácie detailov, ploché ilustrácie a jasná vizuálna hierarchia. Švajčiarsky dizajn sa rýchlo stal čoraz obľúbenejším v rozdielne krajiny a prijali nový život v umení začiatku XXI.

Aj keď tento štýl dostal veľa výrazov v tejto oblasti vizuálny dizajn Pre tlač: plagáty, známky, pohľadnice, obálky kníh, časopisy atď., v ére digitálneho dizajnu výrazne rozšírila svoje obzory, najmä v oblasti dizajnu používateľského rozhrania.

Webové stránky a mobilné aplikácie otvorili úžasnú a obohacujúcu perspektívu pre tento minimalistický a funkčný prístup k dizajnovým riešeniam. Štýl dostal názov "plochý dizajn", ktorý sa okamžite stal populárnym a začal nový smer v grafickom dizajne.

Prvý krok k zvýšeniu popularity plochého používateľského rozhrania v digitálnych produktoch urobila spoločnosť Microsoft, tento pohyb začal na začiatku 21. storočia a v roku 2010 sa značne rozšíril, najmä vo vývoji mobilných rozhraní pre Windows telefón 7. Hlavné črty plochého dizajnu, ako sú intuitívne jednoduché tvary, výrazná svieža typografia, jasné kontrastné farby, dlhé tiene, nedostatok zložitých detailov a textúr, dobre uviazli. Ďalší skok v popularite plochého dizajnu prišiel v roku 2013, keď Apple vydal iOS 7 založený na princípoch plochá grafika ako základ pre pohodlné intuitívne prehľadné rozhrania... Dá sa povedať aj to, že niektorí kľúčové princípy plochý dizajn našiel výraz v Material Design z google.

Takže hlavné črty plochého dizajnu sú:

• jednoduchosť foriem a prvkov;
• minimalizmus;
• funkčnosť;
• tučná a čitateľná typografia;
• jasná a prísna vizuálna hierarchia;
• kombinácia kontrastných farieb pre rýchle vizuálne vnímanie;
• vyhýbanie sa textúram, prechodom a zložitým tvarom;
• aplikácia princípov mriežky, geometrického prístupu a vizuálnej rovnováhy.

Výhody plochého dizajnu

Dizajn Fdat má množstvo výhod, ktoré určili jeho popularitu a rozmanitosť v digitálnom dizajne. Medzi najvýznamnejšie:

• čitateľnosť;
• jasná vizuálna hierarchia prostredníctvom tvarov, farieb a fontov;
• efektívna organizácia rýchlej a intuitívnej navigácie vo webových a mobilných rozhraniach;
• jednoduchá škálovateľnosť pre responzívny dizajn;
• zanedbateľné zaťaženie digitálneho systému.

So všetkým vyššie uvedeným poskytuje plochý dizajn široký priestor pre kreatívne skúmanie a štylistické koncepty.

Plochý dizajn - praktická aplikácia

Rôzne dizajnové trendy dostupné a vyvíjajúce sa v súčasnosti sú vhodné pre plochý dizajn kvôli jeho flexibilite a umeleckej slobode.

Dokonca aj na počiatočná fáza všeobecné plánovanie rozloženia, logika a prechody môžu aplikovať princípy plochého dizajnu. Nástroje a softvér pre digitálny dizajn, ktorý sa používa v tejto kritickej fáze, umožňuje dizajnérom prezentovať klientom a tímom jediné rozloženie pre všetky obrazovky aplikácií alebo webových stránok, a dokonca aj toto základný obvod už má kľúčové vlastnosti stvárnenia typické pre plochý dizajn. V tejto fáze je ideálny na rýchle a efektívne zobrazenie návrhov v jednoduchej monochromatickej schéme.

Dizajn používateľského rozhrania

Používateľské rozhrania sa určite stali širokým a priaznivým poľom pre plochý dizajn. Svoj vývoj našiel ako v abstraktných konceptoch interakcie používateľa, tak aj v mnohých originálnych rozhraniach, ikonách, prvkoch rozhrania a ilustráciách.

Ilustrácie ako táto poskytujú dodatočnú podporu digitálnych produktov a majú tendenciu byť zložitejšie, pokiaľ ide o detaily a uspokojenie estetických potrieb používateľov, pričom okamžite súvisia s konkrétnou témou.

Tlačené ilustrácie

Rôznorodosť účelov moderného flat dizajnu a jeho rastúca popularita v digitálnych produktoch ovplyvnili aj ďalšie oblasti dizajnu, najmä dizajn tlačených produktov, ako sú plagáty a obálky kníh, z ktorých tento prístup pochádza.

Branding

Dizajn značky v súčasnosti tiež úspešne uplatňuje princípy plochého dizajnu vďaka svojej flexibilite, pretože mnohé produkty sú prezentované na zariadeniach alebo prijímané digitálna podpora na internete. Plochý dizajn značky sa často vyskytuje v logách a ikonách aplikácií.

Všetky uvedené fakty a výhody o plochom dizajne rozhodne neznamenajú, že plochý dizajn porazil iné dizajnové prístupy. Akýkoľvek smer štýlu a dizajnu má svoje výhody a nevýhody. Plochý dizajn však otvoril nové perspektívy, najmä v oblasti vlastných riešení, ktoré predstavujú harmonickú rovnováhu krásy a funkčnosti.

Napísal:

Odborník v oblasti dizajnu, vývoja, webovej analýzy

Byt - dizajn (plochý dizajn) je obľúbený štýl v dizajne webových stránok a rozhraní, ako aj operačných systémov, ktorý sa vyznačuje jednoduchosťou, sofistikovanosťou a minimalizmom. Plochý dizajn začal získavať na popularite v roku 2010 ako opak skeuomorfizmu.

Skeuomorfizmus- fyzická ozdoba alebo dizajnový prvok, ktorý je skopírovaný z tvaru iného predmetu, ale vyrobený z iných materiálov alebo inými metódami. Príklady zahŕňajú keramiku zdobenú imitáciou nitov, ktorá pripomína podobné nádoby vyrobené z kovu, alebo počítačový kalendár, ktorý simuluje vzhľad zošívanie strán papierového stolového kalendára (definícia z Wikipedia).

Popularizáciu plochého štýlu v dizajne uľahčilo vydanie operačného systému Windows 8 od spoločnosti Microsoft v štýle Metro, ako aj iOS 7, v ktorom Apple tiež volí plochý štýl. Až potom sa začína skutočná éra plochého dizajnu. Čoskoro veľké vyhľadávacie služby a aplikácie - Google, Youtube, existuje veľa stránok, ktoré pri svojom dizajne využívajú princípy plochého štýlu. V posledné roky flat design je lídrom v globálnych trendoch dizajnu webových stránok.

Výhody plochého dizajnu

1. Praktickosť- použitie plochého dizajnu umožňuje minimalizovať počet štýlov, skriptov a animácií, čo umožňuje rýchlejšie načítanie stránky.
2. Jednoduché prispôsobenie- Plochý dizajn je dostatočne jednoduchý na prispôsobenie rôznym rozlíšeniam obrazovky.
3. Pohodlie používania- vďaka zjednodušenému štýlu používatelia ľahšie vnímajú informácie na stránke.
4. krása- vonkajšia nestrannosť a jednoduché dizajny vám umožňujú zamerať sa na dizajn, ktorý skutočne zaujme.

5 princípov plochého dizajnu webových stránok

Plochý dizajn nie je vôbec nudný, ako by sa na prvý pohľad mohlo zdať. Dizajnové riešenia môžu byť vďaka svojej čistote a prepracovanosti štýlové a krásne, bez zbytočného hluku, čo vám umožní sústrediť sa na váš produkt alebo službu.

1 - Používanie 2D objektov

V plochom dizajne je vylúčené použitie prvkov, ktoré dodávajú objektu hĺbku a objem: tiene, prechody, svetlá, textúry, reflexy, animácie. Pri zobrazovaní objektu sa zobrazujú iba jeho obrysy.

2 - Ikony a jednoduché predmety

Použitie ploché ikony a jednoslabičné tvary s jasnými obrysmi a jednou farbou vám umožňujú čo najviac zjednodušiť dizajn a urobiť ho ľahším. Ovládanie je pre používateľa intuitívne a stimuluje interakciu.

3 - Jednoduché písma podľa štýlu dizajnu

Veľká pozornosť sa venuje typografii a fontom v plochom dizajne. Kurzíva sa tu nepoužíva, písmo harmonicky zapadá do dizajnu stránky, a to nielen obsahom, ale aj navigáciou. Dokonca aj v typoch písiem pre stránky sa odporúča minimalistický štýl.

4 - Hra farieb

Plochý dizajn obsahuje niekoľko základných farieb, ktoré vylučujú použitie plynulých prechodov a prechodov, ale môžu byť vo vzťahu k sebe svetlé a kontrastné.

5 - Minimalizmus

Plochý dizajn zahŕňa využitie vizualizácie prvkov, využitie celej šírky obrazovky a zároveň minimalizáciu informácií.

Existuje niečo ako takmer plochý dizajn. Toto je jeden z konceptov plochého dizajnu, ktorý sa má použiť jednoduché prvky a dvojrozmerný priestor. Príkladom toho by bolo kvalitná fotografia ktorý je rozmazaný na pozadie alebo stlmí. To vám umožní vytvoriť hĺbku a perspektívu objektu.

Príklady plochého dizajnu

Na internete, vrátane bieloruského segmentu, nájdete veľa príkladov vývoja webových stránok s plochým dizajnom v rôznych témach vrátane spravodajských zdrojov, portálov a dokonca aj internetových obchodov.

V nedávne časy Obrovskú obľubu si získal špecifický štýl v dizajne stránok a používateľských rozhraní, ktorý sa vďaka štýlu svojich prvkov nazýva Flat.

Ak sa pozriete na stránku vyrobenú podľa plochých pravidiel, neuvidíte žiadne prechody, žiadne tiene, ani najmenšie náznaky objemu a textúry. Základnými princípmi flat-style sú jednoduchosť, stručnosť a minimalizmus. Hlavný charakteristické rysy- to sú veci, na ktoré sa môžete zamerať - svetlé nezvyčajné farby, neštandardná typografia, grafické primitívy.

Tento trend dnes vo svojej tvorbe uplatňuje čoraz viac dizajnérov, avšak Flat štýl si získal obľubu najmä s rozširovaním moderných mobilných operačných systémov Windows Phone a iOS 7, keďže sú nasledovníkmi tohto trendu, aj keď nie úplne dodržiavajú. k tomu.

Naša spoločnosť už má skúsenosti s tvorbou stránok v štýle Flat a radi Vám pomôžeme s tvorbou plochej stránky!

V tomto článku načrtneme základné princípy flat dizajnu, ktoré by ste mali dodržiavať, ak chcete flat použiť ako hlavný štýl vášho projektu.

Nižšie analyzujeme a uvedieme príklady niektorých stránok, ktoré používajú plochý štýl.

1. Odstráňte všetky efekty

Základným princípom plochého dizajnu je vytvorenie dvojrozmerného obrazu, ktorý je už sám o sebe plochý. V tomto prípade sa musíte zbaviť všetkých prvkov, ktoré môžu dodať obrázku aspoň nejakú hĺbku: prechody, plynulé prechody, tiene, skosenia, objem, textúry a tak ďalej. Všetky prvky obrázka majú tvrdé okraje a tiež nevystupujú alebo nemajú hĺbku v porovnaní s ostatnými prvkami obrázka.

V flat dizajne nenájdete prvky, ktoré sa snažia pôsobiť realisticky (skeuomorfizmus), 3D animácie, realistické ikony atď. Samotný dizajn sa však snaží zostať podobný tradičnému, no teraz sa do popredia dostávajú štítky, tlačidlá a navigácia.

Na prvý pohľad sa stránka využívajúca Flat dizajn môže zdať príliš jednoduchá, hoci v skutočnosti sa tento štýl vyznačuje jasnou hierarchiou prvkov, pohodlným umiestnením všetkých nástrojov interakcie s používateľmi, a preto má vysokú mieru použiteľnosti.

2. Používanie jednoduchých prvkov

Dizajnéri používajú tlačidlá a ikony na dosiahnutie svojich cieľov v plochom dizajne. Mali by byť čo najviac intuitívne a klikateľné. Rovnako ako všetky ostatné prvky rozhrania by mali byť ploché a jednoduché, bez ďalších efektov. Dizajnéri tiež často používajú jednoduché geometrické tvary - obdĺžniky, kruhy a štvorce, čo umožňuje, aby každý tvar bol samostatným objektom.

3. Venujme sa typografii

Keďže podľa predchádzajúceho princípu je grafika v plochom dizajne jednoduchá, je to extrémne dôležitý prvok je typografia - dizajn nápisov. V flat dizajne sa spolu s gombíkmi dostáva do popredia typografia.

Písma musia byť čitateľné a samozrejme v súlade s dizajnom, pretože pri jednoduchých návrhoch budú mimoriadne fantastické písma vyzerať nemiestne. Nemali by ste však používať bežné fonty, je lepšie experimentovať a vybrať si ten, ktorý upúta pozornosť používateľa.

Zvážte kombináciu obyčajné písmo bezpätkové s akýmkoľvek novým písmom, ktoré bude vnímané ako umelecký prvok. Písma by mali prispieť k tomu, aby boli návrhy jednoduchšie a zrozumiteľnejšie a tlačidlá a ďalšie prvky by mali slúžiť len na zvýšenie interaktivity.

4. Upútajte pozornosť farbou

Farba hrá hlavnú úlohu v plochom dizajne. Ak si pozorne preštudujete stránky vytvorené na základe tohto konceptu, potom prvá vec, ktorá vás upúta, je jasná farebná paleta... Spravidla pozostáva z niekoľkých kontrastných čistých (bez odtieňov) farieb, dvoch alebo troch, hoci tento počet môže dosiahnuť osem. Okrem toho sa všetky tieto farby zvyčajne používajú rovnako.

Najobľúbenejšie farby sú primárne a sekundárne farby. To znamená, že základné farby (azúrová, purpurová, žltá, čierna) a získané na základe ich miešania. Tiež sa veľmi často vo farebnom riešení pri vytváraní plochých dizajnov používajú retro farby, ako lososová (lososová), fialová (fialová) atď.

5. Minimalizmus

Plochý dizajn je vo svojej podstate jednoduchý a dobre sa hodí k minimalistickému prístupu.

V celkovom dizajne stránky by ste sa mali vyhnúť príliš veľkému množstvu zvončekov a píšťaliek. Samozrejme, jednoduché farby a text nemusí stačiť. Preto, ak chcete pridať vizuálne efekty, musíte si vybrať jednoduché fotografie... Niektoré maloobchodné stránky používajú plochý dizajn na zobrazenie svojich produktov na jednoduchom, nerušivom pozadí.

Treba poznamenať, že niektoré fotografie majú prirodzenú hĺbku, ale vo všeobecnosti zapadajú do všeobecnej roviny dizajnu.

Slovo "plochý" v preklade z angličtiny znamená "plochý". Takzvaný Flat dizajn si od svojho vzniku drží svoju pozíciu už niekoľko rokov a zaujíma popredné miesto na trhu.

Ako to všetko začalo

Webdizajn sa od svojho vzniku zmenil veľké množstvo raz. Prešiel dlhá cesta od jednoduchých a nudných prvkov až po trojrozmerné, konvexné a takmer hmotné. Dobre to možno vidieť na príklade zmeny vzhľadu operačného systému Windows. Vizuálna zložka sa vyvíja súbežne s vývojom techniky. Jeho nové trendy však naznačujú skôr návrat k minimalizmu a jednoduchosti.

Od skeuomorfizmu k plochému dizajnu

Štýl, ktorý bytu predchádzal, bol skeuomorfizmus. On je veľmi dlho bol hlavným trendom v dizajne. Skeuomorfizmus je pseudoobjemový štýl, ktorého všetky prvky napodobňujú vzhľad skutočných predmetov ( Zápisník, budík), pomocou tieňov, prirodzených textúr a podobne. Jeho hlavné príklady boli nájdené v skorých rozhraniach smartfónov. To začalo strácať pôdu pod nohami po roku 2010, keď dizajnéri veľké spoločnosti začali smerovať k zjednodušeniu a pri vývoji používateľských rozhraní sa začali zbavovať Hlavná prednosť skeuomorfizmus – trojrozmernosť.

Výborne dobrý príklad rozdiely v štýloch, nižšie uvedená fotografia môže slúžiť. Obrázok vľavo je plochý dizajn a obrázok vpravo je skeuomorfný.

Charakteristika plochého štýlu

Byt predstavuje 2D štýl... Absolútne absentuje vizuálne efekty, ako sú hladké prechody farieb, tiene, objemové textúry. Skrátka všetko, čo robí obraz trojrozmerným.

Hlavným informačným obsahom sú ikony (ikona plochého dizajnu). Mali by byť čo najjasnejšie pre používateľa, ak prichádza o aplikáciách pre smartfóny. V prípade webových stránok sú ikony hlavnými prvkami odrážajúcimi ich špecifickosť a informačné posolstvo. Spravidla sú prezentované vo forme jednoduchých geometrické tvary, kruh alebo štvorec, s charakteristickým konvenčným obrázkom.

Pri vývoji Flat-designu sa venuje pozornosť farebnej schéme. Mal by byť monotónny, nemal by používateľa rušiť ani rozptyľovať. Najčastejšie sa používa jedna čistá farba a niekoľko kontrastných odtieňov. Mimochodom, existuje veľa internetových služieb s farbami plochého dizajnu, ktoré môžete použiť skopírovaním hexadecimálnych kódov farieb, ktoré sa vám páčia.

Rovnako dôležitá je typografia (text). Vzhľadom na všeobecnú jednoduchosť sa odlišuje najmä textová zložka. To znamená, že by mal byť čitateľný a nemal by byť v rozpore so všeobecným štýlom. To bude závisieť od vášho výberu písma a farby.

Príklady plochého dizajnu

Začnime tým, že ikony mnohých známych internetových zdrojov sa zmenili na plochú stranu a sociálne siete... Nie tak dávno giganti Google a YouTube tiež zmenil ich dizajn na plochý. Operačná sála systém Windows, počnúc osemstovkou úplne upustil od všetkých známok hlasitosti v ikonách, čo potešilo oko niektorých používateľov v predchádzajúce verzie, a začali sa držať Flat dizajnu. Vývojári nasledovali príklad. mobilné aplikácie pre iOS a Android.

Jednostránkové weby (vstupné stránky) vo veľkej miere využívajú výhody Flat dizajnu, pri ktorom rozhodujúcu úlohu nehrá honosný vzhľad, ale funkčnosť a čitateľnosť.

Evolúcia plochého dizajnu

Plochý dizajn bol spočiatku skutočne úplne plochý, čo vytváralo určité ťažkosti pre používateľov zvyknutých na vyvýšené tlačidlá. Ak pri skeuomorfizme bola klikateľnosť tlačidiel okamžite viditeľná, potom v prvých variáciách plochého dizajnu nebolo vždy možné určiť interaktivitu prvkov na prvýkrát.

Potom, čo spoločnosť Microsoft vydala Windows 8, navrhnutý v plochom štýle, nie všetci používatelia boli schopní okamžite zistiť nové rozhranie a na ktoré ikony môžu kliknúť. Vzhľad prvkov nenaznačoval žiadnu možnú interakciu s nimi. Tento dizajn bol vhodnejší pre mobilné aplikácie, ktoré tento nápad prevzali. A Apple bol prvý, kto to urobil v dizajne iOS 7.

Plochý dizajn však nestojí na mieste a vyvíja sa smerom ku komplikáciám. Dnes čoraz viac vyzerá ako poloplochý dizajn alebo, ako sa tomu hovorí, Flat 2.0. Začali sa v ňom objavovať efekty hĺbky, tieňov, gradientov. Hĺbka v plochom prevedení je dosiahnutá umiestnením prvkov na rôzne úrovne alebo pod uhlom.

Nech je to akokoľvek, štýl je na vrchole svojej popularity a je veľmi žiadaný. Ak teda plánujete navrhnúť svoj web, pokojne sa môžete rozhodnúť pre plochý dizajn. A ak potrebujete nejaké chýbajúce prvky pre vaše stránky, potom ich nájdete na internete veľké množstvo Bezplatné prvky používateľského rozhrania s plochým dizajnom (zadarmo na stiahnutie), ako sú ikony, písma, šablóny a ďalšie potrebné komponenty používateľského rozhrania.

Výhody a nevýhody štýlu

V dnešnom uponáhľanom živote je nepochybne takýto diskrétny informačný štýl pohodlnejší ako jeho predchodca. Plochý dizajn má množstvo nepopierateľných výhod.

Možno najdôležitejšia vec je rýchle načítanie internetové stránky. Webové stránky, ktoré používajú plochý dizajn, sa otvárajú oveľa rýchlejšie ako webové stránky, ktoré sú preťažené animáciami a inými ťažkými predmetmi. Čas načítania je dôležitý najmä pre SEO optimalizáciu a propagáciu webu.

Zjednodušený vzhľad uľahčuje čítanie textu a umožňuje vám sústrediť sa na hlavný obsah.

Dizajn pôsobí harmonicky a celistvo, čo pôsobí celkovo príjemným dojmom.

Nič nemôže byť dokonalé a Flat dizajn nie je výnimkou. Napriek všetkej zdanlivej jednoduchosti nie je také ľahké vytvoriť skutočne úspešný plochý webový dizajn. Môže to byť nudné a neatraktívne. Alebo naopak, byť príliš šikovný na dizajn a zabudnúť na funkčnosť. Hlavnou úlohou pri vývoji Flat-designu je dosiahnuť dokonalú rovnováhu medzi krásou a použiteľnosťou.

Flat design (plochý dizajn) je jedným z hlavných trendov súčasnosti, a to ako v oblasti webdizajnu, tak aj technológií na tvorbu užívateľských rozhraní. Najpozoruhodnejšie nedávne príklady sú: prepad Microsoft v tomto smere so svojimi Windows 8 a nový dizajn Google s jasnou túžbou ponoriť sa hlbšie do minimalizmu.

Tu sú príklady definujúcich prvkov.

Život po Webe 2.0

V podobe zaoblených tvarov prvkov so všetkými druhmi efektov – 3D, tiene, zvýraznenia a odlesky, prechody, razba. Jedným slovom všetko, čo vytvára hĺbku a objem. Veľké, živé ovládacie prvky, lesk, textúry a ďalšie podobnými spôsobmi prejavy ustupujú jednoduchým, dvojrozmerným reprezentáciám vizuálnych objektov.

Plavákový dizajn

Typografia v srdci štýlu

Všimnite si, že toto je základ pre vybudovanie rovinatého pozemku. Jednoduchosť prvkov Flat dizajnu, ako aj princípy minimalizmu posilňujú hodnotu typografie. Textový obsah v zásade je možné nahradiť časť ťažkej grafiky alebo obrázkov. Dnes sa typografia stala dizajnom na mnohých stránkach. Prirodzene, keďže plochý dizajn je často minimalistický, potom treba ladiť s charakterom písma všeobecná schéma, štýl a kompozícia. Tak sa napríklad často používa veľké písmená pre prvky alebo nadpisy.

Coderwall

Prečítajte si tiež: 12 základných farieb a príklady ich vnímania používateľmi

Paleta farieb s plochým dizajnom

Plochý dizajn smeruje aj k rozširovaniu farebnej rozmanitosti. Weboví dizajnéri čoraz viac využívajú paletu farieb na implementáciu, možno, základného princípu dizajnu: stránka by sa mala líšiť od ich vlastného druhu.

Minimálna opica

Voľný priestor, veľké prvky

Od začiatku do konca má minimalistický základ, čo znamená, že si osvojuje aj svoje základné princípy: veľké bloky obsahu, veľké prvky, voľné miesto nedostatok zbytočného rozruchu a domýšľavosti.

Dizajn brady

Plochý dizajn ikony, tlačidlá, ilustrácie

Tlačidlá, ikony, ikony a ilustrácie tiež nadobúdajú 2D vzhľad. Mali by zodpovedať danému štýlu na všetkých stránkach webu, sprostredkovať náladu samotného webu a byť ľahko pochopiteľné pre každého používateľa.

Výber farby pre ikony, ako aj pre ikony samotné, nie je ľahká úloha. Môžete použiť plné farby. V snahe ozdobiť dizajn musíte premýšľať o tom, ako urobiť stránku užívateľsky príjemnou. Na jednej strane je dôležité neporušiť štýl a na druhej strane je potrebné zviditeľniť ikony. V ilustráciách sa snažíme o minimalizmus, vyhýbame sa predtým obľúbeným 3D efektom.

Prečítajte si tiež: 20+ inšpiratívnych webových stránok s plochými ilustráciami v dizajne

Príklady šablón webových stránok s plochým používateľským rozhraním

Príklady stránok v štýle Flat-design

identita

83 Kolektív dizajnu

Frunatic

Umbrella Group

Nadácia Slcl

Moja plsť

Behzad

Atlant

Jednoduché ako mlieko

rodina Weranda