Webové stránky ve stylu flat designu vypadají jako jednoduchý geometrický blok s barevnými akcenty (ikony, zvýraznění textu, infografika) s minimem grafických detailů a bez přebytečných textových informací. Jak se říká, „minimalismus“ a nic zbytečného.
Jak nekreslit ploché ikony
„Plochý“ design webových stránek se stal módním spolu s novými rozhraními Windows. Rostoucí popularita tohoto stylu v Rusku byla usnadněna nárůstem počtu webdesignérů samouků, kteří nevědí, že webové rozhraní a rozhraní „prst“ (smartphony) nejsou totéž (je snadné posouvat dolů po stránce prstem - a naopak budete potřebovat hodně trpělivosti a skutečného zájmu otočit kolečkem myši o 3-4 obrazovky dolů). Na ruských plochých stránkách často najdete následující ikony:
Příkladem jsou jen světlé barvy, které se k sobě nehodí + ikony špatné kvality (vzal jsem příklad z placené sady, ale téměř vždy freelanceři používají volně stažené ikony z různých sad, které se také navzájem neslučují).
Začínající designéři se kvůli své neschopnosti kreslit kvalitní grafiku snadno chopí příležitosti vše zjednodušit. Přitom se opomíjí, že design ve stylu „minimalismu“ předpokládá precizně kvalitní zpracování detailů rozhraní, a nikoli pouhé umístění ikon stažených z internetu na barevné čtverečky ve stylu Windows 8 (které nyní najdete na mnoha údajně „moderních vstupních stránkách“).
Příklad dobrých plochých ikon:
Barvy a ikony by se měly nejen vzájemně kombinovat, ale také tvořit jeden celek.
Problémy nekvalitního plochého provedení
1. Navigace a použitelnost
Síť NENÍ skutečným prostorem, proto za účelem vytvoření pocitu reality a pochopení vaší polohy používají stránky „drobečky“ a obrázky ikon jsou blízko skutečným objektům pro rychlé pochopení a snadnou navigaci. Takže podle ikony domu je okamžitě jasné, že toto je „domov“, podle ikony sluchátka - že toto je telefon, u koše - že toto je košík (jako v supermarketu - vše je jasné a jednoduché), ikona s obrázkem dárku - dárku atd. .
Noví designéři bytů však často ikony příliš zjednodušují. A čím dále jsou návrháři od intuitivních obrázků, tím obtížnější je pro uživatele interpretovat je. Přílišné zjednodušení někdy ztěžuje navigaci. Jakmile se všichni vrhli na vytvoření módního plochého designu webových stránek ve snaze napodobit evropské designéry, na jednoduchá pravidla použitelnosti se zapomnělo.
2. Dlouhé obaly na ploché nohy
Stránky se roztahují o 3-4 obrazovky, přičemž prostor je nejen šetrně využit, ale naopak je přidáno nadměrné množství „vzduchu“. Zároveň chybí vizuální motivace pro rolování – žádné žetony, žádná animace. Jak vývojáři plánovali zaujmout návštěvníky při posouvání stránky dolů, není jasné. Koneckonců, ve srovnání s weby, kde je vše kompaktní, vyžadují weby pro nohy spoustu energie k pohybu myší po celé obrazovce a posouvání.
3. Matoucí tlačítka
Na plochých stanovištích již aktivní prvky nejsou zřejmé. S příchodem plochého designu se tlačítka stala také plochými. Ale vizuální obraz tlačítka pochází ze skutečného fyzického tlačítka a stíny a přechody jen ukazují, že „sem určitě můžete kliknout“.
4. Špatně nakreslené ikony
Kvůli nekvalitní práci designérů ztratily ikony na webových stránkách (to je patrné zejména na webových stránkách plochého stylu) své předvídatelné obrázky. Buď kvůli omezeným rozpočtům na design, nebo kvůli neschopnosti samotných webdesignérů, navigační prvky na stránkách často neodpovídají primárním asociacím a jsou „přitažené za vlasy“.
Předpokládám, že práce na tvorbě ikon probíhá asi takto: podle technické specifikace je potřeba ikona „Individuální přístup ke klientům“. Osobně mám obrázek manažera a dvou klientů, z nichž každého vede šipka jiné barvy (modrá šipka vede k modrému klientovi, červená k červenému). Pokud designér neumí kreslit, bude hledat ikonu v hotových sadách (v lepším případě si ji koupí z fotobanky, v horším si ji stáhne z internetu) a použijte ten, který je významově nejvhodnější. S největší pravděpodobností to bude ikona muže s kravatou nebo kufrem. Obecně moc daleko nedošel, ale přesto v designu stránek bude jasné, že kufr na „Individuální přístup ke každému“ a Hodinky za „10 let na trhu“ (mimochodem, skutečně jsem viděl to!) – návrhář podváděl.
5. Falešné zaměření obsahu
Plochý design webových stránek předpokládá zaměření na obsah. No jasně – když není důraz kladen na grafiku, tak na informace. Ale pokud se pozorně podíváte na „moderní“ ploché vstupní stránky nabízené ruskými webovými studii, je obsahu věnována malá pozornost. A to:
- Text je prezentován nahodile. Není jasné, jak jsou v ní umístěny akcenty, na čem lpět a co je vedlejší.
- Neexistuje žádný design jako takový. Tabulky, seznamy s odrážkami, nadpisy, oznámení se často vůbec nevyvíjejí.
- Často holý text. Neexistují žádné obrázky ani ikony, které by vizuálně podporovaly textové bloky. V důsledku toho není kladen důraz ani na grafiku, ani na text, ale na samotný „styl“. Zároveň se ztrácí firma a její nabídky.
Je tedy plochý design pro weby vůbec nutný?
S designem rozhraní pro chytré telefony je vše jasné – lehké, nezatížené, snadno použitelné. Ale s designem webových stránek v plochém stylu mám osobně velkou otázku: je to vůbec efektivní?
Většina zákazníků nerozumí kvalitě grafiky a při schvalování designu webu se řídí svým osobním vkusem (líbí/nelíbí). A zde hraje roli móda.
Plochý design webových stránek může být cool. ALE! Cool design vyžaduje opravdu kvalitní provedení použitelnosti a grafických prvků a přítomnost kreativních funkcí a efektů. A pokud v designu chybí, pokud webům chybí originalita, působí monotónně, prázdně a nudně. Obecně je to, co je nyní k dispozici na většině ruských webů.
Příklad vysoce kvalitního plochého designu:
Móda pro plochý design webových stránek je dočasná, jako každá jiná móda. Někteří lidé vytvářejí originální, kreativní návrhy, jiní je kopírují a stylově napodobují, protože nevědí, jak je sami vymyslet. A levné „módní“ stránky rostou jako houby po dešti...
Ploché provedení popř plochý styl existoval již v 80. letech a neměl žádné alternativy, protože úroveň technologie neumožňovala práci se složitými texturami. Postupem času se objevily nejprve jednoduché prvky skeuomorfismu (imitace skutečných objektů) a poté komplexní projevy vizuální pseudokonvexity.
Móda je cyklická a od roku 2010 si plochý design rychle získal na popularitě, až se v roce 2014 stal novým standardem počítačově podporovaného designu.
Evoluce plochého designu
Zpočátku byl plochý design koncipován jako přesný opak squeomorfismu. Stíny, přechody a jakékoli náznaky objemu byly popřeny. Microsoft byl první, kdo implementoval tento koncept. Po testování použitelnosti se ale ukázalo, že uživatelé měli potíže s identifikací některých prvků rozhraní. Cílová skupina tedy nemohla pochopit, na kterou ikonu lze kliknout a na kterou ne, protože všechny byly ploché. Ještě větší problémy nastaly s klikacími popisky, protože vypadaly jako standardní popisky objektů.
V tomto ohledu se objevila upravená verze plochého designu - flat 2.0 nebo half-flat provedení. Má nízký kontrast a jemné stíny, které uživateli ukazují, že na ikonu lze kliknout. Když lidé mluví o plochém designu, mají na mysli plochou verzi 2.0. S rozvojem tohoto stylu byly pseudostíny a světelný kontrast opět nahrazeny kompletní rovinou objektů. Ve stejné době se na webu pro koncept klikatelnosti prvků začala používat jednoduchá změna barvy na kontrastní ve stejném plochém stylu, bez použití přechodů.
Principy plochého designu
1. Dvourozměrná grafika.
V plochém provedení je kladen důraz na obrys objektu. Designér neusiluje o realismus, jeho úkolem je zprostředkovat podstatu pomocí jednoduchých dvourozměrných forem.
2. Ikony.
Pomocí jednoduchých ikon s jasnou výzvou k akci (ikona diskety nebo cloudového úložiště s výzvou k uložení souboru) je rozhraní jednodušší a intuitivnější.
3. Jednoduchá písma.
Flat styl věnuje velkou pozornost typografii obecně a fontům zvláště. Plochý design znamená, že jsou zakázána minimalistická bezpatková písma a jakékoli dekorace, dokonce i kurzíva. Charakter písma by měl doplňovat koncept projektu a nevybočovat z celkového stylu.
4. Hra s barvami.
Vzhledem k tomu, že plochý design neumožňuje přechody přechodů, styl vytvořeného prvku může a měl by používat několik základních barev, které jsou často navzájem kontrastní.
5. Minimalismus.
Plochý design zahrnuje vizualizaci objektů, využití celé obrazovky, ale zároveň minimalizaci informací. To znamená, že designér se nesnaží zaplnit veškerý volný prostor a nebojí se prázdného prostoru.
6. Jednoduché obrázky na pozadí.
Jednoduché pozadí je nejlepší volbou. Na obrázky á la cihlové zdi nebo leopardí kůži můžete zapomenout. Klidné a sotva znatelné barvy pozadí na sebe neupozorňují a umožňují návštěvníkovi soustředit se na důležité prvky rozhraní.
Vzhledem ke všem těmto zásadám existuje názor, že plochý design lze snadno vytvořit. Ve skutečnosti je to plochý design, který věnuje velkou pozornost detailu a přenosu pohybu a rytmu. Návrhář stojí před úkolem vytvořit atraktivní, jasný a úplný obraz pouze pomocí jednoduchých forem.
Výhody plochého designu pro webové stránky
1. Čtivost textu.
V flat designu není kladen důraz na grafiku, ale na text, který zlepšuje jeho vnímání. Navíc se používají jednoduché fonty, které na sebe neupozorňují.
2. Doba načítání stránek.
Díky absenci těžké grafiky a složitých prvků se stránky načítají rychle a nezamrzají. Dokonce i stránka Google se načítá rychleji poté, co společnost změnila své logo na ploché a jednoduché písmo.
3. SEO optimalizace.
Tento bod vyplývá z předchozího. Rychlost načítání stránky ovlivňuje hodnocení výsledků vyhledávání. Pouhou změnou stylu designu tedy můžete zvýšit svůj zdroj ve výsledcích vyhledávání. Google nyní navíc používá technologii, která označuje pomalu se načítající stránky speciální ikonou. To znamená, že počet vašich návštěvníků může klesnout, pokud nepřizpůsobíte design webu.
4. Vzhled.
Jak dlouho podle vás trvá uživateli, než si vytvoří názor na zdroj? Minuta? Možná 30 sekund? Správná odpověď: 0,05 sekundy! Během této doby není možné studovat obsah webu, ale můžete naskenovat vzhled a pochopit, jaké pocity to vyvolává. Plochý design říká uživatelům, že váš web je moderní, že se vyvíjí, a to je již předpoklad pro vytvoření základní důvěry.
Kde můžete plochý design použít?
Plochý design je zvláště důležitý pro vývoj mobilních aplikací a responzivní design webových stránek. Flat styl navíc postupně přechází z digitálního světa do toho reálného.
Prvky korporátní identity, různé typy tištěných produktů v „ploché“ úpravě působí při správném provedení velmi originálně. Stojí za zmínku, že velmi zajímavým řešením je použití plochého lineárního stylu v designových projektech.
Soudě podle aktuálních trendů se flat styl brzy stane standardem nejen pro digitální sféru. Takže možná stojí za to zvážit rebranding a vytvoření plochých designových projektů nyní?
Pokud se vám tento článek líbil nebo vám byl užitečný, budeme rádi za malé povzbuzení v podobě odkazu na sociálních sítích. Chcete-li to provést, klikněte na tlačítko jakékoli sociální sítě umístěné níže.
Design bytu (design bytu) je oblíbený styl v designu webových stránek a rozhraní, ale i operačních systémů, jehož charakteristickými znaky jsou jednoduchost, sofistikovanost a minimalismus. Plochý design začal získávat na popularitě v roce 2010 jako opak skeuomorfismu.
Skeuomorfismus- fyzická ozdoba nebo designový prvek, který je zkopírován z tvaru jiného předmětu, ale vyroben z různých materiálů nebo za použití různých metod. Příkladem může být keramika zdobená imitací nýtů, aby připomínala podobné hrnce vyrobené z kovu, nebo počítačový kalendář, který napodobuje vzhled sešitých stránek papírového stolního kalendáře (definice z Wikipedie).
Popularizaci plochého stylu v designu usnadnilo vydání operačního systému Windows 8 od Microsoftu ve stylu Metro a také iOS 7, ve kterém Apple rovněž volí plochý styl. Teprve poté začíná skutečná éra plochého designu. Brzy velké vyhledávací služby a aplikace – Google, Youtube – přecházejí na Flat-design mnoho stránek, které ve svém designu využívají principy flat stylu. Flat design je v posledních letech lídrem v globálních trendech designu webových stránek.
Výhody plochého designu
- Praktičnost- použití plochého designu umožňuje minimalizovat počet stylů, skriptů a animací, což umožňuje rychlejší načítání webu.
- Snadno se přizpůsobí- Plochý design se snadno přizpůsobí různým rozlišením obrazovky.
- Snadnost použití- díky zjednodušenému stylu je pro uživatele snazší vnímat informace na stránce.
- krása- vnější nestrannost a jednoduchý design vám umožní soustředit se na design, který vás opravdu chytne.
5 principů plochého designu webových stránek
Flat design není vůbec nuda, jak by se na první pohled mohlo zdát. Designová řešení mohou být díky své čistotě a propracovanosti stylová a krásná, bez zbytečného hluku, což vám umožní soustředit se na váš produkt nebo službu.
1 - Použití 2D objektů
Plochý design vylučuje použití prvků, které dodávají objektu hloubku a objem: stíny, přechody, světla, textury, odrazy, animace. Když je objekt zobrazen, zobrazí se pouze jeho obrysy.
2 - Ikony a jednoduché objekty
Použití plochých ikon a jednoslabičných tvarů s jasnými obrysy a stejnou barvou umožňuje co nejvíce zjednodušit design a odlehčit jej. Ovládací prvky jsou pro uživatele intuitivní a podporují interakci.
3 - Jednoduchá písma v designovém stylu
Velká pozornost je věnována typografii a fontům v flat designu. Kurzíva zde není použita, písmo harmonicky zapadá do designu webu nejen obsahově, ale i navigací. Dokonce i v typech písem pro web je podporován minimalistický styl.
4 - Hra barev
Plochý design obsahuje několik základních barev, které vylučují použití hladkých přechodů a přechodů, ale mohou být jasné a navzájem kontrastní.
5 - Minimalismus
Plochý design zahrnuje využití vizualizace prvků, využití celé šířky obrazovky a zároveň minimalizaci informací.
Existuje něco jako téměř plochý design. Jedná se o jeden z konceptů plochého designu, který zahrnuje použití jednoduchých prvků a dvourozměrného prostoru. Příkladem může být vysoce kvalitní fotografie, která rozostří pozadí nebo je ztmavená. To vám umožní vytvořit hloubku a perspektivu objektu.
Příklady plochého designu
Na internetu, včetně běloruského segmentu, najdete mnoho příkladů vývoje webových stránek s plochým designem v různých tématech, včetně zpravodajských zdrojů, portálů a dokonce i internetových obchodů.
Slovo "plochý" v překladu z angličtiny znamená "plochý". Od svého vzniku si tzv. Flat design drží své postavení již několik let a zaujímá vedoucí postavení na trhu.
Kde to všechno začalo
Webdesign se od svého vzniku mnohokrát změnil. Ušla dlouhou cestu od jednoduchých a nudných prvků k trojrozměrným, vypouklým a téměř hmotným. Dobře je to 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í. Jeho nové trendy ale směřují spíše k návratu k minimalismu a jednoduchosti.
Od skeuomorfismu k plochému designu
Styl, který předcházel flatu, byl skeuomorfismus. Je to hlavní designový trend po velmi dlouhou dobu. Skeuomorfismus je pseudovolumetrický styl, jehož všechny prvky napodobují vzhled skutečných předmětů (notebook, budík), využívající stíny, přírodní textury a další věci. Jeho pozoruhodné příklady byly nalezeny v raných rozhraních smartphonů. Své postavení začala ztrácet po roce 2010, kdy designéři velkých společností začali směřovat ke zjednodušení a při vývoji uživatelských rozhraní se začali zbavovat hlavního rysu skeuomorfismu – trojrozměrnosti.
Vynikající vizuální příklad rozdílu ve stylech je níže uvedená fotografie. Obrázek vlevo je plochý design, zatímco obrázek vpravo je skeuomorfismus.
Charakteristika plochého stylu
Byt je dvourozměrný styl. Nemá absolutně žádné vizuální efekty, jako jsou plynulé barevné přechody, stíny nebo trojrozměrné textury. Jedním slovem vše, co dělá obrázek trojrozměrným.
Hlavní informační obsah je obsažen v ikonách (ikona plochého designu). Pokud jde o aplikace pro chytré telefony, měly by být pro uživatele co nejpřehlednější. U webových stránek jsou ikony hlavními prvky, které odrážejí jejich specifičnost a informační sdělení. Zpravidla jsou prezentovány ve formě jednoduchých geometrických tvarů, kruhu nebo čtverce, s charakteristickým konvenčním obrazem.
Při vývoji Flat designu je věnována pozornost barevnému schématu. Měl by být monotónní, neměl by rušit a nerozptylovat 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 se sadami barev Flat design, které můžete použít zkopírováním hexadecimálních kódů barev, které se vám líbí.
Neméně důležitá je věc jako typografie (text). Vzhledem k celkové jednoduchosti vyniká především textová složka. To znamená, že by měl být čitelný a neodporovat obecnému stylu. To bude záviset na úspěšném výběru písma a jeho barvy.
Příklady plochého designu
Začněme tím, že ikony mnoha známých internetových zdrojů a sociálních sítí se změnily plošším způsobem. Není to tak dávno, co giganti Google a YouTube také změnili svůj design na plochý. Operační systém Windows počínaje osmičkou zcela opustil veškeré známky hlasitosti v ikonách, což potěšilo oči některých uživatelů v předchozích verzích, a začal se držet Flat designu. Následovali vývojáři mobilních aplikací pro iOS a Android.
Jednostránkové weby (vstupní stránky) hojně využívají výhod Flat designu, u kterého nehraje rozhodující roli okázalý vzhled, ale funkčnost a čitelnost.
Evoluce plochého designu
Plochý design byl zpočátku skutečně zcela plochý, což uživatelům zvyklým na vypouklá tlačítka způsobovalo určité potíže. Jestliže ve skeuomorfismu byla klikatelnost tlačítek okamžitě patrná, pak v prvních variantách plochého designu nebylo vždy možné určit interaktivitu prvků napoprvé.
Poté, co Microsoft vydal Windows 8, navržený v plochém stylu, ne všichni uživatelé byli schopni okamžitě zjistit nové rozhraní a na které ikony mohou kliknout. Vzhled prvků nijak nenaznačoval možnou interakci s nimi. Tento design byl vhodnější pro mobilní aplikace, které tento nápad převzaly. A Apple byl první, kdo to udělal s iOS 7.
Flat design však nestojí na místě a vyvíjí se směrem ke komplexnosti. Dnes stále více vypadá jako poloploché provedení nebo, jak se také říká, Flat 2.0. Začaly se v něm objevovat hloubkové efekty, stíny a přechody. Hloubka v plochém provedení je dosažena uspořádáním prvků v různých úrovních nebo pod úhly.
Ať je to jakkoli, styl je na vrcholu popularity a je velmi žádaný. Pokud tedy plánujete navrhnout svůj web, můžete se bezpečně rozhodnout pro plochý design. A pokud potřebujete nějaké chybějící prvky pro váš web, pak na internetu najdete obrovské množství Free flat design UI prvků (zdarma ke stažení), jako jsou ikony, fonty, šablony a další potřebné součásti uživatelského rozhraní.
Klady a zápory stylu
Bezpochyby je v dnešním uspěchaném životě takový diskrétní, informativní styl pohodlnější než jeho předchůdce. Plochý design má řadu nepopiratelných výhod.
Nejdůležitější je snad rychlé načítání webových stránek. Webové stránky, které používají plochý design, se otevírají mnohem rychleji než ty, které jsou přetížené animacemi a jinými těžkými objekty. Doba načítání je důležitá zejména pro SEO optimalizaci a propagaci webu na vrchol.
Zjednodušený vzhled usnadňuje čtení textu a umožňuje vám soustředit se na hlavní obsah.
Design působí harmonicky a celistvě, což působí celkově příjemným dojmem.
Nic nemůže být dokonalé a Flat design není výjimkou. Přes veškerou zdánlivou jednoduchost není vývoj skutečně úspěšného plochého webového designu tak snadný. Existuje možnost, aby to bylo nudné a neatraktivní. Nebo to naopak přežeňte s designem a zapomeňte na funkčnost. Hlavním úkolem při vývoji Flat designu je udržet dokonalou rovnováhu mezi krásou a snadností použití.
Nevíme, jestli jste si toho všimli nebo ne, ale v poslední době (zejména v posledním roce) je ve světě webdesignu jasný trend ke zjednodušení, brutálnímu minimalismu a vizuálnímu odlehčení toho, s čím my jako uživatelé komunikujeme s každým den. Jednoduše řečeno, design se stal „plochým“: na rozdíl od vypouklých ikon z dob rychlého růstu sociálních sítí a webu 2.0 nás nyní stále více vítají jednoduché ikony nových služeb. To vše dostalo svůj název – plochý design. Ne byt, ale byt.
Apple svou včerejší prezentací nového mobilního OS iOS 7 konečně potvrdil rychlý růst obliby tohoto trendu, který tradičně potěšil některé své fanoušky, ale setkal se i s výraznou nespokojeností zkušených uživatelů a designérů. Co se děje? Jaké je využití tohoto plochého designu a opravdu ho svět potřebuje? Rozhodli jsme se obrátit na odborníky z Ukrajiny i zahraničí.
Požádali jsme je, aby odpověděli na tři hlavní otázky:
- proč se svět začal ubírat směrem k plochému designu na webu a mobilu a co to je;
- co to dá Applu a iOS 7;
- jak to ovlivní designéry na jedné straně a uživatele na straně druhé.
Denis Sudilkovský, Kyjev
Specialista na Interaction Design, producent Prodesign.in.ua
„Kyvadlový efekt“ při předpovídání budoucnosti se projevuje v tom, že pokud existují dva extrémy v nějaké otázce, lidstvo se přehoupne z jedné strany na druhou. To nepochybně platí pro návrh interaktivních systémů. Plochý a nezajímavě primitivní web se svého času změnil na objemná webová tlačítka. Vizualizace rozhraní dosáhly vrcholu realističnosti a kyvadlo letí opačným směrem - flat&simple.
Co z toho Apple získá? Zachová si své místo v trendu a statisíce komentářů, že jejich iOS se začíná velmi podobat Androidu.
Designéři se budou muset vyvíjet (a nedělejte si legraci o tom, kdy flat design přijde do strojírenství a dá nám plochá auta :). Když není žádná dekorace, veškerá práce spočívá ve vytváření nálady s obsahem pro konkrétní scénář s uživatelem. Tato profese bude mít stále více společného s režisérem než s umělcem. Uživatelé naopak získávají nové zkušenosti a nové dojmy. Osobně jsem byl 4 roky přívržencem iPhonu, ale letos na jaře jsem změnil telefon na Android z jediného důvodu – omrzela mě monotónní idealita rozhraní Apple.
Daniel Bruce, Stockholm
Senior Digital Creative, danielbruce.se
Na úvod bych rád upozornil, že nemám rád pojem "plochý design". Většina grafického designu po staletí byla „plochá“. Také si myslím, že to omezuje vaši schopnost nechat design vyniknout, když je volba mezi plochým a něčím jiným. Design může být mnohem víc než tohle. Veselé, světlé, tmavé, pozitivní, minimalistické – můžete tomu říkat, jak chcete. Ale dnes málokdy slyším, že by někdo považoval design za něco víc než plochý nebo skleromorfní. Je to trochu smutné.
Proč web a mobil pomalu přecházejí na plochý design? Vidím to tak, že je to prostě trend. Nikdy jsem neviděl články o výhodách plochého designu v uživatelských rozhraních a stále o tom nejsem přesvědčen. Jednoduchý a jasný design - ano, ale to není totéž jako „plochý“. Podívejte se například na Google. Nedělají úplně ploché designy, ale – a já tento bod sdílím – stále vidí potřebu určité hloubky a variací.
Byl jsem velmi překvapen, když se Microsoft před pár lety rozhodl tímto směrem pro sebe a představil slavný styl Metro. Ve skutečnosti použili grafický design pro velké nápisy, na které se lidé dívají z určité vzdálenosti a nikdy neinteragují s malými obrazovkami s významným počtem prvků. Vypadají hezky, ale mají dobrou použitelnost?
To, co jsem včera v noci viděl od Applu, byla jen chabá kopie několika zajímavých návrhů, které se za poslední rok objevovaly na stránkách jako Dribbble a Behance. Neviděl jsem nic nového – až na to, že to zdaleka není stejný „starý Apple“ Steva Jobse. Společnost ukázala, že v designu mobilních rozhraní není na špici. Samozřejmě uvidíme fanoušky, jak během příštích několika měsíců přijmou všechny tyto bílé designy a kreativní přechody, ale nemyslím si, že tento aspekt bude mít takový dopad jako nedávné odstavení Googlu. Ale na druhou stranu, ať je to jak chce, Apple vždy udával trendy a inspiroval mnoho lidí, včetně mě.
Pokud jde o běžné uživatele, mají rádi světlé barvy.
Ivan Klimenko, Kyjev
návrhář mobilního rozhraní, 5tak.com
Do značné míry o této ploché stylingové fascinující situaci trochu filozofuji. Není to poprvé, co se designéři začali zajímat o minimalismus a umělé materiály. Všechno projde.
Éra Bauhausu 20. a 30. let přinesla obrovský přínos designu, ale přesto tonální sevřenost a umělost nedokázala odolat touze a vnitřnímu nutkání lidí existovat obklopeni přirozenějšími věcmi.
Pak v 60. letech každý začal obdivovat plast.
Nábytek, nádobí a dokonce i oblečení jsou vyrobeny z plastu. Zdálo se, že jde o novou naději lidstva, ale opět ne – lidé se velmi rychle vrátili k přírodním formám či kopiím přírodních materiálů.
Drsný kontrast forem a minimalistická grafika vždy vyjadřovaly hromadění vnitřních konfliktů uvnitř společnosti. Design je jen zrcadlo, které ukazuje náš vnitřní svět. Děje se toho příliš mnoho. Život se velmi zrychluje a my prostě nemáme čas nic myslet a zvažovat. Často nemáme čas jen tak žít.
Minimalismus a veškerý tento elektronický hardware jsou jen krůčkem na cestě k něčemu přirozenějšímu a lidštějšímu. Více než jen další počítač. Dokonce je mi smutno, že už neexistuje Apple, který se uměl dívat do hloubky.
Olesya Grichina, Kyjev
UI designer ve společnosti Componentix, twitter: elendiel
Myslím si, že designéry hodně ovlivnilo velké množství gadgetů s různou velikostí obrazovky a rozlišením – přes veškerou tuto rozmanitost je snazší vytvořit design bez textur, složitých stínů, které správně zohledňují osvětlení atd. Začali přemýšlet více směrem „jak to udělat pro uživatele pohodlnějším“, než „jak krásně kreslit“. Obsah je hlavní věc a při naší práci je důležité jej prezentovat co nejlépe.
Zdá se mi, že za vnějšími změnami (ploché uživatelské rozhraní, ikony) si zejména nevšimli závažných změn v jednoduchosti použití a jak na toto téma nadávají. Když zkontrolují, že to funguje, začne říkat: "Ach, jak pohodlné a proč to neudělali dříve?" Doufám, že to ovlivní designéry takovým způsobem, že budou věnovat více pozornosti použitelnosti rozhraní, spíše než texturám a stínům. Na závěr bude možné zákazníkům vysvětlit, že jde o trend :)
Myslím, že flat design uživatele nijak zvlášť neovlivní – pokud jim bude vyhovovat obsah vytvářet a konzumovat, bude spousta spokojených lidí. Ale ikony na domovské obrazovce jsou stále kyselé :)
Pavel Grozyan, Kyjev
Product Designer ve společnosti MacPaw, grozyan
"Jablko! A-ha-ha, přestaň! - Návrháři křičí. - Hurá, bylo to jednodušší. - uživatelé skandují." Chápu oba úhly pohledu. Dnes, po prezentaci z WWDC2013, mnozí z mých kolegů vstali a řekli: "Ser na tuhle profesi! Takovou hloupost teď umí nakreslit každý. A tyhle ikony za 30 dolarů?!" A na první pohled mají pravdu, ale když se ponoříte hlouběji, uvědomíte si, že existují tisíce předmětů, které se od sebe dlouhou dobu lišily pouze scénářem použití, pak tvarem, pak barvou a teprve potom. v uměleckých detailech si pamatuji časy, kdy všichni tito dnes na svých profilech na LinkedInu nervózně kopírovali efekt bílého stínu na webové stránky jako Apple Then Celá jejich práce byla kopírování, protože neexistoval žádný originální, jednotný a pohodlný vývojový koncept pro všechny. Právě tento úkol dnes řeší plochý design nevymyslel a vznikl deset let před digitální érou v oblasti publikování.
Ploché – to není na cvakání, je to na cvakání, klepání, klepání. Nemůžete to nazvat plochým - absence „tlustých“ textur a stínů na tlačítkách to dělá spíše zjednodušeným a bez vizuální agrese. A bez přechodů pro tlačítka se neobejdete. Tento trend podporuji. Pokud to nebude narušovat kvalitu uživatelského zážitku, bude se s ním snáze žít. V první řadě k uživateli. Za druhé, pro tvůrce: bude jednodušší v technické implementaci, pohodlnější pro klikání (podtržení odkazů - ahoj) a multiplatformní - spojení webu, mobilu a desktopu do jediného zážitku. Pro Apple je to bezpochyby odvážný krok. A jen oni o tom mohou rozhodnout. Jejich příběh má desítky potvrzení, takže je pravděpodobnější, že uspějí, než naopak.