Nejlepší devět trendů v designu UX/UI v roce 2021

Dobrý den! Egor Komarov je s vámi a já se s vámi chci podělit nejen o designové trendy roku 2021, ale také o rady a doporučení, jak s nimi pracovat, říci, proč se objevily. Co při své práci hledat, jaký způsob vývoje a jaké nástroje použít.

Boj brutality a anti-designu s minimalismem a jednoduchostí.

Pro koho je tento článek určen?

Předně je určen pro grafické designéry, návrháře rozhraní, produktové specialisty, obchodníky. Pojďme prozkoumat vizuální složku: detaily, písma, barvy, kompozici, grafiku.

Článek je stručnou historií trendů, seznamem zdrojů a nástrojů, příkladů, tipů a triků.

< img src = "/wp-content/uploads/bf9e6901ae53e4603513b90e4a8ac3fd.jpg" />

Trend 1: Ideal Icons

V roce 2021 je vytváření pestrobarevných ikon jednoduše nepřijatelné. Rozhraní v roce 2021 by měla být vyleštěna na každý pixel. Zvláštní pozornost věnujte ikonám.

💡 Tip: Pokud chcete být na vlně trendu, nepoužívejte ikony z různých rodin. Nestahujte různé ikony ze skladových webů, například freepik.com, ale používejte specializované hotové knihovny. Všechny ikony by měly být ve stejném stylu, se stejnými parametry a šířkou čáry.

Ikony z různých rodin v rozhraní narušují integritu a přesnost projektu. Použijte novější knihovny ikon. Mívají modernější vzhled.

Kde se vzal trend ikon?

Rok 2020 se stal jen boomem vývoje knihoven návrhů. Za poslední rok se pro každý vkus a barvu objevilo obrovské množství hotových, profesionálních a vysoce kvalitních ikon. Dnes prostě nemá smysl kreslit ikony vlastníma rukama a ztrácet tím čas. Tisíce designérů z celého světa vytvořily nejlepší ikony pro jakýkoli projekt a úkol.

Ikony kvality se staly cenově dostupnými a snadno přizpůsobitelnými. Pokročilí návrháři toho využívají a berou do svých projektů hotové knihovny. Proto jejich rozhraní vypadají čistší, příjemnější pro oči a trendovější a modernější.

Apple se od tohoto trendu příliš nevzdálil a na konci roku 2020 aktualizoval svůj MacOS Big Sur a spolu s ním fungovaly i nové ikony.

Vývojáři skic provedli v listopadu 2020 novou aktualizaci, kde věnovali pozornost ikonám a zcela je přepracovali.

Kde stahovat ikony? Volná možnost

💡 Tip: Před připojením knihovny ikon k projektu se ujistěte, že jsou k dispozici všechny potřebné ikony, vyzkoušejte je v rozhraní. Vyzkoušejte několik různých knihoven, stylů. Porovnejte rozvržení a vyberte si to nejlepší. A samozřejmě všechny vyhledávací dotazy na ikony musí být provedeny v angličtině.

266 bezplatných ikon – skvělý balíček ikon zdarma (Figma, Sketch, SVG).

tetrisly.com/freebies#icons

Basil – 500 bezplatných ikon ve dvou obrysech stylů a pevných, k dispozici pro Figma, Sketch, Adobe XD.

Stáhnout na Craftwork

Ikonate je bezplatný balíček plně přizpůsobitelných vektorových ikon.

ikonate.com

Zjednodušit symboly – 1285 bezplatných ikon pro Visual Studio . (SVG je také k dispozici).

www.streamlinehq.com/dsp

Phosphor – knihovna 558 bezplatných ikon v 6 stylech.

phosphoricons.com

Radix Icons – bezplatný balíček 264 ikon.

icons.modulz.app

< b> IconPark – velká sada 1 200 přizpůsobitelných ikon.

iconpark.bytedance.com/official

Ikonický 2 -500+ bezplatných ikon pro vaše projekty.

ui8.net/piqodesign/products/iconly-essential-icons

Iconhub – Velká bezplatná knihovna přizpůsobitelných ikon.

iconhub.io

Heroicons je skvělá sada bezplatných ikon SVG.

heroicons.com

Rubikony – bezplatný balíček minimalistických ikon pro vaše projekty.

www.rubicons.app

Ikony Tabler – 550 přizpůsobitelných bezplatných ikon SVG.

tablericons.com

< b> Hicon Pack – bezplatný balíček 396 ikon pro designéry a vývojáře.

hicon.cosm.ws

700+ ikon – zdarma balíček ikon CSS, SVG a Figma.

css.gg

Ikona remixu je velká bezplatná knihovna ikon.

remixicon. com

Boxicons 2.0 – velký balíček bezplatných ikon ve dvou stylech.

< p> boxicons.com

iconsvg Je to nástroj, který zjednodušuje proces hledání a vytváření ikon SVG pro váš projekt.

iconsvg.xyz

< p> Vue Unicons – velký balíček ikon open source.

antonreshetov.github.io /vue -unicons/

Potřebujete více ikon?

👉 Ikony zdarma – kompletní sbírka nejlepších knihoven

Trend 2: Minimalismus a jednoduchost

V historii rozhraní a dnes v designu proběhlo mnoho experimentů se stalo dobrým rozhraním je rozhraní, které není viditelné.

Proč tento trend vznikl?

Na velkých platformách lidé tráví obrovské množství času a jako takový jednoduše nepotřebují design platformy, musí vykonávat své základní funkce a poskytovat obsah uživatelům. Design by na sebe neměl upozorňovat a být rušivý. Proto je pro tyto úkoly nejlepší volbou bílá barva a nedostatek designu.

V tomto případě se design zaměřuje na detaily: síť rozhraní, písma, ikony, barvy, UX, animace.

Na co byste si měli dát pozor?

1. Udržujte v popředí pouze ty nejdůležitější funkce pro uživatele.

2. Rozhraní bude lehké a vzdušné. Odstraňte masivní barvy. Obsah by měl zůstat soustředěný.

3. Vytvořte své návrhy na základě dobrých písem, rozvržení kvality, správných akcentů, ikon, konzistence.

4. Věnujte maximální pozornost detailům.

5. Nastavte rozhraní jako „neviditelné“, ale intuitivní a pohodlné.

6. Neodchylujte se příliš od známých funkcí a designu pro uživatele. Používejte uspořádání prvků a interakci s nimi tak, jak to dělají velké a oblíbené společnosti. Interakce s vaším produktem tedy bude pro lidi rychlejší a snazší, protože bude srozumitelný a známý. Neumisťujte ikonu oznámení do levého dolního rohu obrazovky, umístěte oznámení tam, kde jsou uživatelé zvyklí je vidět. Věřte mi, někdy byste opravdu neměli přijít s kolem.

Jak velké společnosti změnily svůj design podle trendů?

Pokud si všimnete, téměř všechny weby vypadají stejně a všechny odstranily barvu z hlavní nabídky a udělaly ji bílou. Někdo to udělal dříve, někdo později. Trend je ale pro všechny stejný: minimalismus, minimum akcentních barev, spousta místa a obsahu v centru pozornosti.

< img src = "/wp- content/uploads/1063bc1ab624b53bacb14dc3a3823657.jpg" /> „png“ />

p> práce, můžete se pokusit vytvořit rozvržení zpočátku černobíle a teprve poté k nim přidat barvu. To usnadňuje přidávání barevných akcentů a umožňuje vám soustředit se na detaily, aniž byste byli rušeni barvami.

Složité přechody a efekty rozostření

Přechody se také trochu vyvinuly a staly se složitějšími. Už nestačí používat lineární gradient jako dříve. Musíte míchat různé barvy a použít překrytí. V rozhraních se navíc stále více používá efekt Color Blur. Nejčastěji pozadí. To dává rozhraní hloubku a rozměr. Obvykle se jedná o jakési „barevné skvrny“.

Tyto přechody se správně nazývají „Přechody sítě“. Na toto téma není mnoho zdrojů, protože tento trend právě začíná. Ale našel bych pár kvalitních.

Mesh Gradient Library

products.ls.graphics

Na stránce si můžete stáhnout velké množství trendových přechodů. Můžete s nimi experimentovat tak, že změníte HUE, rozmazání, míchání a další a sami získáte ještě více možností.

Generátor a přechod sítě Tvůrce

Velmi cool nástroj, který vám umožní vytvářet neomezené variace a pracovat s vlastními barvami. Je to, jako byste míchali barvy naživo. Autorům doporučuji, velký respekt. https://meshgradient.com

K tomuto trendu lze také přidat skeumorph

Skeumorphism je designový trend založený na realistických obrázcích objektů. Skeuomorfní grafika ukazuje objem objektů: světlo, stíny, zvýraznění a textury.

Ve skutečnosti se jedná o stejné stíny a svazky, pouze při maximální rychlosti. U mě jsme již podobný fenomén zažili a tento trend se nebude moc rozvíjet. Čistý byt bude v roce 2021 vládnout dlouho a sebevědomě.

Mnoho designérů se to snaží aktivně propagovat, už dělají stránky v podobném stylu, ale myslím si, že vyhlídka je slabá. Stíny vypadají příliš masivně a celkové rozhraní je poměrně těžké.

Trend 4: 3D ikony a ilustrace

< p> Vznik trendu v 3D ikonách a ilustracích spojuji s tím, že znalosti v oblasti 3d se staly dostupnějšími. Objevilo se mnoho kurzů a lekcí. Designéři toho všeho využili a začali toto téma rozvíjet vytvářením knihoven 3D objektů.

Jedná se o jednoduché formuláře a poměrně jednoduché a primitivní objekty, ale vypadají skvěle a svěže jako vizuál pro projekty.

Takových knihoven se bude objevovat stále více a více. Čím profesionálnější a zajímavější budou placeny, tím jednodušší budou zdarma. Bezprostředním problémem bude, že v síti je jen velmi málo knihoven a existuje mnoho těch, kteří je chtějí používat. V důsledku toho bude mnoho knihoven silně hacknuto.

Jak se nyní používá v designu?

3D ikony lze dokonce vidět v novém macOS Big Sur společnosti Apple, podívejte se pozorně na ikonu oznámení:

💡 Tip: Nespěchejte nyní s používáním bezplatných 3D ikon a ilustrací. Tento trend je v plném proudu a plně se zformuje o něco později. V ideálním případě si objednejte vlastní grafiku od 3D návrhářů.

V průběhu času bude na trhu více nabídek a placených sbírek, které můžete bezpečně použít pro své projekty. Nyní bude každá sekunda používat stejnou bezplatnou ikonu z dostupné a bezplatné sbírky, kterých je nyní velmi málo.

Kde získat trendy 3d ikony a ilustrace?

Sdílím malý seznam, se kterým se můžete seznámit ke studiu tohoto směru a v případě potřeby jej použít ve svých projektech.

IconShock

www.iconshock.com

ICONZ

Prémiová 3D knihovna 50 ikon pro vaše nádherné výrobky. Plně kompatibilní s nejběžnějšími nástroji pro návrh.

https://iconz.design/

Praktické 3D ruce

Kolekce rozkošných baculatých rukou ve dvou stylech: zábavná a divoká nebo elegantní. K dispozici ve formátech PNG a 3D, včetně přebarvovacích masek pro Photoshop.

icons8.com/

3D ilustrátor

https://superscene.pro/

Roztomilé izometrické objekty

Izometrická sbírka 3D ikon

www.isometriclove.com/

UI8 je největší a nejlepší knihovna s 3D ikony a ilustrace

Pravděpodobně nejlepším 3D zdrojem, který je dnes k dispozici, je UI8.

Zde je největší výběr. Doporučuji. Všechny knihovny jsou bohužel placené. Můžete se ale přihlásit a stáhnout vše bez omezení. ui8.net

trend 5: 2D jedinečné a absurdní ilustrace

Ilustrace zůstávají stejné jako loni v trendu. Je tu jen jeden problém, protože u ikon se na internetu objevilo obrovské množství stejného typu a dostupných ilustrací, což je velmi znehodnocuje.

Pomocí bezplatných knihoven zdánlivě dobrých ilustrací vypadají všechny stejně. Prostě se stanou nudnými. Ačkoli před pár lety byly takové ilustrace jen vesmírem. To ale neznamená, že je musíme zcela opustit. Lze je použít, ale zkuste najít něco jedinečného a odlišného od všeho ostatního. Je lepší vytvořit něco vlastního.

V roce 2021 budou trendem originální ilustrace, které jsou na rozdíl od čehokoli jiného. A čím odvážnější budou, tím lépe. 2021 je zlatý věk pro ilustrátory. Letos by rozhodně neměli být bez práce.

Cokoli od jednoduchých po složité ilustrace je v pořádku. Hlavní věcí je méně bezplatných knihoven a více kreativity.

Absurdní ilustrace

Ano, vládne absurdita a pošetilost. Rozbijte logiku a překvapení.

2D ilustrace se v designu UI dobře mísí s novým stylem roku 2021 a vypadají stejně dobře jako 3D ilustrace.

„/wp srcs uploads/png “ />

Kde mohu získat ilustrace?

Jak jsem již řekl dříve, je nejlepší zkusit si je nakreslit sami. Ale to není vždy nutné, nebo existuje příležitost, ale nezapomeňte, že hotové ilustrace lze upravovat a finalizovat, což jim dodává jedinečnost.

S vývojem ilustrací se objevilo velké množství designérů a generátorů a mezi placenými knihovnami můžete někdy najít velmi hodnotná a zajímavá díla.

Níže je uveden seznam zdrojů s bezplatnými a placenými ilustracemi pro vaše projekty.

Blush Design

Snadno vytvářejte a přizpůsobujte ohromující umělecká díla ze sbírek vytvořených umělci z celého světa. Vyzkoušejte, je to zábava.

blush.design

GetIllustration

GetIllustration řízeno tvůrčím týmem na Roundicons.com, největší sadě ikon na světě.

getillustrations.com

Oh My Startup Illustrations

Obchodní příběhy s ostrými postavami a stylovými barevnými akcenty

ohmystartup.club/

Wrrooom!

Online Builder ilustrací

products.ls.graphics

CraftWork

Dobrý zdroj trendů a originálních ilustrací.

craftwork.design

whoooa!

138 přizpůsobitelných ilustrací pro vaše projekty. Používejte fantastické ručně vyráběné ilustrace se snadno měnitelnými barvami a různými

www.whoooa.rocks

OUCH od Icons8

Ouch pomáhá nemalovajícím tvůrcům překonat nedostatek kvalitní grafiky.

icons8.com

Vector Creator

Výrobce ilustrací podle ikon8

icons8.com

ITG

Skvělý a neobvyklý tvůrce ilustrací s různými styly.

https://itg.digital/

Můžete vybrat libovolnou ilustraci, která se vám líbí, a poté ji libovolně upravit v konstruktoru.

Přesuňte objekty, přidejte nové .

A nejúžasnější a nejpohodlnější je, že můžete změnit barvu ilustrací v konstruktoru. Díky tomu je práce designéra mnohem jednodušší. Nyní není nutné prolézat vrstvami, ztrácet čas a vše ručně přebarvovat.

Autoři projektu jsou skvělí, přišli s vynikající platformou.

Minty

< p> Služba, kde můžete přímo od ilustrátorů z celého světa objednat jedinečné ilustrace pro vaše projekty nebo koupit hotová díla.

About

Trend 6: SVG and JSON animation

V roce 2021 bude mnoho dobrých ilustrací, ale budou nudné podívat se na. Aby byly ještě zajímavější, budou animované. Trend se již objevuje a objevují se animované ilustrace. To platí nejen pro ilustrace, ale také pro ikony.

Jakékoli malé animované detaily v rozhraní, zejména tam, kde jsou vhodné, budou velkým přínosem.

Co je to SVG a JSON animace? Jednoduše řečeno, toto je animace generovaná kódem. Jaké jsou výhody?

iOS, Android a Web Univerzální použití v systémech iOS, Android, Web a Windows

Minimální velikosti Soubory animací jsou desítky/stokrát menší než velikost grafiky < /p>

Inteligentní nastavení Reakce animace na jakoukoli interakci řízenou show

Chcete -li vytvořit animaci a správně ji integrovat, s podporou všech prohlížečů a správným zobrazením se neobejdete bez programátoru. To ale neznamená, že by designér nemohl přijít s animací a úzce komunikovat s programátorem nebo používat animační nástroje. Jde spíše o společnou práci programátora a designéra.

V každém případě se trend s animací bude vyvíjet a je to hlavně týmová práce: produktový designér – designér – ilustrátor – animátor – programátor – tester.

Návrhář může vykreslit animaci v After Effect a poté ji přenést a ukázat programátorovi. Dnes pro designéra neexistují ideální nástroje a editory animací, které by splňovaly všechny potřebné požadavky na vývoj. Když návrhář přenese kód z vizuálního editoru na programátora, pak se někde ukáže, že je příliš těžký, někde není podporován všude a podobně. A animace Gif zase může hodně vážit.

Jaké nástroje byste měli použít?

Ze všech nástrojů, které jsem vyzkoušel, je Flow můj oblíbený

Flow

Flow je animační program. Vytvářejte animace a snadno exportujte kód pro iOS (Swift), Web (HTML/CSS/JS) nebo SVG a sledujte, jak váš design ožije.

Samozřejmě v něm není všechno tak dokonalé, ale elementární animace lze vytvářet a vkládat do vašich projektů pomocí Vložit kód nebo importovat animované SVG

createwithflow.com

Vytvářejte světové animace pomocí výkonných nástrojů pro úpravu časové osy. Flow vám poskytuje přesnou kontrolu nad vlastnostmi, načasováním a dynamikou.

Příklad a lekce, jak s aplikací Flow pracovat zobrazit v tomto videu:

SVGator

Další dobrý a docela účinný nástroj, který nevyžaduje, aby designér znal kód. Animace CSS i JavaScript lze exportovat

www.svgator.com/

Díky těmto nástrojům můžete animovat své ilustrace, loga, předpětí, jednotlivé prvky a mnoho dalšího.

Užitečné návody, jak vytvářet animace, najdete zde

Loaf

K dispozici je také vysoce kvalitní knihovna Loaf s připravenými animovanými ikonami SVG. Ikony lze přizpůsobit a je přijímán kód SVG.

https://getloaf.io

Lottie

Složitější možnost. Lottie je knihovna pro Android, iOS, web a Windows, která analyzuje animaci Adobe After Effects exportovanou jako json pomocí Bodymovin a zobrazuje ji na mobilních zařízeních a webu.

https://airbnb.io/lottie/

Alternativy

• Vytvářejte animace ručně. Ruční vytváření animací je obrovská investice do designu a vývoje pro Android a iOS. Je často obtížné nebo nemožné ospravedlnit trávení tolik času vytvářením správné animace.
• GIFy. GIFy jsou více než dvakrát větší než bodymovin JSON a jsou vykreslovány v pevné velikosti, kterou nelze změnit tak, aby odpovídala velkým obrazovkám a obrazovkám s vysokou hustotou.
• Png sekvence. Sekvence PNG jsou ještě horší než sekvence GIF, protože jsou 30–50krát větší než bodymovin json.
• Animované vektorové umění (pouze Android). Lepší výkon, protože běží v RenderThread namísto hlavního vlákna. Podporuje pouze část funkcí Lottie. Průběh nelze nastavit ručně. Nepodporuje text ani dynamické barvy. Nelze stáhnout programově ani přes internet

Trend 7: Pastelové barvy

S příchodem minimalismu a jednoduchosti designu uživatelského rozhraní pastelové barvy dokonale doplňují nové trend. Dobře zapadají do konceptu nenápadného uživatelského rozhraní, nepřetěžují design a zachovávají lehkost. Nastavte tón a atmosféru.

Existují hotové vzory s květinami pro každou chuť a barvu. Https://colorhunt.co/palettes/pastel

Trend 8: variety cyrilských písem

Cyrilská písma v posledních letech nezůstala stát a aktivně se vyvíjejí. Byly vytvořeny jak ruskými designéry, tak vydány průmyslovými giganty jejich nejprodávanějších písem.

Nyní se na trhu objevilo obrovské množství moderních a čerstvých písem, která aktivně používají designéři, čímž určují nový trend pro určitá písma.

Věnujte pozornost širším písmům, budou vypadat více trendy. Obecný obrázek písem dnes vypadá takto:

V minulosti používal Gilroy a Druk v podstatě každý. Samozřejmě existovalo také mnoho dalších písem, například Bebas Neue a další. Skutečná rozmanitost a zhroucení všech stereotypů písem však přišla v polovině roku 2020. Hovoříme přesně o tom, kdy se písma dostala k masám a velké společnosti je začaly používat: v reklamě, vlastním digitálu, rebrandingu atd.

Dnes je trendem spíše „zlomená“ nebo „pokřivená“ písma pro grafický design a nadpisy + čisté, geometrické a mírně široké pro kopírování textu a uživatelské rozhraní.

Kde mohu získat dobrá azbuka?

• type.today
• Brownfox
• Swiss Typefaces
• Commercial Type
• Dopisy ze Švédska
• Pište společně
• Ruská písma
• Písma dočasného státu

Kde získat typ inspirace?

Snad jediným a nejlepším zdrojem s dnes používanými cyrilskými písmy je cyrillic.design

Na tomto na webu najdete ty nejlepší azbuky.

Trend 9: Brutalism and Anti-Design

Tyto trendy webového designu jsou reakcí na vnímanou jednotnost webového designu. Brutalismus lze ve vizuálním designu efektivně využít, ale u většiny produktů by se měl antidesign vyhnout.

V posledních několika letech si brutalistický webový design u některých návrhářů pomalu získává pozornost a získává na oblibě. Zpočátku, jako většina designových trendů, byl obsažen hlavně v nejmodernějších designových prostorách nebo podzemí (portfolia návrhářů, stránky digitálních agentur, stránky uměleckých muzeí atd.)

Uvnitř toho, co se běžně označuje jako web -brutalismus, existují dva různé styly:

• Brutalismus, založený na dřívějším architektonickém hnutí.
• Anti -design, kterému se často říká brutalismus, ale má jiné cíle a vyjadřuje se různými způsoby

Nyní slyšíme některé designéry obhajující zahrnutí zásad brutality a anti-designu do produktů. Stojí za to se pozastavit a zvážit, odkud tyto styly pocházejí, jaké jsou jejich cíle a co znamenají pro UX.

Brutalismus

Stejně jako minimalistický design má brutální digitální design kořeny v dřívější pohyb … Web Brutalism je inspirován brutalistickou architekturou 50. let. Brutalistické budovy jsou těžké a nemilosrdné.

Zastrašující soudní budova v Buffalu je klasickým příkladem brutalistické architektury. Přesvědčení soudce můžete téměř cítit pouhým pohledem na budovu soudu. (Foto David Shalliol.)

Brutalismus v digitálním designu je styl, který se záměrně snaží vypadat hrubě, ležérně nebo bez ozdob. Přesně k tomu jsme dnes dospěli. Pamatujte na trend s minimalismem a jednoduchostí. Odráží webové stránky ve stylu počátku 90. let. Někdy je tento aspekt brutalismu vyjádřen jako jednoduchý, téměř holý web HTML s modrými odkazy a monochromatickým textem s různým prostorem.

Craigslist technicky nelze přičítat současnému brutalistickému trendu, protože si od svého vzniku na konci 90. let 20. století zachoval svoji svlečenou estetiku. V té době jeho styl nebyl uměleckou volbou; byl důsledkem omezení HTML a CSS. Craigslist je však skvělým příkladem designu, který dnes inspiruje brutalisty.

V architektuře i digitálním designu je brutalismus chápán jako reakce na umělost a lehkost. Příznivci ho chválí za jeho poctivost a odvahu.

Brutalističtí návrháři se chtějí odpoutat od zastaralých stránek šablon, které dnes na webu dominují. Chtějí, aby síť byla věrná sama sobě, aby působila upřímně a nebyla vymyšlená. Brutalistická filozofie sdílí tento nejnovější trend s plochým designem, přestože tyto dva estetické styly toho dosahují různými způsoby.

Anti-design

Webový brutalismus začíná dostávat zcela nový význam, a to zcela odlišné od ducha architektonického hnutí. Někteří designéři místo toho, aby se soustředili pouze na odizolovaná uživatelská rozhraní s hrubým nebo neexistujícím stylem, interpretují brutalismus jako vzpouru proti příliš zjednodušenému designu záměrným vytvářením ošklivých, dezorientujících nebo složitých rozhraní.

Někteří tento trend připisují brutalismu, ale neodpovídají původnímu architektonickému významu slova. Pro srozumitelnost použiji termín „anti-design“ k označení tohoto konkrétního chápání pohybu.

Stránky zaměřené na anti-design často postrádají vizuální hierarchii. Někteří používají drsné barvy, dezorientující vzory, podivné kurzory a zbytečné rušivé animace. Celkový účinek působí jako špatný design steroidů z 90. let minulého století.

Kdy použít Antidesign (a kdy jej nepoužívat)

Proč by se někdo vědomě pokoušel o to, aby byl jeho design špatný, nedokončený nebo obtížně použitelný? Existuje několik motivů, které se navzájem nevylučují.

Humor

Mnoho z těchto anti-designů je vytvořeno jako vtip pro designéry, kteří je považují za ironické.

< h3> Získejte pozornost

Skutečně pobuřující stránky proti designu (například konferenční web Bloomberg Businessweek Design 2016) lze vnímat jako ostré a provokativní. I lidé, kteří nenávidí design, stránky navštíví a kriticky pošlou svým kolegům. Jakákoli reklama je dobrá reklama.

Vysoce antikonstruovaný web konference Bloomberg upoutal pozornost jako záměrně chaotický a dezorientující.

Čerstvost

To je motiv proti designu, který mě nejvíce inspiruje. Někteří návrháři se nudí jednoduchými, čistými a propracovanými návrhy. Anti-design pro ně představuje komplexnost a novinku, o které se domnívají, že jejich produkty postrádají.

Slyšel jsem, že zastánci anti-designu tvrdí, že je to také lepší pro uživatele. Říká se, že uživatelé musí být vyzváni a náročné zážitky jsou nezapomenutelnější a příjemnější. (Tato myšlenka nám přišla dost směšná na to, aby se proměnila v aprílový příběh.) Ve skutečnosti mohou být tato tvrzení pravdivá pouze ve dvou kontextech:

• Vaše publikum tvoří návrháři, ilustrátoři nebo umělci. Dokážou pochopit důvod chaotického hrubého designu a „chytit“ vnitřní vtip. Pravděpodobně mají větší zkušenosti s digitálními produkty, takže zvládnou složitější uživatelské rozhraní. A jedinečný designový styl může vašemu produktu nebo značce pomoci vyniknout a učinit jej nezapomenutelnějším. Web Bloomberg Businessweek Design byl určen pro designové publikum, takže by pro ně mohl být vhodný.
• Váš produkt je pro zábavu. Lidé se nebudou pokoušet použít váš produkt k hledání čehokoli nebo k dokončení konkrétního úkolu. Interakce nemusí být plynulá a objevitelnost je důležitější než schopnost vyhledávání. V ideálním případě by to byl zábavní produkt zaměřený na designéry nebo umělce.

Pokud vaše situace nevyhovuje žádnému z těchto kontextů, uživatelské rozhraní proti designu se obrátí.

Pamatujte: nejste uživatel. Může se vám zdát mnoho návrhů příliš nudných nebo příliš jednoduchých, ale většina uživatelů internetu pravděpodobně nebude souhlasit.

Slyšíme mnoho stížností od uživatelé během různých uživatelských průzkumů, ale nikdo si nikdy nestěžuje, že je web příliš snadno pochopitelný.

Anti-design vytvořil odpor v UX komunitě, protože v mnoha ohledech se zdá, že jeho cíle jsou protikladem UX designu. Uxdesign.cc kritizoval to, čemu říká brutalismus (ale co bych nazval anti-design), a vytvořil satirické brutalistické UX materiály: „házejte prvky po obrazovce, aniž byste se příliš starali o to, jak spolupracují. Kdo jste, abyste definovali hierarchii? Nechte každý prvek soutěžit o pozornost. “

Digitální rozhraní jsou stále jednodušší a pohodlnější, protože jsou to, co uživatelé potřebují a chtějí. To jsme se jako profesionálové naučili po desetiletí uživatelského výzkumu. Ale jednoduchost nemusí nutně znamenat uniformitu. Existuje mnoho příležitostí pro kreativitu, která pomáhá lidem porozumět vašemu obsahu a dotáhnout věci do konce. Aby naši uživatelé vynikli nebo je zaujali, nemusíme věci komplikovat.

Existují místa, kde se věci zdají být krásně rozptýlené nebo záměrně složité. Ale pro většinu z nás je náš digitální produkt na špatném místě. Nepíšeme zde Faulknerovi. Lidé nechtějí používat produkt k řešení hádanek: rozhlížet se, věnovat pozornost, vyvozovat závěry, číst a přemýšlet – to vše je dřina. Nechtějí být vyzváni. Chtějí jen pokračovat ve svém životě.

Kdy použít brutalitu

Chcete -li použít brutální styl, omezte se na vizuální design. Neporušujte vizuální hierarchii, navigaci ani interakční design jen kvůli novinkám. A držte se čistého brutalismu a vyhněte se anti-designu, jako je mor, který způsobí vaše obchodní metriky.

Brutalista/anti- design skvělý pro adultwim.com. Tento karikaturní kanál, zaměřený na dospělé, je zábavný, má vtipný tón a pravděpodobně je zaměřen na technicky zdatné publikum. Pamatujte však, že brutalistický styl je ve skutečnosti povrchní. Tento web je stále má jasnou vizuální hierarchii a lze se v něm snadno orientovat.

Ne všechny trendy jsou stejně užitečné

Brutalismus a anti-design si aktivně získávají popularitu v oblasti grafického designu, reklamy, webových stránek. Pronikají do populární kultury

Můžete se cítit pod tlakem, abyste tento nový designový trend přijali. Než to uděláte, opravdu zvažte, zda to bude nejlepší pro vaši společnost, firmu a vaše uživatele. Dobře si promyslete, jak si uživatelé/zákazníci/čtenáři myslí o vašem produktu, nebo proto, že se jen nudíte a cítíte se neotřesitelní? Zdroj

Co byl brutalismus, než se dostal do hlavního proudu?

Vzpomínám si na velmi starý web https://brutalistwebsites.com, který dříve publikoval brutální weby. Asi před 5 lety to vypadalo jako kompletní hra. Stránka stále existuje a zachovává si své tradice, zveřejňuje někdy šílené příklady.

Víte, co je nyní na stránkách zveřejněno a souvisí s brutalitou? Dívej se pozorně. Brutalismus se v posledních letech také vyvinul.

Vypadá to dnes špatně? Vypadá to tak trendy, jak je to možné. Jasné barvy, odvážné snímky, široká písma, originální ilustrace. Moderní design má velmi blízko k brutalismu. Protože každý je unavený rutinou.

Ačkoli v původní myšlence brutalismu + anti-designu spočívaly následující weby:

Brutalismus se postupně začal rozvíjet a naplňovat vizuálními obrazy.

Pokud mluvíme o brutalismu, rok 2021 je odvážný styl, který může bořit stereotypy, mít zrnko absurdity, míchat styly, používat nestandardní nápady. Ale zároveň to musí zůstat intuitivní a harmonické. Toto je zlatá střední cesta mezi brutalismem a anti-designem.

Platforma vytvořila a obrovské množství webů v tomto směru se bude i nadále vyvíjet ještě rychleji.

Kde se inspirovat brutalitou?

• Readymag
• Brutalistwebsites
• Behance/brutalism

Bottom Line

2021 je vývoj 3D grafiky, ilustrace, animace, rozmanitost písem. UI jde do minimalismu, lehkosti a jednoduchosti. Zvláštní pozornost je věnována detailům. Rozhraní se stává méně viditelným a nenápadným. Grafický design je stále odvážnější, odvážnější, absurdnější, s poznámkami brutality a anti-designu.

Příklady

Nejúspěšnější příklady velkých společností, které dokázaly najít střed mezi trendem UI a klasikou. Kvalitní produkt, láska k detailu, modernost a pohodlí.

Klarna

https://www.klarna.com/

Monobank

https://www.monobank.ua/

Setapp

setapp.com