Plochý dizajn: prečo sa dizajn stal plochým? Plochý dizajn: história, výhody a uplatnenie v praxi Zamerajme sa na typografiu.

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.

Kde to všetko začalo

Webdizajn sa od svojho vzniku mnohokrát zmenil. Od jednoduchých a nudných prvkov prešla dlhú cestu k trojrozmerným, konvexným a takmer hmotným. 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 smerujú skôr k návratu k minimalizmu a jednoduchosti.

Od skeuomorfizmu k plochému dizajnu

Štýl, ktorý predchádzal flatu, bol skeuomorfizmus. Je to hlavný dizajnový trend už veľmi dlho. Skeuomorfizmus je pseudo-volumetrický štýl, ktorého všetky prvky napodobňujú vzhľad skutočných predmetov (notebook, budík), využívajúc tiene, prírodné textúry a iné. Jeho pozoruhodné príklady boli nájdené v skorých rozhraniach smartfónov. Svoju pozíciu začala strácať po roku 2010, keď dizajnéri veľkých spoločností začali hľadieť na zjednodušenie a pri vývoji používateľských rozhraní sa začali zbavovať hlavnej črty skeuomorfizmu – trojrozmernosti.

Vynikajúcim vizuálnym príkladom rozdielu v štýloch je fotografia nižšie. Obrázok vľavo je plochý dizajn, zatiaľ čo obrázok vpravo je skeuomorfizmus.

Charakteristika plochého štýlu

Byt je dvojrozmerný štýl. Nemá absolútne žiadne vizuálne efekty, ako sú plynulé farebné prechody, tiene alebo trojrozmerné textúry. Jedným slovom všetko, čo robí obraz trojrozmerným.

Hlavný informačný obsah je obsiahnutý v ikonách (ikona plochého dizajnu). Pri aplikáciách pre smartfóny by mali byť pre používateľa čo najprehľadnejšie. Pre webové stránky sú ikony hlavnými prvkami, ktoré odrážajú ich špecifickosť a informačné posolstvo. Spravidla sú prezentované vo forme jednoduchých geometrických tvarov, kruhu alebo štvorca, s charakteristickým konvenčným obrazom.

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

Nemenej dôležitá je aj taká vec ako typografia (text). Celkovou jednoduchosťou vyniká 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 ú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 plošším spôsobom. Nie je to tak dávno, čo giganti Google a YouTube zmenili svoj dizajn na plochý. Operačný systém Windows počnúc osmičkou úplne opustil všetky znaky hlasitosti v ikonách, čo potešilo oči niektorých používateľov v predchádzajúcich verziách a začal sa držať Flat dizajnu. Nasledovali vývojári mobilných aplikácií 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 vypuklé 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 nijako nenaznačoval 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 so systémom iOS 7.

Flat dizajn však nestojí na mieste a vyvíja sa smerom k väčšej komplexnosti. Dnes čoraz viac vyzerá ako poloplochý dizajn alebo, ako sa tomu hovorí, Flat 2.0. Začali sa v ňom objavovať hĺbkové efekty, tiene a prechody. Hĺbka plochého dizajnu je dosiahnutá usporiadaním prvkov v rôznych úrovniach alebo pod uhlom.

Nech je to akokoľvek, štýl je na vrchole 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 váš web, tak na internete môžete nájsť obrovské množstvo Free flat design UI prvkov (zadarmo na stiahnutie), ako sú ikony, fonty, š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 takýto diskrétny a informatívny štýl nepochybne pohodlnejší ako jeho predchodca. Plochý dizajn má množstvo nepopierateľných výhod.

Najdôležitejšou vecou je snáď rýchle načítanie webových stránok. Webové stránky, ktoré používajú plochý dizajn, sa otvárajú oveľa rýchlejšie ako tie, 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 na vrchol.

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 holisticky, č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 vývoj skutočne úspešného plochého webového dizajnu taký jednoduchý. Existuje možnosť, že to bude nudné a neatraktívne. Alebo to, naopak, prehnať s dizajnom a zabudnúť na funkčnosť. Hlavnou úlohou pri vývoji Flat dizajnu je zachovať dokonalú rovnováhu medzi krásou a jednoduchosťou použitia.

Dnes zameriame našu pozornosť na jednu z najobľúbenejších oblastí moderného grafického dizajnu, ktorá sa nazýva flat dizajn.

Slávny 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, ktoré rieši konkrétny problém. Grafický dizajn má schopnosť meniť 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ého života, pretože ovplyvňujú rozhodovací proces a riešia problémy prezentácie moderného produktu a formujú aj vkus používateľov.

Dnes sa pojem „plochý dizajn“ používa v grafike na mnohé účely a úlohy, ktoré majú spoločné štylistické črty. 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.

V súčasnosti je tento výraz široko používaný ako opak „bohatého dizajnu“ kvôli harmonickej jednoduchosti, ktorá je základom tohto prístupu. Najpozoruhodnejšou vlastnosťou, ktorá dáva tomuto pohybu názov, je použitie plochých, dvojrozmerných vizuálnych detailov, na rozdiel od vysoko realistických a detailných skeuomorfných obrázkov. Plochý dizajn sa v posledných rokoch aktívne rozvíja a pokrýva čoraz viac oblastí grafického dizajnu, ktoré nachádzajú široké a rozmanité uplatnenie v oblasti digitálneho dizajnu pre webové a mobilné rozhrania. Tento prístup možno považovať za štýl, ktorý podporuje použiteľnosť a vizuálnu harmóniu v používateľských rozhraniach.

História plochého dizajnu

Je zrejmé, že plochý dizajn nevznikol len tak. 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 skrátene medzinárodný štýl, je hnutie, ktoré vzniklo v 20. rokoch 20. storočia, no stretlo sa s veľkou kritikou a potom vo Švajčiarsku zaznamenalo v 40. a 50. rokoch dramatický prerod v grafickom dizajne, ktorý sa stal pevný základ grafického dizajnu polovice 20. storočia na celom svete. Zakladateľmi tohto tvorivého hnutia boli Joseph Müller-Brockmann a Armin Hofmann.

Podľa webovej stránky Design Is History je zhrnutie kľúčových vlastností tohto štýlu nasledovné: „...štýl zameraný na jednoduchosť, čitateľnosť a objektivitu. Dedičstvom tohto štýlu je používanie bezpätkových fontov, mriežok a asymetrických rozložení. Fotografie vynikajú aj ako prostriedok vizuálnej komunikácie. Hlavné vplyvné diela boli navrhnuté ako plagáty, ktoré sa považovali za najefektívnejší spôsob poskytovania informácií.“

Plagáty prezentované ako príklady ukazujú, že vyznávači tohto štýlu si obľúbili jednoduché tvary, výrazné a prísne fonty s vysokou mierou čitateľnosti, geometrické kombinácie detailov, ploché ilustrácie a jasnú vizuálnu hierarchiu. Švajčiarsky dizajn sa rýchlo stal čoraz populárnejším v rôznych krajinách a dostal nový život v umení začiatku 21. storočia.

Hoci tento štýl získal mnoho výrazov v oblasti vizuálneho dizajnu pre tlač: plagáty, známky, karty, obálky kníh, časopisy atď., výrazne rozšíril svoje obzory v ére digitálneho dizajnu, najmä v oblasti dizajnu používateľského rozhrania. .

Webové stránky a mobilné aplikácie otvorili úžasnú a plodnú perspektívu pre tento minimalistický a funkčný prístup k dizajnovým riešeniam. Štýl sa nazýval „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, toto hnutie začalo na začiatku 21. storočia a v roku 2010 sa v produktoch výrazne rozvinulo, najmä vo vývoji mobilných rozhraní pre Windows Phone 7. Kľúčové vlastnosti flat dizajn, ako sú intuitívne jednoduché tvary, výrazná, jasná typografia, jasné kontrastné farby, dlhé tiene, nedostatok zložitých detailov a textúr, sa dobre udomácnil. Ďalší nárast popularity plochého dizajnu nastal v roku 2013, keď Apple vydal iOS 7 využívajúci princípy plochej grafiky ako základ pre pohodlné a intuitívne rozhrania. Dalo by sa tiež povedať, že niektoré z kľúčových princípov plochého dizajnu si našli cestu aj do Material dizajnu Google.

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

• jednoduchosť foriem a prvkov;
• minimalizmus;
• funkčnosť;
• tučná a ľahko čitateľná typografia;
• jasná a prísna vizuálna hierarchia;
• kombinácia kontrastných farieb, ktorá poskytuje 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čujú jeho popularitu a rozmanitosť v digitálnom dizajne. Medzi najvýznamnejšie:

• čitateľnosť;
• jasná vizuálna hierarchia pomocou tvarov, farieb a písma;
• 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 pre digitálny systém.

So všetkým, čo bolo povedané, plochý dizajn poskytuje široké pole pre kreatívne skúmanie a štylistické koncepty.

Plochý dizajn - aplikácia v praxi

Rozmanitosť dizajnových štýlov dostupných a vyvíjajúcich sa v týchto dňoch sa hodí k plochému dizajnu vďaka jeho flexibilite a umeleckej slobode.

Už v počiatočnej fáze plánovania celkovej dispozície, logiky a prechodov možno uplatniť princípy plochého dizajnu. Nástroje a softvér digitálneho dizajnu používané v tejto rozhodujúcej fáze umožňujú dizajnérom prezentovať klientom a tímom jednotné rozloženie všetkých obrazoviek aplikácie alebo webových stránok a dokonca aj toto základné rozloženie už má kľúčové vizualizačné funkcie typické pre plochý dizajn. V tejto fáze je ideálny na rýchle a efektívne zobrazenie dizajnových riešení v jednoduchom monochromatickom rozložení.

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 množstve originálnych rozhraní, ikon, prvkov rozhrania a ilustrácií.

Tieto typy ilustrácií poskytujú dodatočnú podporu pre digitálne produkty a majú tendenciu byť zložitejšie z hľadiska detailov a uspokojujú estetické potreby používateľov, pričom zároveň okamžite vytvárajú spojenie 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 iné 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

V súčasnosti brandový dizajn tiež úspešne uplatňuje princípy plochého dizajnu vďaka svojej flexibilite, pričom mnohé produkty sú prezentované na zariadeniach alebo získavajú digitálnu podporu online. Plochý dizajn v brandingu je často zastúpený v logách a ikonách aplikácií.

Všetky uvedené fakty a výhody o flat dizajne rozhodne neznamenajú, že tento štýl vyhral nad ostatnými dizajnovými prístupmi. Akýkoľvek štýl a smer 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.

V tomto článku vám poviem o plochom dizajne. Pravdepodobne ste už o tom niečo počuli, pretože byt sa za posledných pár rokov stal jedným z popredných trendov na webe.

Dnes sa pozrieme na to, čo je plochý dizajn, ako vznikol a čo potrebujete na vytvorenie čistého, svetlého a responzívneho dizajnu.

Dobré príklady plochého dizajnu nájdete na http://market.envato.com/. Existuje veľa rozložení, ikon a šablón, ktoré vám poskytnú jasnú predstavu o tom, ako vyzerá moderný dizajn .

1. Čo je plochý dizajn?

Plochý dizajn je moderný štýl používateľského rozhrania a grafického dizajnu, ktorý sa vyznačuje minimalizmom. Plochý dizajn sa vyznačuje použitím minima prvkov a absenciou rôznych efektov textúry, tieňa a svetla, napríklad: zmiešané farby, prechody, zvýraznenia a pod.

Plochý je protikladom skeuomorfizmu( Skeuomorfizmus je princíp dizajnu, keď jeden výrobok dostane vzhľad iného, ​​t.j. pri kopírovaní rôznych prvkov rozhrania zo skutočných objektov - približne preklad.) , ako aj bohatý dizajn.Je však potrebné povedať, že plochý dizajn nie je vôbec taký jednoduchý, ako sa na prvý pohľad zdá. Zahŕňa niektoré črty skeuomorfizmu, ale o tom si povieme trochu neskôr.

Vo všeobecnosti ploché pomáha používateľovi sústrediť sa na obsah bez toho, aby ho rozptyľovali vizuálne prvky. Plochý dizajn zdôrazňuje jednoduchosť prvkov a zároveň robí rozhranie citlivejším, príjemnejším a jednoducho použiteľným.

2. Trochu histórie

Plochý dizajn, ako viete, existoval dávno predtým, ako sa stal globálnym trendom na webe. Plochý dizajn bol v 80. rokoch pomerne populárny, pretože technológia v tom čase ešte nebola dostatočne vyvinutá, aby podporovala komplexné efekty, textúry a tiene. Avšak už vtedy sa dizajn snažil o skeufomorfizmus a snažil sa, aby boli prvky rozhrania čo najrealistickejšie.

Plochý dizajn v podobe, v akej ho vidíme teraz, začal získavať na popularite po tom, čo Microsoft začal vyrábať produkty v takzvanom štýle metra. Metro je dizajn používateľského rozhrania od spoločnosti Microsoft, ktorý je pozoruhodný svojim štýlom a jednoduchosťou.

V roku 2010 Microsoft vydal Windows Phone 7, ktorý používal plochý dizajn s ostrými hranami a jednoduchou grafikou zdedenou z jedného z jeho predchádzajúcich produktov. Microsoft (Zune). Neskôr, inšpirovaný úspechom, Microsoft vydal operačný systém Windows 8 založený na rovnakom plochom štýle Metro.

Koniec koncov, plochý dizajn dosiahol svoj vrchol popularity v roku 2013, keď spoločnosť Apple vydala iOS 7 s úplne novým dizajnom s úplne prepracovanými prvkami používateľského rozhrania vrátane ikon a fontov. Apple vytvoril vizuálne princípy UI a dizajnu ikon .

Čoskoro potom začal plochý štýl používať aj Google vo svojich aplikáciách a webových stránkach a nazval ho Material Design. Google má dokonca celú časť venovanú tomuto štýlu, vrátane popisu cieľov webdizajnu, jeho princípov a návodov na vytváranie rôznych dizajnových objektov: ikon, rozložení atď.

Odvtedy sa flat stal kľúčovým trendom vo webdizajne, vďaka čomu sú webové stránky, aplikácie a prvky rozhrania elegantné, čisté a štýlové.

Existujú teda tri globálne príklady plochého dizajnu od spoločností, bez ktorých je ťažké si predstaviť moderný svet technológií:

Dizajn Metro od spoločnosti Microsoft

Dizajn Apple iOS 7

Material Design spoločnosti Google

3. Nezabudnite byť čistý

Plochý dizajn sa zrejme nazýva „plochý“ kvôli nedostatku trojrozmerných prvkov a realistických efektov, ako sú prechody, textúry, zvýraznenia, poltóny, tiene. Pamätajte, že plochý štýl je dvojrozmerný (plochý) spôsob zobrazenia predmetov.

Navyše v plochom dizajne sú predmety zobrazené veľmi zjednodušene a štylizovane.

A niekedy sa dokonca používa len silueta alebo kontúry objektu, t.j. len toľko, aby bol objekt rozpoznateľný, ale nepreťažoval ho drobnými detailmi.

Minimalizmus sa v súčasnosti stal globálnym trendom: jednoduchosť tvarov a použitie ostrých hrán vytvárajú čistý a príjemný dizajn. Jednoduché formuláre sú prehľadnejšie a ľahšie pochopiteľné. Vďaka tomu je dizajn minimalistický a čistý bez toho, aby pôsobil rušným a preplneným vzhľadom.

4. Doveďte to k dokonalosti

Vedzte, že pokiaľ ide o vytváranie plochých ikon a prvkov používateľského rozhrania, musíte ich vytvoriť ostré, elegantné a dokonalé v pixeloch, t.j. koľko to len pôjde. Navyše to platí pre rastrovú aj vektorovú grafiku.

Adobe Photoshop tu má jasno: pracuje s rastrovou grafikou, ktorá je založená na pixeloch.

Čo sa týka programu Adobe Illustrator, používa vektorovú grafiku pozostávajúcu z kriviek a čiar nazývaných vektory, ktoré sú špecifikované matematickými vzorcami.

Kedysi nebol Adobe Illustrator obzvlášť pohodlným programom na vytváranie pixelovo dokonalej grafiky. Dobrou správou je, že najnovšie verzie aplikácie Illustrator sa stali skvelým nástrojom na vytváranie dobrej grafiky.

Musím povedať, že vektorová grafika väčšinou zahŕňa prácu s jednoduchými, plochými tvarmi, čistými farbami a mriežkami.Adobe Illustrator je veľmi flexibilný vo svojich nastaveniach a umožňuje prispôsobiť mriežku vašim potrebám, zarovnávať objekty a používať rôzne druhy prichytávania. To uľahčuje vytvorenie dokonalého dizajnu, ktorý vyzerá čisto a štýlovo na akomkoľvek displeji. Ak sa chcete naučiť vytvárať dokonalú grafiku, mali by ste si prečítať článok: Ako vytvoriť kresbu v pixeloch pomocou programu Adobe Illustrator .

5. Farba

Jednou z najšpecifickejších vlastností plochého dizajnu je okrem tieňov použitie farby. Väčšina farieb, ktoré flat dizajn používa vo svojich prvkoch, pozostáva len z niekoľkých základných farieb.

Farba v plochom prevedení je svetlá, sýta a bohatá.Plochá farebná schéma sa neobmedzuje len na niekoľko špeciálnych farieb, obsahuje veľa odtieňov a ich výber závisí len od toho, čo zobrazujete, či už ide o ikony sladkostí alebo predmety v retro štýle v sofistikovanej retro palete.

Povedzme, že ste dizajnér používateľského rozhrania s dobrými znalosťami o farebných paletách a experimentujete s farebným panelom vo Photoshope a Illustartore a miešate farby podľa ľubovôle. Tento proces je však dosť zložitý a vyžaduje si dobrú intuíciu, skúsenosti a zručnosti. Tu nájdete niekoľko nástrojov, ktoré vám pomôžu vytvoriť si vlastnú paletu farieb.

Niektoré z nich sú vhodné pre všetky typy dizajnu a ilustrácie, nielen pre plochý dizajn. Napríklad Adobe Color CC, známejší ako Cooler. Dnes je k nemu prístup, a to ako cez webovú stránku, tak aj priamo cez produkty Adobe. Cooler je veľmi flexibilný nástroj, ktorý vám umožňuje vytvoriť si vlastnú paletu farieb alebo si vybrať z vlastnej palety z knižnice.

Ďalším jednoduchým a pohodlným generátorom farebnej palety je Coolors. Stačí stlačiť medzerník a program vygeneruje farebnú paletu, farby si môžete upraviť, nechýba ani exportná funkcia.

Existuje niekoľko ďalších podobných služieb s vlastnými paletami, ktoré môžu byť užitočné. Existuje však jeden nástroj vytvorený špeciálne pre plochý dizajn: FlatUIColors.com od Designmodo - služba so sadou „plochých“ farieb, veľmi výhodná pre prácu. Táto stránka sa stala veľmi populárnou medzi dizajnérmi, ktorí hľadajú dobré farebné riešenia pre dokonalý dizajn. Skús to!

A môžete tiež nájsť väčšiu škálu farieb a paliet v Sprievodca Material Design od Google.

6. Dlhé tiene

Ako už bolo spomenuté vyššie, plochý dizajn sa vyznačuje jednoduchosťou a množstvom voľného priestoru – práve preto flat dizajn odmieta použitie akýchkoľvek efektov. Existuje však jeden efekt, ktorý je typický pre plochý dizajn. Tento efekt sa stal trendom a charakteristickým znakom bytu.

Teraz hovoríme o dlhých tieňoch. Majú niektoré typické vlastnosti, vďaka ktorým je tento efekt rozpoznateľný, konkrétne: 45-stupňový sklon a veľké rozmery (tieň môže byť niekoľkonásobne dlhší ako samotný objekt. Výsledkom je, že dlhé tiene dodávajú bytu určitý hĺbkový efekt.

Tento efekt robí objekt trojrozmernejším, no zároveň ho zachováva v kontexte plochého dizajnu.

7. Práca s písmom

Typografia hrá veľkú úlohu v flat dizajne. Text sa často stáva hlavným prvkom kompozície.

Ploché návrhy zvyčajne používajú jednoduché štýly písma, vďaka čomu je celý dizajn celkovo čistý a čitateľný. Ak používate produkty Adobe, v aplikácii Adobe Typekit nájdete veľa bezplatných písiem. Na Font Squirrel tiež nájdete veľa dobrých bezplatných písiem. Nezabudnite si však prečítať licenciu, ak máte v úmysle použiť písmo na komerčné účely.

Najčastejšie v plochom prevedení je zvykom používať veľké písmená a kontrastné farby, vďaka čomu je text čitateľnejší.

Písma používajte s mierou, pamätajte na to, že by mali skôr dopĺňať a dopĺňať dizajn, než aby sa javili ako samostatný prvok. To neznamená, že nemôžete používať pätkové alebo ručne písané zložité písma. Len pamätajte na minimum a udržujte všetko v rovnováhe. Ploché však stále často používajú bezpätkové písma, pretože vyzerajú prísnejšie a úhľadnejšie.

8. Výhody a nevýhody plochého dizajnu

Aj keď sa plochý dizajn stal tak populárnym kvôli jeho mnohým výhodám, stále existujú určité nevýhody, s ktorými sa dizajnéri stretávajú pri používaní tohto štýlu. Pozrime sa na výhody a nevýhody.

klady

Popularita

Plochý dizajn sa stal trendom, získava čoraz viac pozitívnych recenzií od dizajnérov a webdizajnérov a vôbec sa nezdá, že by strácal svoju pozíciu. Naopak, čoraz viac sa rozširuje, získava nové formy a črty, stáva sa čoraz kreatívnejším.

Jednoduchosť

Plochý dizajn je jednoduchý, minimalistický a čistý. Flat on the web pomáha používateľom sústrediť sa na obsah a nie byť rozptyľovaní vizuálmi. To platí aj pre rozhrania mobilných aplikácií: čistý dizajn s veľkými tlačidlami robí mobilný zážitok dokonalým.

Jas

Farba je ďalším skvelým plusom plochého dizajnu. Svetlé a sýte farby vyzerajú atraktívne a čisté a nedostatok prechodov robí dizajn štýlovým. Navyše, takéto čisté farby ho robia pozitívnejším a prezentovateľnejším, plochý dizajn vytvára tú správnu náladu.

Nedostatky

Byt má oveľa viac výhod, ale žiadny dizajn nie je dokonalý a nemôžeme si ho idealizovať. Tu je niekoľko nevýhod plochého dizajnu, ktoré musíme spomenúť:

Nereagovanie

Nedostatok dôležitých detailov alebo vizuálnych efektov niekedy sťažuje proces vytvárania užívateľsky prívetivého rozhrania, čo vo všeobecnosti spôsobuje, že celý dizajn nereaguje. Nie všetkým používateľom vyhovuje flat, pretože môže byť ťažké nájsť prvky na webovej stránke, na ktoré musíte kliknúť alebo klepnúť na obrazovke mobilného telefónu, pretože nie sú interaktívne.

Problémy s typografiou

Ako už bolo spomenuté, nie každé písmo môže byť vhodné pre plochý dizajn. Niekedy takéto bohaté písmo s ostrými hranami pôsobí naozaj vyvážene a štýlovo. Ak je však písmo zvolené nesprávne, môže to pokaziť celý dizajn. Mali by ste mať naozaj dobrý cit pre to, ktoré fonty sú vhodné pre ploché a ktoré nie. Nedostatok skúseností sťažuje výber fontu.

Slabý vizuál

Kvôli obmedzeniam v používaní efektov, farieb a fontov môžu ploché vzory vyzerať príliš jednoducho a chladne. Jeho hlavnou nevýhodou môže byť aj minimalizmus – ostatné ploché dizajny nakoniec vyzerajú úplne rovnako ako vy. Je teda veľmi ťažké, aby vaše ikony alebo webové stránky vyzerali inak ako dizajn niekoho iného, ​​pretože používate rovnaké zjednodušené tvary, obmedzené farebné palety a podobné fonty. V dôsledku toho môže byť plochý dizajn časom nudný.

9. Budúce trendy plochého dizajnu

Nedá sa povedať, že by sa flat dizajn úplne sformoval a zastavil, možno je to pre jeho vyššie spomenuté nedostatky, flat design sa snaží o vývoj a zmenu, získava nové črty a zvyšuje vizuálnu expresivitu.

Ak sa pozriete pozorne na posledný príklad plochého dizajnu, môžete si všimnúť, že je to naozaj takpostupne sa vzďaľuje od svojich prísnych nástrojov a začína pridávať jemné efekty, ako sú: prechody, tiene, osvetlenie a iné vizuálne efekty.

Tieto drobné úpravy dodávajú plochému dizajnu určitú hĺbku bez toho, aby bol príliš detailný ako skeuomorfné vzory. Tieto jemné vylepšenia robia byt citlivejším a pohodlnejším a tiež prinášajú svieži vzhľad, vďaka čomu je byt flexibilnejší a všestrannejší.

Byt tak nestráca svoje vlastnosti, ale stáva sa zaujímavejším a flexibilnejším- naozaj sa zlepšuje.

závery

Rozoberali sme teda niektoré fakty z histórie flat dizajnu a hovorili o farbách, tvaroch a typografii. Pozreli sme sa na rôzne uhly pohľadu, zamerali sme sa na výhody a nevýhody bytu a naučili sme sa niektoré z hlavných princípov tvorby dobrého dizajnu.

Dúfam, že ste si z tohto článku odniesli nové informácie alebo vás aspoň zaujal. Ak ste to predtým neurobili, musíte sa pokúsiť vytvoriť plochý dizajn.

Veď čo ešte treba spomenúť na flat dizajn?

Ak máte naozaj radi plochý s jeho ostrými hranami, sýtymi farbami a ostrým písmom, jeho čistotu a minimalizmus, potom smelo do toho!

Je to trendy, ale ako pri každom grafickom štýle, neobmedzujte sa len na jednu techniku. To, že byt je trendy, neznamená, že vo svojom projekte nemôžete použiť iné štýly. Skeuomorfizmus so svojimi drobnými detailmi a textúrami môže byť tiež dobrým riešením. Hlavná vec je mať na pamäti, že dizajn je pre každý projekt iný, musí vyjadrovať jeho ducha, účel, podstatu, pričom musí zostať pohodlný a funkčný. Vpred!

Nevieme, či ste si to všimli alebo nie, ale v poslednom čase (najmä v poslednom roku) je vo webovom dizajne na celom svete jasný trend k zjednodušeniu, drsnému minimalizmu a vizuálnemu zjednodušeniu toho, s čím my ako používatelia komunikujeme deň. Jednoducho povedané, dizajn sa stal „plochým“: na rozdiel od konvexných ikon z čias rýchleho rastu sociálnych sietí a webu 2.0 nás teraz čoraz viac vítajú jednoduché ikony nových služieb. To všetko dostalo svoj názov - plochý dizajn. Nie byt, ale byt.

Apple včerajšou prezentáciou nového mobilného OS iOS 7 konečne potvrdil rýchly rast popularity tohto trendu, ktorý už tradične potešil časť svojich priaznivcov, no stretol sa aj s výraznou nespokojnosťou skúsených používateľov a dizajnérov. Čo sa deje? Aké je využitie tohto plochého dizajnu a naozaj ho svet potrebuje? Rozhodli sme sa obrátiť na odborníkov z Ukrajiny a zahraničia.

Požiadali sme ich, aby odpovedali na tri hlavné otázky:

• prečo sa svet začal uberať smerom k plochému dizajnu na webe a mobile a čo to je;
• čo to dá Apple a iOS 7;
• ako to ovplyvní dizajnérov na jednej strane a používateľov na strane druhej.

Denis Sudilkovský, Kyjev
Špecialista na interakčný dizajn, výrobca Prodesign.in.ua

„Kyvadlový efekt“ pri predpovedaní budúcnosti sa prejavuje v tom, že ak existujú dva extrémy v nejakej otázke, ľudstvo sa bude kývať z jednej strany na druhú. To nepochybne platí pre dizajn interaktívnych systémov. Plochý a nezaujímavo primitívny web sa svojho času zmenil na objemné webové tlačidlá. Vizualizácie rozhrania dosiahli svoj vrchol realizmu a kyvadlo letí opačným smerom - flat&simple.

Čo z toho Apple získa? Zachová si svoje miesto v trende a státisíce komentárov, že ich iOS sa stáva veľmi podobným Androidu.

Dizajnéri sa budú musieť vyvíjať (a nežartujte o tom, kedy plochý dizajn príde do strojárstva a dá nám ploché autá :). Keď nie je žiadna dekorácia, všetka práca pozostáva z vytvárania nálady s obsahom pre konkrétny scenár s používateľom. Toto povolanie bude mať čoraz viac spoločného s režisérom ako s umelcom. Používatelia naopak získavajú nové skúsenosti a nové dojmy. Osobne som bol 4 roky prívržencom iPhonu, no túto jar som zmenil telefón na Android z jediného dôvodu – omrzela ma monotónna idealita rozhrania Apple.

Daniel Bruce, Štokholm
Senior Digital Creative, danielbruce.se

V prvom rade by som rád upozornil, že nemám rád výraz „plochý dizajn“. Väčšina grafického dizajnu po stáročia bola „plochá“. Tiež si myslím, že to obmedzuje vašu schopnosť nechať dizajn vyniknúť, keď máte na výber medzi plochým a niečím iným. Dizajn môže byť oveľa viac. Veselé, svetlé, tmavé, pozitívne, minimalistické – nazvať to môžete ako chcete. Ale dnes len zriedka počujem, že by niekto považoval dizajn za niečo viac ako plochý alebo skleromorfný. Je to trochu smutné.

Prečo sa web a mobil pomaly posúvajú smerom k plochému dizajnu? Ja to vidím tak, že je to len trend. Nikdy som nevidel články o výhodách plochého dizajnu v používateľských rozhraniach a stále o tom nie som presvedčený. Jednoduchý a jasný dizajn - áno, ale to nie je to isté ako „ploché“. Pozrite sa napríklad na Google. Nerobia úplne ploché návrhy, ale – a ja zdieľam tento názor – stále vidia potrebu určitej hĺbky a variácií.

Bol som veľmi prekvapený, keď sa Microsoft pred niekoľkými rokmi vybral týmto smerom pre seba a predstavil slávny štýl Metro. V skutočnosti použili grafický dizajn pre veľké nápisy, na ktoré sa ľudia pozerajú z určitej vzdialenosti a nikdy neinteragujú s malými obrazovkami s významným počtom prvkov. Vyzerajú pekne, ale majú dobrú použiteľnosť?

To, čo som včera večer videl od Apple, bola len chabá kópia niekoľkých zaujímavých návrhov, ktoré sa za posledný rok objavili na stránkach ako Dribbble a Behance. Nevidel som nič nové - okrem toho, že toto je ďaleko od toho istého "starého Apple" Steva Jobsa. Spoločnosť ukázala, že nie je na špici dizajnu mobilných rozhraní. Samozrejme, uvidíme fanúšikov, ktorí si osvoja všetky tieto biele dizajny a kreatívne gradienty v priebehu niekoľkých nasledujúcich mesiacov, ale nemyslím si, že tento aspekt bude mať taký vplyv ako nedávne odstávky spoločnosti Google. Ale na druhej strane, nech je to ako chce, Apple bol vždy udávačom trendov a inšpiráciou pre mnohých ľudí vrátane mňa.

Pokiaľ ide o bežných používateľov, majú radi svetlé farby.

Ivan Klimenko, Kyjev
návrhár mobilného rozhrania, 5tak.com

Do značnej miery o tejto situácii fascinujúcej plochý styling trochu filozofujem. Nie je to prvýkrát, čo sa dizajnéri začali zaujímať o minimalizmus a umelé materiály. Všetko prechádza.

Éra Bauhausu v 20. – 30. rokoch priniesla obrovský prínos do dizajnu, no napriek tomu tónová tesnosť a umelosť nedokázali odolať túžbe a vnútornému nutkaniu ľudí existovať obklopení prirodzenejšími vecami.

Potom v 60. rokoch každý začal obdivovať plast.

Nábytok, riad a dokonca aj oblečenie sú vyrobené z plastu. Zdalo sa, že ide o novú nádej ľudstva, ale opäť nie – ľudia sa veľmi rýchlo vrátili k prírodným formám či kópiám prírodných materiálov.

Drsný kontrast foriem a minimalistická grafika vždy vyjadrovali hromadenie vnútorných konfliktov v rámci spoločnosti. Dizajn je len zrkadlo, ktoré ukazuje náš vnútorný svet. Deje sa toho príliš veľa. Život sa veľmi zrýchľuje a my jednoducho nemáme čas nič premýšľať a zvažovať. Často nemáme čas len tak žiť.

Minimalizmus a všetok tento elektronický hardvér sú len krokom na ceste k niečomu prirodzenejšiemu a ľudskejšiemu. Viac ako len ďalší počítač. Dokonca som smutný, že už neexistuje Apple, ktorý sa vedel pozerať do hĺbky.

Olesya Grichina, Kyjev
Dizajnér používateľského rozhrania v Componentix, twitter: elendiel

Myslím si, že dizajnérov do značnej miery ovplyvnilo veľké množstvo gadgetov s rôznymi veľkosťami obrazovky a rozlíšením - pre túto rozmanitosť je jednoduchšie vytvoriť dizajn bez textúr, zložitých tieňov, ktoré správne zohľadňujú osvetlenie atď. Začali uvažovať viac v smere „ako to urobiť pohodlnejšie pre používateľa“, než „ako krásne kresliť“. Obsah je hlavná vec a pri našej práci je dôležité prezentovať ho čo najlepšie.

Zdá sa mi, že za vonkajšími zmenami (ploché používateľské rozhranie, ikony) si najmä nevšimli vážne zmeny v jednoduchosti používania a ako prisahajú na túto tému. Keď skontrolujú, že to funguje, začne hovoriť: "Ach, aké pohodlné a prečo to neurobili skôr?" Dúfam, že to ovplyvní dizajnérov takým spôsobom, že budú venovať viac pozornosti použiteľnosti rozhrania, a nie textúram a tieňom. Na záver bude možné zákazníkom vysvetliť, že ide o trend :)

Myslím si, že plochý dizajn používateľov nijako zvlášť neovplyvní – ak im bude vyhovovať tvorba a konzumácia obsahu, nájde sa veľa spokojných ľudí. Ale ikony na domovskej obrazovke sú stále kyslé :)

Pavel Grozyan, Kyjev
Product Designer v spoločnosti MacPaw, grozyan

"Jablko! A-ha-ha, prestaň! - kričia dizajnéri. - Hurá, bolo to jednoduchšie. - užívatelia skandujú." Rozumiem obom uhlom pohľadu. Dnes, po prezentácii z WWDC2013, sa mnohí moji kolegovia postavili a povedali: "Ser na túto profesiu! Takú hlúposť môže teraz nakresliť každý. A tieto ikony za 30 dolárov?!" A na prvý pohľad majú pravdu. Ak sa však zahĺbite hlbšie, zistíte, že existujú tisíce predmetov, ktoré sa od seba dlho líšili iba scenárom použitia, potom tvarom, potom farbou a až potom v umeleckých detailoch. Pamätám si časy, keď všetci títo chlapci na svojich profiloch na LinkedIn dnes s nápisom UX, UI Designer, nervózne kopírovali efekt bieleho tieňa písmen. Ako Apple. Potom svetlo a svetelné webové stránky. Ako Apple. Potom bohaté rozhrania v textúrach a realizme.Ako Apple.Celá ich práca kopírovala,keďže neexistoval originálny,jednotný a pohodlný vývojový koncept pre každého.Práve túto úlohu dnes rieši flat design.Hoci sa mi to zdá nesprávne takto nazvať. Je dobré, že to Microsoft nevymyslel a vznikol viac ako desať rokov pred digitálnou érou v oblasti publikovania.

Ploché – to nie je na klikanie, je na klikanie, ťukanie, ťukanie. Nedá sa to nazvať plochým - absencia „hrubých“ textúr a tieňov na tlačidlách to robí dosť zjednodušeným a bez vizuálnej agresie. A bez prechodov pre tlačidlá sa nezaobídete. Podporujem tento trend. Ak to nebude narúšať kvalitu používateľského zážitku, bude sa s ním ľahšie žiť všetkým. V prvom rade užívateľovi. Po druhé, pre tvorcu: bude to jednoduchšie v technickej implementácii, pohodlnejšie na klikanie (podčiarknutie odkazov - ahoj) a multiplatformové - spojenie webu, mobilu a desktopu do jedného zážitku. Pre Apple je to nepochybne odvážny krok. A len oni o tom môžu rozhodnúť. Ich príbeh má desiatky potvrdení, takže je pravdepodobnejšie, že uspejú, ako naopak.