Základné princípy plochého dizajnu. Plochý dizajn a Material dizajn: Aký je ich rozdiel Zlý výber písiem

Čo je plochý dizajn? Tento dizajnový smer je jedným z najdiskutovanejších na internete. Plochý dizajn je skrátka extrémne zjednodušený štýl, ktorého korene siahajú k minimalizmu. Ale to nie je úplne minimalizmus, pretože tento štýl môže mať mnoho rôznych podôb v závislosti od požiadaviek na dizajn. Ak chcete lepšie pochopiť, čo je plochý dizajn, je lepšie vrátiť sa späť a definovať, čo určite nie je.

Toto nie je 3D. Samotná 3D grafika vám umožňuje získať veľmi realistické, no zároveň dvojrozmerné obrázky. Na rozdiel od 3D plochý dizajn nevenuje veľkú pozornosť detailom, ktoré vytvárajú hĺbku a rozmer, ako sú tiene, svetlá a textúry.

Toto nie je skeuomorfizmus. Plochý dizajn sa objavil ako alternatíva k pseudo-volumetrickým dizajnovým prvkom, ktoré napodobňovali skutočné objekty alebo procesy. Skeuomorfizmus zahŕňa aktívne používanie rôznych efektov: tiene, odrazy, reflexy a realistické textúry. Nič z toho v plochom prevedení je a nemôže byť.

Ľudia prvýkrát začali hovoriť o plochom dizajne v rokoch 2012-2013, keď sa tento štýl prvýkrát objavil. Tento trend bol veľmi citeľný a spôsobil veľa hluku, pretože Microsoft bol jedným z prvých, ktorí vyvinuli tento smer. Vydanie Windows 8 s novým rozhraním navždy zmenilo dizajn a do značnej miery predurčilo vektor vývoja webu, aspoň jeho vizuálnej zložky.

Bokom nezostal ani Apple, ktorý upustil aj od pseudovolumetrických prvkov v dizajne rozhraní svojich zariadení. Microsoft a Apple vytvorili novú realitu, v ktorej stránky so zastaraným dizajnom nemali miesto. Apple zároveň nepostupoval tak radikálne ako jeho večný konkurent a postupne sa zbavil prvkov skeuomorfizmu.

Plochý dizajn sám o sebe nie je dobrý ani zlý, sú to weboví dizajnéri, ktorí ho robia pohodlným alebo nepohodlným. Ale povedzme si úprimne, vo svojich extrémnych podobách plochý dizajn nevyzerá veľmi esteticky. Zóna najlepšieho vnímania je v tomto prípade pravdepodobne niekde uprostred medzi plochými a pseudoobjemovými prvkami.

Je celkom možné, že trend k extrémnemu zjednodušovaniu, ktorý prevládal v posledných rokoch, bude nahradený niečím iným. Sú na to isté predpoklady – napríklad smer Material Design, ktorý vytvorili dizajnéri Google.

KOMPATIBILNÉ S ADAPTÍVNYM DIZAJNOM

Odklon Microsoftu a Apple od skeuomorfizmu v dizajne rozhrania mal veľké dôsledky. Nový štýl bol takmer okamžite prijatý ako nový prístup k UX. Odvtedy sa plochý dizajn stal dominantným trendom, ktorý je stále aktuálny. Ploché prvky sú dnes všadeprítomné, vidíme ich na weboch, v aplikáciách a na displejoch rôznych zariadení.

Princípy plochého dizajnu sa vzťahujú na širokú škálu dizajnových kategórií, ale jeho prísne mriežky a zjednodušená grafika sa najlepšie zobrazia na zariadeniach s malými rozmermi obrazovky.

Trend smerom k minimalizmu značne zjednodušil prácu dizajnérom – uľahčilo sa im navrhovať rozhrania, ktoré sa správne zobrazujú na akomkoľvek type zariadenia. V prípade pseudo-volumetrických prvkov nebolo všetko tak - niekedy sa rozhranie, ktoré vyzeralo úžasne na obrazovke pracovnej plochy, zmenilo na niečo nepochopiteľné na mobilnom zariadení.

Jednou z hlavných výhod plochého dizajnu je jeho škálovateľnosť. Ploché prvky vyzerajú dobre bez ohľadu na veľkosť a na rozdiel od dizajnu dokonalého pre pixely sa s nimi oveľa ľahšie pracuje.

FLEXIBILNÁ PLATFORMA

Plochý dizajn sa v snahe o jednoduchosť vyznačuje dobrou flexibilitou: všetky prvky sú spravidla vytvorené z homogénnych geometrických tvarov, čo zjednodušuje vytvorenie vyváženého usporiadania, kde má každý modul alebo blok svoje miesto. Všetky prvky sú ľahko rozlíšiteľné a čo je dôležité, počas prevádzky sa dajú rýchlo zameniť bez porušenia pôvodného nastavenia.

Mriežky majú tiež flexibilnú štruktúru, ktorá môže byť poskytnutá v rôznych konfiguráciách. To umožňuje dizajnérom vytvárať najoptimálnejšie prístupy, ktoré najlepšie predvedú obsah, ktorý máte k dispozícii. Absencia obmedzení a nutnosť úpravy mriežky v prípade zmeny alebo pridania nových prvkov výrazne urýchľuje pracovný tok.

ČITATEĽNÁ TYPOGRAFIA

Plochý dizajn výrazne zmenil spôsob, akým dizajnéri uvažujú o typografii. Nový štýl si vyžadoval iný prístup k výberu fontov a kvalite rozloženia. Výsledkom bolo, že absencia tieňov a rôznych efektov uľahčili čítanie textov.

Plochý dizajn sa vyznačuje rozsiahlym používaním bezpätkového písma, nejde však o akisomu a pätky môžu vyzerať dobre aj v kombinácii s plochými prvkami. Patkové fonty budú celkom vhodné ako nadpis a dajú sa použiť aj v hlavnom texte, ak typografia nenarúša kompozičnú jednotu.

MÍNUSY

Môže sa zdať, že plochý dizajn nemá žiadne nevýhody, ale nie je to tak. V snahe zdôrazniť čisté línie a tvary sa niektorí dizajnéri dostanú do pasce zamerania sa na estetiku, pričom zanedbávajú použiteľnosť. Jednoduchý a krásny dizajn, v ktorom nie je nič zbytočné, nie je vždy vhodný a takéto chyby sú obzvlášť výrazné pri používaní mobilných zariadení.

V plochom dizajne je často ťažké určiť, ktorý prvok je interaktívny a ktorý nie. Všetko je rovnaké, neexistujú žiadne zjavné rozdiely, všetky prvky ležia v rovnakej rovine. V snahe o jednoduchosť môžu dizajnéri neúmyselne skryť alebo nevedomky zamaskovať dôležité funkcie alebo akcie a používateľ, ktorý nevidí obvyklé výzvy, môže stratiť orientáciu na stránke.

Vezmime si túto stránku ako príklad. Aké prvky v ňom sú interaktívne. všetky? Alebo len nejaké? Nejasné. To sa dá zistiť len náhodne, ide však o zbytočné pohyby, čo je nežiaduce.

STRATA INDIVIDUALITY

Pre každú značku, obchod alebo dizajnový projekt je jedinečnosť nanajvýš dôležitá. Či už ide o webovú stránku, aplikáciu, brožúru, plagát alebo vizitku, dizajn musí byť originálny a dobre rozpoznateľný.

Jednou z nevýhod plochého dizajnu je jeho vizuálny štýl. Použitie jednoduchých geometrických tvarov môže často viesť k dvom úplne odlišným dizajnom, ktoré sa navzájom veľmi podobajú. Dizajnéri, ktorí používajú ploché prvky, sú obmedzené vo svojich možnostiach, pretože nemajú k dispozícii veľký výber prijateľných možností. V poslednej dobe na internete môžete vidieť veľa klonových stránok, ktoré v skutočnosti klonmi nie sú. Je to len náhoda. Okrem toho je náhoda nepríjemná, pretože stránka stráca svoju veľmi potrebnú individualitu a stráca sa na pozadí iných zdrojov s podobným dizajnom.

Niekedy to príde vtipné. Pri pohľade na tieto obrázky si možno myslíte, že sa pozeráme na rôzne časti tej istej aplikácie. Ale nie, dizajnéri Marco La Mantia a Simone Lippolis pracovali nezávisle od seba. Základné geometrické tvary a biele bezpätkové písmo sú použité ako hlavné prvky dizajnu - viac než logické rozhodnutie. Výsledok je však katastrofálny - rovnaká farebná schéma úplne pripravila dizajn o jeho jedinečnosť. A takých prípadov je veľa.

NAHĽADÁVANIE MÓDY

Plochý dizajn zostane na dlhú dobu jedným z najhorúcejších trendov, jednoducho preto, že vyzerá dobre na displejoch mobilných zariadení. Ale mnohí dizajnéri si vyberajú ploché nielen preto, že im to umožňuje rýchlo vyriešiť väčšinu problémov, ale aj kvôli ich túžbe vytvoriť niečo moderné a módne.

Pri hľadaní módy však môžete urobiť vážnu chybu: ak bezmyšlienkovite sledujete všetky trendy, je celkom možné zabudnúť na užitočnosť dizajnu. Byt môže byť veľmi krásny, elegantný a dokonca pôvabný, ale výber dizajnéra by mal byť určený funkčnosťou a nie túžbou po kráse. Túžba „strčiť“ do dizajnu niečo módne mu niekedy len škodí, napríklad dlhé tiene, jedna z najznámejších čŕt plochého dizajnu.

Pred nami sú diela dizajnérov Alexandra Lototského a Erika Malmskelda. Toto sú typické príklady použitia dlhých tieňov v dizajne. Teraz to už nikoho neprekvapí, no svojho času, a obe diela vznikli ešte v roku 2013, keď plochý dizajn práve prichádzal do módy, bol nový vizuálny štýl veľmi zaujímavý a atraktívny. V dôsledku toho sa objavilo toľko podobných ikon, že dnes je použitie tieňov vzorovým a nezaujímavým riešením. Kedysi to bolo v móde, ale už nie. Tiene sú ako tiene. Nie je v nich žiadny význam, neplnia žiadnu užitočnú funkciu.

ZLÝ VÝBER PÍSMA

Každý dizajnér sníva o vytvorení niečoho krásneho a zároveň funkčného. Ale v snahe o estetiku môžete urobiť zlé rozhodnutia, ktoré ovplyvňujú použiteľnosť. Príkladom je šialenstvo pre tenké a svetlé písma. Tento typ typografie pôsobí čisto a ľahko, no je aj ťažko čitateľný.

Niekedy je voľba tenkého písma opodstatnená – napríklad pre použitie v nadpisoch. Ale keď je hlavný text napísaný rovnakým písmom, často je nemožné ho prečítať. Takéto chyby sú viditeľné najmä na mobilných zariadeniach – malá veľkosť obrazovky výrazne znižuje čitateľnosť obsahu.

PLOCHÝ 2.0

Počas posledných rokov dizajnéri experimentovali s plochými prvkami a priniesli do plochého dizajnu veľa nových vecí. Štýl je plne formovaný a ako každý iný zavedený štýl má svoje klady a zápory.

Na úsvite svojho vzhľadu sa byt vyznačoval prísnou vizuálnou jednoduchosťou, nebol tam žiadny náznak tieňov alebo štruktúr. Dokonca ani gradienty neboli vysoko cenené, hoci v žiadnom prípade neodporujú princípom plochého dizajnu.

Postupne sa však dizajnéri začali vzďaľovať od príliš jednoduchých riešení a snažili sa nájsť nejaké kompromisné riešenie medzi plochým a skeuomorfizmom. Výsledkom je nový štýl, ktorý niektorí dizajnéri nazývajú Flat 2.0. V dizajnových prvkoch sa postupne začali objavovať tiene, prechody a dokonca aj svetlé, takmer neviditeľné štruktúry. Plochému dizajnu zjavne chýba hĺbka a dizajnéri začali využívať hybridné prístupy. Napríklad vizuálne usporiadajte prvky na rôznych úrovniach, experimentujte s odtieňmi a tieňmi. Ďalším často používaným príkladom hybridného prístupu je použitie nielen ikon a plochých vektorových ilustrácií, ale aj fotografií.

Google urobil veľa pre propagáciu Flat 2.0. Material Design Guideline je pokusom o vytvorenie nového vizuálneho jazyka, ktorý kombinuje ploché a trojrozmerné dizajnové prvky. Odporúčania Google sú veľmi podrobné a dajú sa ľahko dodržiavať. Google zároveň netrvá na prísnom dodržiavaní všetkých pravidiel uvedených v smernici – dizajnéri môžu experimentovať, vytvárať vlastné originálne projekty, ktoré môžu kombinovať rôzne prvky.

ZÁVER

Dnes je Flat 2.0 vo fáze formovania, ale smer, akým sa bude tento štýl vyvíjať, je už celkom jasný. Neočakávajú sa žiadne výrazné zmeny – tvorcovia trendov Google, Apple a Microsoft sa nemienia vzdať. Ak dôjde k zmenám, budú bezvýznamné - objavia sa nové prístupy, niekto príde so zaujímavým „trikom“, pokusy budú naďalej brať to najlepšie zo skeuomorfizmu. V globálnom ponímaní však netreba očakávať niečo skutočne nové – plochý dizajn je dlhodobý trend a z vydobytých pozícií ho môže vytlačiť len štýl, ktorý najlepšie vyhovuje novým technológiám, ktoré ešte neexistujú.

Revolúcia „plochého dizajnu“ od uvedenia na platforme Windows Phone v roku 2010 naďalej naberá na obrátkach. Nie je ťažké pochopiť prečo: rozhranie s týmto dizajnom sa zdá byť intuitívnejšie, je vhodné pre adaptívne prvky, moderné rámce a vyzerá atraktívne, keď je správne vykonané.
Plochý dizajn začal ako protiváha k všadeprítomnému skeuomorfnému štýlu, no odvtedy sa stal oveľa viac než len „možnosťou B“.

Byt bol spočiatku výlučne dvojrozmerný s úplným zameraním na minimalizmus. Modern flat 2.o využíva tiene, prechody a ďalšie prvky, aby vyzeral „takmer plocho“.

5 charakteristických komponentov moderného plochého dizajnu:

1. Dlhé tiene
Dlhé tiene dodávajú obrázkom hĺbku a rozmer bez toho, aby ste museli obetovať minimalistické detaily ikon, vďaka ktorým je rozhranie atraktívne.

2. Dynamické farby
Doplnenie riedkych vizuálov je jednoduché pomocou energických farieb, najmä svetlých odtieňov.
Rôzne farby pozadia v kontraste so základnou farbou prvkov robia stránku s dlaždicovým menu živšou.
Web Flat UI Colors obsahuje najefektívnejšie farebné vzory pre ploché.

3. Jednoduchá typografia
Výber plošného písma je založený na jednom kritériu: čitateľnosť. Typicky sa používajú bezpätkové písma s konštantnou šírkou ťahu.

4. Priehľadné tlačidlo
Jeden z trendových prvkov v modernom webdizajne. Dôvodom je, že nepúta príliš veľa pozornosti, ale je jasne rozpoznateľný ako tlačidlo.

5. Minimalizmus
Plochosť a minimalizmus idú ruka v ruke, využívajúc rovnaké princípy: jednoduchosť a zameranie na obsah.
Môže sa zdať, že použitie plochého dizajnu je univerzálnym riešením, ale minimalizmus je ťažké implementovať: čím menej pracovných prvkov, tým viac pozornosti vyžadujú.

Bez ohľadu na to, aký skvelý plochý dizajn sa môže zdať, neexistuje žiadna záruka, že bude fungovať pre vašu stránku. Pozrite si jeho hlavné výhody a zistite, či sa oplatí plánovať globálny redizajn.

Výhody:
používa sa v responzívnom rozhraní;
zjednodušuje používateľovi navigáciu;
jasná štruktúra a schematický vizuál zdôrazňujú vnútornú logiku stránky;
rýchle načítanie stránok vďaka jednoduchosti grafiky;
Známa typografia zlepšuje čitateľnosť.

Plochý dizajn je o jednoduchosti a minimalizme, čo na druhej strane sťažuje prenos vizuálne zložitých posolstiev. Preto skôr, ako sa bezhlavo vrhnete do zjednodušovania rozhrania, mali by ste dôkladne zvážiť interakciu medzi webom a používateľom.

Na základe knihy trendov web dizajnu.

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!

Relatívne nedávno sa stal populárnym taký dizajnový smer ako FLAT dizajn alebo plochý dizajn.

Používatelia Windows 8 a novších verzií už poznajú dizajn FLAT, keďže prvá vec, s ktorou sa stretnú pri načítaní systému, je táto obrazovka.

Samotný vzhľad FLAT dizajnu je spôsobený rozšírením mobilných aplikácií. A myslím si, že je to spôsobené tým, že dizajnové objekty FLAT sa vytvárajú pomocou vektorových objektov, a preto sa ľahšie prispôsobujú rôznym platformám gadgetov.

FLAT – dizajn má nasledujúce vlastnosti:

Úplné alebo čiastočné odmietnutie prechodov, zložitých textúr a tieňov , čo ma osobne veľmi teší. K tieňom nemám žiadne výhrady a sám ich veľmi rád používam, no nech zmiznú večné problémy s gradientným zobrazením.

Do popredia sa dostáva typografia, geometria. Najmä pokiaľ ide o webdizajn.

Harmónia a. Dizajn používa obmedzený počet farieb. Tu je príklad obľúbenej dizajnovej palety FLAT.

Použitie kreatívnych informatívnych ikon.

Ako som už povedal, FLAT dizajn sa stal veľmi populárnym v mobilných aplikáciách, pretože jeho hlavnou črtou je jednoduchosť rozloženia a prispôsobivosť. FLAT dizajn sa rozšíril aj v infografike, pretože je založený na harmonickom vnímaní informácií pomocou konštruktívnych techník typografie a farby.

Svojho času bol najpopulárnejším trendom webdizajnu Web 2.0. Teraz jeho miesto zaujal FLAT design. Móda má vo zvyku vracať sa k dobre zabudnutému starému, aby z toho vytvorila niečo nové. Ktovie, kedy FLAT dizajn vyjde z módy, no zatiaľ si vychutnajte jednoduchosť, harmóniu a informačnú náplň súčasného trendu. Mimochodom, plochý dizajn bol populárny už v 80. rokoch, no vtedy to bolo kvôli technickým vlastnostiam a neschopnosti zobraziť tiene a prechody. A teraz väčšina popredných IT spoločností prešla na plochý dizajn.

No aj my sa prispôsobíme meniacemu sa svetu. V ďalšom článku vám ukážem, ako môžete vytvárať ikony v štýle FLAT pomocou jednoduchých tvarov vo Photoshope.

Ak vás moje publikácie zaujímajú, odporúčam vám držať krok s najnovšími aktualizáciami na stránke.

(Navštívené 2 333-krát, dnes 1 návštev)

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žitie 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 benefity 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.