Slovo "bytu" znamená "byt". Od vývoje takzvaného plochého designu již několik let zaujímá své pozice a zaujímá vedoucí postavení na trhu.

Z toho všeho, co začalo

Webový design se od svého založení hodně změnil. Prošel dlouhou cestou od jednoduchých a nudných prvků k trojrozměrným, konvexním a téměř materiálním. To lze snadno vidět na příkladu změny vzhledu operačního systému Windows. Vizuální složka se vyvíjí souběžně s vývojem technologií. Ale její nové trendy ukazují na návrat k minimalismu a jednoduchosti.

Od šikmého morfismu k plošnému návrhu

Pre-plochý styl byl šikmo-morfismus. Již dlouho je hlavním trendem v designu. Skewmorphism je pseudo-skládací styl, jehož všechny prvky napodobují vzhled skutečných objektů (notebook, budík), stíny, přirozené textury a další. Jeho živé příklady se objevily v raných rozhraních smartphonů. Začal ztratit svou pozici po roce 2010, kdy se návrháři velkých společností začali snažit o zjednodušení a ve vývoji rozhraní se začalo zbavovat hlavního rysu šikmo-morfismu - trojrozměrného. Skvělou ukázku rozdílů ve stylech může být obrázek níže. Obrázek vlevo představuje plochý design a vpravo je zkosený morfismus.

Charakteristické znaky plochého stylu

Byt je dvourozměrný styl. InJe absolutně žádné vizuální efekty, jako jsou plynulé přechody barvy, stín, trojrozměrné struktury. Jedním slovem je vše, co dělá obraz volumetrický.


Key nést informativní ikony (Flat ikony designu). Měli by být uživatelům co nejjasnější, pokud jde o aplikace pro smartphony. U stránek jsou stejné ikony hlavními prvky, které odrážejí její specifičnost a informace. Typicky, jsou prezentovány jako jednoduché geometrické tvary, kruhu nebo čtverce, s charakteristickým symbol obrazu. Při návrhu plochého designu je věnována pozornost barevnému schématu. Měla by být monotónní, ne obsedantní a neodvrátila uživatele. Nejčastěji se používá jedna čistá barva a několik kontrastních odstínů. Mimochodem, existuje mnoho internetových služeb sady Ploché provedení barev, které mohou být použity zkopírováním Hex kódů oblíbené barvy. Neméně důležitá je taková věc jako typografie (text). Vzhledem k obecné jednoduchosti je textová součást obzvláště zvýrazněna. Takže by měla být čitelná a neporušovat obecnou stylistiku. To bude záviset na úspěšném výběru písma a jeho barvě.

Příklady Plochá konstrukce

Za prvé, že ploché boční ikony změnilo velmi mnoho známých on-line zdrojů a sociální sítě. Není to tak dávno, Google obři a YouTube také změnila svůj design bytu. Operační systém Windows, z osmi, zcela opuštěn celý objem značení ikon, které lahodí oku některých uživatelů v předchozích verzích, azačal se řídit plochým designem. Jejím příkladem jsou vývojáři mobilních aplikací iOS a Android.
Široce využívaly výhody plochých stránek s jedním stránkováním (přistání), pro které rozhodující roli není bizarní vzhled, ale funkční a čitelnost.

Vývoj plochého designu

Původně plochý design byl skutečně plochý, což způsobilo určité obtíže pro uživatele, kteří byli zvyklí na konvexní knoflíky. Jestliže v skewmorphismu byla klepnutí na tlačítka okamžitě patrná, pak v prvních variantách plochého návrhu nebyla interaktivita prvků vždy poprvé určena. Poté, co Microsoft vydala Windows 8 v plochém stylu, nebyli všichni uživatelé schopni okamžitě řešit nové rozhraní a jaké ikony mohou kliknout. Vzhled prvků nenaznačoval možnou interakci s nimi. Takový návrh byl vhodný spíše pro mobilní aplikace, které tuto myšlenku zvedly. Apple byl první, kdo to udělal v iOS 7. Plochý design však nezastaví a vyvíjí se ve směru komplikace. Dnes stále více vypadá jako poloplán, nebo jak se tomu říká Flat 2.0. Začaly se objevovat účinky hloubky, stínů, přechodů. Hloubka v plochém provedení je dosažena umístěním prvků v různých úrovních nebo pod úhlem. Ať už je to cokoliv, styl je na vrcholu popularity a je velmi vyhledávaný. Takže, pokud máte v plánu navrhnout své stránky, můžete bezpečně udělat volbu ve prospěch návrhu Flat. A pokud budete potřebovat nějaképro váš web nejsou žádné položky, pak na internetu najdete obrovské množství volných prvků UI (volně ke stažení), jako jsou ikony, písma, šablony a další nezbytné součásti rozhraní.

Klady a nevýhody

Nepochybně v dnešním frenezovaném rytmu života je tento nepostradatelný informační styl výhodnější než jeho předchůdce. Plochý design má řadu nesporných výhod.
Možná nejdůležitější je rychlé stahování webových stránek. Stránky, které používají plochý design, se otevírají mnohem rychleji než ty, které jsou ohromeny animací a jinými těžkými předměty. Zvláště důležité je doba stahování pro optimalizaci SEO a propagaci stránky na vrcholu. Zjednodušený vzhled přispívá k srozumitelnosti textu a umožňuje zaměřit se na hlavní obsah. Návrh vypadá harmonicky a holisticky, což vytváří obecně příjemný dojem. Nic není dokonalé a plochý design není výjimkou. Se svou zřejmou jednoduchostí nevyvíjí skutečně úspěšný plochý webový design tak jednoduché. Existuje šance, že by byl nudný a neatraktivní. Nebo naopak, retušujte design a zapomeňte na funkčnost. Hlavním úkolem při navrhování plochého designu je udržovat perfektní rovnováhu mezi krásou a snadným používáním.