Plochý dizajn je kľúčovým smerom dizajnu pre nadchádzajúce roky, preto vás pozývame, aby ste ho lepšie spoznali a naučili sa 5 základných princípov, ktoré sú jeho základom.

Predstavujeme plochý dizajn

V ruštine sa plochý dizajn prekladá ako „plochý dizajn“ a po predstavení operačného systému iOS od Apple sa stal absolútnym favoritom. V popredí bol minimalistický prístup k dizajnu pre použiteľnosť. Vsádza sa na pohodlie užívateľa. Ide o vyslovený protest proti „squerformingu“ (vizualizácii objektov, ako v skutočnosti). Voľba padla na zjednodušenejšie a zároveň jednoduché estetické riešenia. Používatelia, ktorí sú unavení z realistických vizualizácií, tento trend privítali s nadšením a čoraz viac webových projektov prechádza na tento formát.

Chcel by som poznamenať, že „ploché“ neznamená „nudné“. Ploché dizajnové riešenia môžu byť krásne, sú rafinovanejšie, čistejšie, bez nadbytočnosti, transformujúce sa na „ostrov pokoja“. Konečne robia obsah zrozumiteľným. Zostáva naučiť sa základné princípy, aby ste ich mohli aplikovať v praxi.

Zásada č. 1: Preč so zbytočnými efektmi

"Plochý" dizajn sa nesnaží sprostredkovať objemy, preto je založený na dvojrozmernej vizualizácii. To znamená, že neuvidíte žiadne tiene, žiadne reflexy ani zvýraznenia s textúrami (s výnimkou dlhých tieňov). Iba prenos obrysov a nič viac.

Zásada č. 2: Čím jednoduchšie, tým lepšie

V dizajne sa odporúča používať jednoslabičné figúry, ako aj dodržiavať jasnosť obrysov, ktorá má zdôrazniť ľahkosť a beztiažnosť. Okrem toho takéto lakonické prvky dobre napodobňujú snímač, čím vytvárajú túžbu po interakcii s objektom (výzva na stlačenie, dotyk). Jednoduchosť prvkov sa však nerovná jednoduchosti dizajnu ako celku - týka sa iba obrysu. Výsledkom je, že všetko, čo používateľ vidí, je mu jasné a môže to jednoducho používať.

Zásada č. 3: Typografia a jej význam

Plochý dizajn nabáda k mimoriadnej opatrnosti pri práci s písmami. To znamená, že ich charakter musí dopĺňať schému dizajnu bez toho, aby jej odporoval. Navyše, v plochom dizajne je typ kľúčovým navigačným prvkom.

Zásada č. 4: farebné akcenty

Nielen typ, ale aj farba je nevyhnutnou súčasťou plochého dizajnu. Prevažná väčšina paletiek je založená na 2-3 farbách, aj keď, samozrejme, existujú aj výnimky. Zvyčajne sa vyberajú šťavnaté a svetlé, ale zároveň čisté farby. Ako už bolo uvedené, neexistujú žiadne prechody ani zbytočné prechody.

Zásada č. 5: Vyberte si minimalizmus

Plochý dizajn je ukážkovým príkladom takého celosvetového trendu, akým je minimalizmus. Dizajnéri upúšťajú od zbytočných „zvončekov a píšťaliek“, odkláňajú sa od zložitých a implicitných prístupov k vizualizácii, čo prináša ovocie v podobe aktivity používateľov.

Plochý alebo takmer plochý? Hľadáme kompromis!

Na záver by som rád poznamenal, že dnes existuje synergia medzi plochým a nerovinným dizajnom. Ide o „takmer plochý“ dizajn. Toto je najbežnejšia aplikácia opísaného konceptu, keď spolu s jednoduchými a lakonickými prvkami a dvojrozmerným priestorom používajú dizajnéri 1-2 techniky pre hĺbku a perspektívu.

Trendom roku 2017 bol aj Semi Flat Design - poloplochý dizajn. Vplyvom Material dizajnu sa stal o niečo priestornejším. Objavujú sa jemné tiene, ktoré robia dizajn poloplochým. Plochý dizajn je dnes stále aktuálny, kvôli tieňom sa stal hlbším a zložitejším, ale základný koncept nie je porušený.

V poslednej dobe sa stal populárnym taký dizajnový smer ako FLAT - dizajn alebo plochý dizajn.

Používatelia systému Windows 8 a novších už poznajú dizajn FLAT, pretože prvá vec, s ktorou sa stretnú pri zavádzaní systému, je táto obrazovka.

Samotný vznik 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 rád používam, no nech už idú odveké problémy so zobrazením gradientu.

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 je tiež široko používaný v infografike, pretože je založený na harmonickom vnímaní informácií pomocou konštruktívnych techník typografie a koloristiky.

Svojho času bol najpopulárnejším smerom webdizajnu Web 2.0. Teraz zaujal jeho miesto dizajn FLAT. Móda má tendenciu vracať sa k dobre zabudnutému starému, aby z neho vytvorila to 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, ale vtedy to bolo kvôli technickým vlastnostiam, neschopnosti zobraziť tiene a prechody. A teraz väčšina popredných IT spoločností prešla na plochý dizajn.

No dobre, 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 máte záujem o moje publikácie, odporúčam vám sledovať najnovšie aktualizácie na stránke.

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

V tomto článku vám predstavím plochý dizajn. 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, živého a citlivého dizajnu.

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

1. Čo je plochý dizajn?

Flat 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 textúr, tieňov a svetelných efektov, napr.: 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 - preklad cca.) ako aj bohatý dizajn.Treba však povedať, že flat 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.

Ploché vo všeobecnosti pomáhajú udržať používateľa zameraného 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 jednoduchším na používanie.

2. Trochu histórie

Je známe, že plochý dizajn existoval dávno predtým, ako sa stal globálnym trendom na webe. Plochý dizajn bol pomerne populárny v 80. rokoch, pretože technika ešte nebola dostatočne pokročilá, aby podporovala komplexné efekty, textúry a tiene. Avšak už vtedy sa dizajn snažil o skefomorfizmus 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ý udivuje svojou štýlovosťou a jednoduchosťou.

V roku 2010 Spoločnosť Microsoft vydala Windows Phone 7, ktorý používal plochý dizajn s ostrými hranami a jednoduchou grafikou zdedenou z raného produktu. 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 vrchol 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 .

Krátko nato spoločnosť Google začala používať plochý štýl vo svojich aplikáciách a webových stránkach a nazývala ho Material Design... Google má dokonca celú časť venovanú tomuto štýlu, vrátane popisu cieľov webdizajnu, jeho princípov a pokynov na vytváranie rôznych dizajnových objektov: ikon, rozložení atď.

Od tej doby 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 firiem, bez ktorých je ťažké si predstaviť moderný svet technológií:

Dizajn Metro od spoločnosti Microsoft

Dizajn Apple iOS 7

Material Design od Google

3. Pamätajte na čistotu

Plochý dizajn sa zjavne 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 používa aj len silueta alebo obrysy objektu, t.j. len toľko, aby bol objekt rozpoznateľný, ale nepreťažoval ho drobnými detailmi.

Minimalizmus sa stal v súčasnosti globálnym trendom: jednoduchosť tvarov a použitie ostrých hrán vytvárajú čistý a oku lahodiaci dizajn. Jednoduché formy sú jednoduchšie na pochopenie a pochopenie. Vďaka tomu je dizajn minimalistický, čistý, bez toho, aby mal rušný a chaotický vzhľad.

4. Dokonalosť

Vedzte, že pokiaľ ide o vytváranie plochých ikon a prvkov používateľského rozhrania, je potrebné, aby vyzerali ostré, elegantné a dokonalé v pixeloch. toľko, koľko sa dá. Navyše to platí pre rastrovú aj vektorovú grafiku.

S Adobe Photoshop je všetko jasné: pracuje s bitmapovou 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ú dané 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 zahŕňa najmä prácu s jednoduchými, plochými tvarmi, plnými farbami a mriežkami.Adobe Illustrator je veľmi flexibilný v 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 Adobe Illustrator .

5. Farba

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

Farba v plochom prevedení sa vyznačuje jasom, sýtosťou a sýtosťou.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 cukríkov alebo predmety v retro štýle v sofistikovanej retro palete.

Povedzme, že ste dizajnér rozhrania s dobrým prehľadom o farebných paletách a experimentujete s farebným pruhom vo Photoshope a Illustartore a miešate farby podľa ľubovôle. Tento proces je však dosť komplikovaný a vyžaduje si veľa intuície, skúseností a zručností. Tu je niekoľko nástrojov, ktoré vám môžu pomôcť vytvoriť si vlastnú paletu farieb.

Niektoré sú vhodné pre všetky druhy vzorov a ilustrácií, nielen pre ploché vzory. Napríklad Adobe Color CC, známejší ako Cooler. Dnes je k nemu prístup cez webovú stránku 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 vlastných paliet z knižnice.

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

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

A tiež nájdete širšiu škálu farieb a paliet Sprievodca Material Design od Google.

6. Dlhé tiene

Ako už bolo spomenuté vyššie, plochý dizajn sa vyznačuje jednoduchosťou, množstvom voľného priestoru – preto flat odmieta použitie akýchkoľvek efektov. Je tu však jeden efekt 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ý, a to 45-stupňový sklon a veľkú veľkosť (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 spôsobuje, že objekt vyzerá viac trojrozmerne, no zároveň ho ponecháva v plochom dizajnovom kontexte.

7. Práca s písmom

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

Flat zvyčajne používa jednoduché typy písma, vďaka ktorým je celý dizajn ako celok č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 komerčne.

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

Fonty používajte opatrne, pamätajte, že by mali zdôrazňovať a ladiť s dizajnom, nemali by sa zobrazovať ako samostatný prvok. To neznamená, že nemôžete používať pätkové fonty alebo ručne písané zložité fonty. Len to minimalizujte a udržujte všetko v rovnováhe. Ploché však stále častejšie 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

Napriek tomu, že plochý dizajn sa stal tak populárnym vďaka mnohým výhodám, stále má nevýhody, s ktorými sa dizajnéri stretávajú pri používaní tohto štýlu. Poďme sa pozrieť na výhody a nevýhody.

klady

Popularita

Flat dizajn sa stal trendom, ktorý zbiera čoraz viac pozitívnych ohlasov / od dizajnérov a webdizajnérov a vôbec sa nezdá, že by strácal pôdu pod nohami. 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 skôr na obsah, než aby ich rozptyľovali vizuálne prvky. To platí aj pre rozhrania mobilných aplikácií: vďaka čistému dizajnu s veľkými tlačidlami je mobilný zážitok dokonalý.

Jas

Farba je ďalším skvelým plusom plochého dizajnu. Svetlé a nasýtené farby vyzerajú atraktívne a čisto a absencia prechodov robí dizajn štýlovým. Navyše, takéto čisté farby ho robia pozitívnejším, prezentovateľnejším, plochý dizajn vytvára 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 sú niektoré z nevýhod plochého dizajnu, ktoré musíme spomenúť:

Nereagovanie

Nedostatok dôležitých detailov alebo vizuálov 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šetci plochý používatelia sa cítia pohodlne, 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 tlačou

Ako už bolo spomenuté, nie každé písmo sa hodí do plochého dizajnu. Niekedy takéto sýte, ostré písmo vyzerá naozaj vyvážene a štýlovo. Ak je však písmo zvolené nesprávne, môže to pokaziť celý dizajn. Musíte naozaj získať 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ôže byt vyzerať príliš jednoducho a chladne. Jeho hlavnou nevýhodou môže byť aj minimalizmus – ostatné ploché dizajny nakoniec vyzerajú presne ako tie vaše. Preto je veľmi ťažké odlíšiť svoje ikony alebo webové stránky od dizajnu 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

To neznamená, že flat-dizajn sa úplne sformoval a zastavil svojím vlastným spôsobom, možno práve pre jeho nedostatky, spomenuté vyššie, má byt tendenciu sa vyvíjať a meniť, získavať nové črty a zvyšovať vizuálnu expresivitu.

Ak sa bližšie pozriete na posledný príklad plochého dizajnu, možno si všimnete, že je to naozaj takpostupne od svojich prísnych nástrojov a začína pridávať jemné efekty ako: prechody, tiene, osvetlenie a iné vizuálne efekty.

Tieto maličkosti dodávajú plochému dizajnu určitú hĺbku bez preťaženia detailov, ako je napríklad skeuomorfný dizajn.Tieto drobné vylepšenia robia byt citlivejším a pohodlnejším a zároveň 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 to zlepší.

závery

Rozoberali sme teda niektoré fakty z histórie flat dizajnu, bavili sme sa o farbách, tvaroch a typografii. Preskúmali sme rôzne uhly pohľadu, zaoberali sme sa výhodami a nevýhodami bytu a naučili sme sa niektoré z hlavných princípov vytvárania dobrého dizajnu.

Dúfam, že ste sa z tohto článku dozvedeli nejaké nové informácie, alebo vás aspoň zaujali. Ak ste tak ešte neurobili, musíte vyskúšať 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. Ak je byt v trende, neznamená to, ž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. A čo je najdôležitejšie, nezabudnite, že dizajn je pre každý projekt iný, mal by vyjadrovať jeho ducha, účel, podstatu, pričom by mal zostať pohodlný a funkčný. Vpred!

Plochý dizajn sa v poslednej dobe stal populárnym pre aplikácie a webové stránky. Tým nechcem povedať, že tento štýl sa páči každému úplne každému, no určite nevyhovuje všetkým aplikáciám a stránkam. Plochý dizajn má mnoho výhod, ako je jednoduchosť a minimalizmus, čo uľahčuje používanie. Pre niektoré aplikácie môže byť plochý dizajn príliš jednoduchý. To znamená, že stojí za to pridať nejaké tiene alebo prechody, aby to vyzeralo lepšie.

Mnoho ľudí tvrdí, že plochý webový dizajn je efektívny dizajn. Hovorí sa, že toto je spôsob, ako urobiť projekt čo najpríjemnejším. Tu je niekoľko inšpiratívnych príkladov plochého dizajnu. Tento výber z rôznych portfólií je skvelý na pochopenie plochých dizajnov, ktoré skutočne fungujú.

ISLAND

Januárové kreatívne

Minimálna opica

Čo je plochý dizajn?

• Plochý dizajn zameraný na užívateľa
• Plochý dizajn je jednoduchý
• Plochý dizajn - menej prechodov
• Plochý dizajn zahŕňa rovné čiary a hranaté rohy
• Zvyčajne sa používa silný farebný kontrast.
• Neexistujú žiadne tiene, skosenia, textúry alebo to, čo vyzerá ako 3D v plochom dizajne
• Plochý dizajn existuje len v 2 rozmeroch
• Plochý dizajn - trend k jednoduchosti a minimalizmu
• Plochý dizajn – nepoužívajte ďalšie efekty
• Neexistujú žiadne doplnky
• Plochý dizajn – menej tlačidiel a súprav tela
• Plochý dizajn znamená zameranie sa na písma
• Farebné kombinácie, kontrastné farby a zaujímavé farebné variácie sú dôležitými ingredienciami flat dizajnu.
• Plochý dizajn je jedným z mnohých dizajnov. Pre niektoré projekty je vhodný, pre iné nie.

Čo nie je plochý dizajn

• Plochý dizajn nie je skeuomorfný alebo dizajn, ktorý napodobňuje tvar a obrysy „reality“.
• Plochý dizajn neobsahuje lesklé gombíky
• Ploché prevedenie nezahŕňa dekoráciu
• V flat dizajne nenájdete tradičný koncept "hĺbky"
• Plochý dizajn nevyhovuje všetkým projektom

Je plochý dizajn iba efektívnym dizajnom?

Niektorí považujú samotný plochý dizajn za efektívny dizajn. To znamená, že zjednodušuje používanie stránok a aplikácií, umožňuje vám nájsť informácie, ktoré potrebujete, bez toho, aby vás rozptyľovali. Samozrejme, plochý dizajn nie je jediný, ktorý uľahčuje vyhľadávanie informácií. Ak sa všetko urobí dobre, používatelia nebudú mať žiadne problémy. Projekt by mal byť jednoduchý a ľahký pre tých, ktorí ho dokážu používať. Niekto uprednostňuje plochý dizajn, iný uprednostňuje iný štýl dizajnu.

Prvky pre plochý dizajn

Páči sa vám plochý dizajn? Tu sú niektoré prvky, ktoré možno použiť pre "plochý" dizajn

Balík plochých ikon

Jednoduchý a jednorazový dizajn webovej stránky sa považuje za najsprávnejší. Plochý štýl dizajnu webových stránok je užitočný v mnohých prípadoch. Jednoduché rozhrania často fungujú lepšie a vzhľadom na všeobecný trend smerom k minimalizmu je smer Flat stále aktuálny (Microsoft a Apple urobili svoje operačné systémy plochými). Použitím krásnych plochých farieb vo svojich návrhoch zavedené spoločnosti nepremeškajú príležitosť prejaviť svoju individualitu, upozorniť na značku alebo zvýšiť konverziu.

Príklady dobrého plochého dizajnu

Pekne a rozumne vytvorené ploché stránky s jednoduchou navigáciou a intuitívnym rozhraním. Ich premyslené, vykreslené návrhy sa dobre predávajú a vytvárajú dobrý používateľský zážitok.

Spustiť

Jedinečná sivo-bielo-oranžová verzia bytu. Mikroiterácia vyzerá krásne vo výraznom používateľskom rozhraní s tlačidlami duchov a paralaxným posúvaním rozmazaného pozadia. Efekty posúvania, ako sú napríklad lepivé ponuky a päta, ktoré sa prekrývajú s pozadím tela stránky, vizuálne robia web kompaktnejším.

eTecc Interactive

Jednoduchý dizajn webu americkej agentúry nevyzerá obyčajne, pretože vyrobené s vysokou kvalitou a chuťou. Stará škola dizajnu nefunguje o nič horšie ako inovácie, dokáže priaznivo prezentovať firmu a jej služby.

Advokátska kancelária Nehora

Čistý, plochý dizajn so sofistikovanými prvkami dodáva webovej stránke kalifornskej právnickej firmy profesionálny vzhľad. Klobúk a päta sú krásne zdobené. Biela a odtiene zlatej na tmavom tyrkysovom podklade vytvárajú krásny jemný kontrast. Užívateľsky orientované rozhranie stránok umožnilo organizovať obsah.

Towa

Stránka nemeckej agentúry wordpress má pekný minimalistický dizajn s efektmi HTML5 / CSS3 a. Pastelové / šedo-zlaté odtiene, farebná korekcia fotografií a modulárne usporiadanie pomohli krásne navrhnúť stránku vo forme koláže zaujímavých faktov o spoločnosti.

Amazee labs

Stránka švajčiarskych vývojárov Drupal má lakonický dizajn s príjemnými farebnými kombináciami. Prvky výzvy na akciu sú kreatívne štylizované, používajú sa ploché a HTML5 / CSS3 techniky.

Vesmírna ihla

Space Needle je symbolom Seattlu. Stránka má aj hlavnú stránku s vykresľovaním na pozadí. Jedinečne štýlové rolovanie s efektmi uhýbania a mini snímkami na konci.

Postavené v Amsterdame

Holandská brandingová agentúra má krásnu plochú webovú stránku s vlastným navigačným menu. Pekné a štýlové rozhranie, dobré.

Žltá konferencia

Optimistický obsah, žiarivá žltá a stránka vás nastaví na pozitívnu stránku.

Joy Intermedia

Web pre medzinárodnú kreatívnu agentúru z Poľska s plochým dizajnom v CSS3 a dobrým UX. Stránka používa bočné a spodné panely a ľahko sa používa.

Fuse Lab Creative

Dobre štruktúrovaná, užívateľsky prívetivá stránka pre americkú agentúru s praktickým polopriehľadným bočným menu, projektovou lištou a nenápadným mini introm na domovskej obrazovke.

Chobani

Malá B2B spoločnosť má peknú a užívateľsky veľmi príjemnú kulinársku stránku s čistým dizajnom založeným na HTML5. Prezentáciu sortimentu napomáha pevné rolovacie menu a originálny štvorúrovňový sekundárny navigačný systém.

Jedinečný plochý dizajn a plochý štýl

Boli vybrané príklady jedinečného plochého štýlu, ktoré dokazujú, že ploché rozhrania môžu byť efektívne, zaujímavé a atraktívne. Kombináciou expresívnej grafiky s príjemným kontrastom písma, pridaním malej animácie a mikroiterácie môžete nielen skrášliť kreatívnu alebo obchodnú webovú stránku, ale tiež ukázať svoju individualitu, vyjadriť hlavné posolstvo dizajnu.

RJ Investments

Stránka britskej realitnej kancelárie so štýlovým lakonickým plochým dizajnom v šedej a bielej farbe. Akcentná zlatá farba dodáva jemnú expresivitu. Založené na WordPress HTML5 / CSS3, jQuery, SVG.

Naklonená stolička

Expresívne navrhnutý web - typografia sa stáva vizuálne zaujímavou, keď sa do dizajnu vrátia chytľavé farby s minimalizmom a plochým štýlom. Červené nadpisy, ktoré priťahujú pozornosť, slúžia ako odrazový mostík.

FHOKE

Čistý, plochý dizajn a jedinečné používateľské rozhranie stránky. Zaostrovanie obrázkov, vrát. obchod s potravinami s počítačmi a iPhonmi (fotografie zobrazené v samostatnej vrstve vyzerajú realisticky).

národa

Pamätné, živé a dynamické štúdio z Londýna. Kontúrovaný nadpis na kompaktnej domovskej stránke nezostane nepovšimnutý, rovnako ako pútavé tlačidlá duchov v portfóliu / puzdrách. Používa sa zacyklené video na pozadí, fotopozadia s rozostrením a korekciou farieb, štýlové animácie, prechody, preloader načítania stránky. Výrazný dizajn v modrých tónoch vyjadruje posolstvo spoľahlivosti štúdia a tímovej energie.

Mayven dev

Mayven Dev je kreatívny tím 30 programátorov / dizajnérov UX so sídlom v San Franciscu. Ich stránka sa vyznačuje zdržanlivou estetikou dizajnu, individuálnym štýlom, príjemnými farebnými schémami s výraznými kontrastmi bielej typografie a animovanou obrysovou grafikou na smaragdovom pozadí.

Agentúra HughesLeahyKarlovic

Čistý a uprataný dizajn webovej stránky americkej agentúry vás okamžite naladí na pozitívum. Navigačná ponuka je jedinečne navrhnutá: efekt vznášania s aplikovaným farebným filtrom premení obrázok na pozadí na video v slučke.

Satelitná komunikácia Satis

Rozsiahla webová stránka pre ruského satelitného operátora. Obchodná estetika je realizovaná prostredníctvom plochého dizajnu s obrysovými ilustráciami.

Ilustrácie, efekty a kreativita v plochých dizajnoch

Príklady dynamických návrhov, kreatívneho plochého dizajnu a úspešného spojenia plochej ilustrácie s animáciou. Modern Flat vám umožňuje kombinovať prvky herného dizajnu s realistickým obsahom pre obchodné webové stránky.

Štúdiá Tectonica

Dizajnér používa plochú grafiku s prechodmi (aktuálny trend webu), blok jasných plochých ilustrácií na hlavnej stránke. Pre atraktívne členenie sekcií - voľný priestor a animovaná grafika.

Pixity-krajina

Microsite s klasickým plochým dizajnom využíva rolovacie animácie, ploché ilustrácie a videá.

100 rokov dizajnu

Kreatívny webový projekt dizajnérskej komunity AIGA. Ploché farby predstavujú položky ponuky, otvárateľné sekcie, aktívne body navigácie a okná rozdelené na polovicu s ilustráciami karuselu.

Agentúra Drap

Odvážna, pútavá a farebná webová stránka pre kreatívnu agentúru založenú na technológiách. Tu oceňujú dizajnové inovácie a akékoľvek inovácie v prezentácii informácií.

Mobkii

Bez plochých ilustrácií s prechodmi by web mexickej agentúry vyzeral nudne a dizajn je pre vývojárov webu a aplikácií príliš obyčajný.

Ecodom Consorzio

Oficiálna stránka talianskej spoločnosti venovaná revitalizácii domácich spotrebičov a recyklácii. Živý zelený dizajn, interaktívne a dynamické efekty vyhovujú webovej stránke organizácie s týmto druhom činnosti.

Zázračná vec

Projekt vás pozýva zoznámiť sa s vecami, ktoré sú zaujímavé pre zvedavcov, komunitu a podujatia na rozšírenie vašich obzorov. Počnúc abstraktnou domovskou obrazovkou, originálny dizajn zaujme toto publikum.

Zelený muž

Stránka slúži ako sprievodca po waleskom festivale. Žlto-zelený dizajn a animácia s kreatívnou plochou grafikou sú v súlade s názvom domény aj pozitívnymi cieľmi projektu.

Prečítajte si tiež: Kombinovanie farieb vo webdizajne - zelené stránky

Portfólio Amelia Thompson

Jedna stránka z Chicaga. Amelia má zaujímavé portfólio plochých prác.

Prečítajte si tiež: 30 štýlových webových stránok agentúr a portfólia osobných dizajnérov

HotovoHotovo

Webová stránka systému riadenia projektov s nástrojom na sledovanie chýb je krásne navrhnutá v štýle Flat. Živé farby, plochá grafika / video a kontrastné tlačidlo hovoru nemožno prehliadnuť.

Mäta pieporná

Kreatívna stránka poľskej digitálnej agentúry využíva geometrické tvary a nepredstaviteľné animácie, ilustrácie, fotografie, kresby.

Geex Arts

Webová stránka mladého moskovského webového štúdia zaujme svojim high-tech ultramoderným dizajnom a je zaradená do TOP 40 digitálnych agentúr. Vyznačuje sa štýlovým navigačným menu, veľkolepými prechodmi, interaktivitou, animáciou a dobrým UX pre neštandardné riešenia.

DAESK

Stránka nemeckého štúdia má vzrušujúci predajný dizajn v HTML5 a neštandardné navigačné menu. Vzrušujúce kyslé farby predávajú produkt (sledovač návštevnosti). Efekty posúvania paralaxy pri vznášaní priťahujú pozornosť na tlačidlách volania a na sociálnych sieťach. Po vynikajúco navrhnutých recenziách bude úvodná stránka odkazovať na prípady / príbehy zákazníkov. Interactive na vektorovom pozadí spúšťa predaj video grafiky.

Fcinq

Web francúzskeho kreatívneho štúdia: štýlový plochý dizajn začína krásnym predpätím. Fotografická korekcia farieb a jedinečné farebné kombinácie robia tento dizajn atraktívnym.

D.FY

Flexibilná stránka pre kórejskú agentúru s kreatívnymi videami na pozadí. Moderný čistý dizajn v html5 / css3. Efekt plynulého prechodu je pôsobivý v navigačnom menu na celej obrazovke.

Odvážni ľudia

Minulé redizajny webovej stránky kreatívnej agentúry so sídlom na Floride boli uvedené v kreatívnom TOP. Brave People má teraz efektívny dizajn s čistým a kompaktným plochým rozhraním.

Nea media

Francúzsky výrobca hračiek a videohier použil štýl FLAT a webdizajn. Stránka vytvorená na Wordpresse prekvapuje svojim módnym dizajnom.

Malé letáky

Toto je austrálska stránka pre deti so šťavnatými plochými farbami. Kontrastné zúbkované písma prinášajú príťažlivosť do popredia a spájajú sa s veľkými dizajnovými prvkami.

Ic kreatívne

Stránka anglického štúdia vyniká veľkými nadpismi s príťažlivosťou a prvkami CTA akcentovanej oranžovej farby.

FATbit

Masívna webová stránka pre vývojárov webu z Indie je postavená na wordpresse a ponúka množstvo dizajnov s mikrointerakciami a animovanými ilustráciami. Plochá červená farba vo vrchnej časti a päte zvýrazňuje výzvy na akciu. Hlavná stránka má pevné pozadia s farebnou korekciou a podporuje presúvanie snímok v karuseloch (prvá obrazovka, sociálny dôkaz, promá na priesvitných platniach).

Menada domény

Bulharský vinár, ktorý pokračuje v 100-ročnej tradícii kvality, zaujme návštevníkov animovaným predpätím vývrtky. Tmavý plochý dizajn s jemnými kontrastmi, kreatívnou manipuláciou s fotografiami a neprerušovanými riešeniami predáva myšlienku luxusu značky.

Múzeum Fransa Halsa

Miesto Holandského múzea umenia má nezvyčajný dizajn v štýle Flat s obrovskými sekanými hlavičkami. Navigačné ikony pomáhajú pochopiť neštandardné horizontálne a vertikálne menu.

Precíznosť

Flat je stránka pre vývojárov z New York State Technology Valley. Výrazný, čistý dizajn s geometriou a pevným pozadím. Krásne kontrasty v hlavičke, päte, sekciách s tlačidlami CTA.

Vstupné stránky a predajné návrhy v štýle FLAT

Atraktívnosť a živosť domovskej alebo internej stránky pomáha vyjadriť jedinečnú ponuku. Landing design stránky rozširuje možnosti využitia Flat a zvyšuje šance na ďalšiu interakciu so zákazníkmi. Cieľom dizajnu predajnej a cieľovej stránky je poskytnúť vysoké konverzie. Stránka LP alebo vstupná stránka je zapamätaná pre zaujímavý alebo nezvyčajný dizajn.