S novým rokem přicházejí i nové trendy v oblasti grafického designu a webdesignu. Je sice pravdou, že mnoho stylů, trendů se cyklicky opakuje a můžeme říci: „Vše už tu jednou bylo“. Existují ale i výjimky dané technologickým pokrokem jako umělou inteligencí generované obrázky nebo pokročilé 3D modely. Doba se mění a s ní technologie i my. Co přinese rok 2023? Přinášíme vám osm trendů v designu a sedm ve webdesignu. Inspirujte se.
Autorem je Jan Beneš, art director agentury Beneš & Michl
Obsah článku:
Trendy v grafickém designu pro rok 2023
Trendy ve webovém designu pro rok 2023
- Maximalismus (Brutalismus/Anti-design)
- Překrývající text (součást brutalismu)
- Typografický layout
- Parallax zoom
- DIY koláže
- 3D
- Retro
Trendy v grafickém designu pro rok 2023
1. Serifová písma
Renesanci serifových písem jsme mohli pozorovat již během minulého roku a v novém roce bude tento trend pokračovat. Zajímavé a nevšední fonty volí designéři čím dál častěji, aby dodali své tvorbě osobitý ráz a dotek ruční práce. Ta se promítá i do dalších trendů, jakým je třeba webdesign. Nebojte se tedy oživit v novém roce svou tvorbu o nějaké nové, neotřelé a nádherné serifové písmo.
- https://www.behance.net/gallery/161131385/Gracious-Bowing-Display-Serif-Font
- https://creativemarket.com/harmonais.visual/7208558-Fitzgerald-Classic-Retro-Serif
- https://www.behance.net/gallery/161095787/Rushtick-_-Modern-serif-ligature-font
- https://www.behance.net/gallery/158386209/Simple-Candy-Free-Elegant-Display-Serif
- https://www.behance.net/gallery/152308461/Welth-Catritz-Classic-Serif
- https://www.behance.net/gallery/144001025/FREE-FONT-Glitten-Modern-Ligature-Seri
2. Ruční ilustrace
Když už zmiňujeme ruční práci u fontů, je třeba upozornit i na rostoucí trend ručních ilustrací. Díky digitalizaci a počítačům dokážeme vytvořit přesné, mnohdy až technicky strojové futuristické ilustrace, které ovšem postrádají krásu nedokonalosti, jež k lidskému životu patří. Proto je zde hlad po ilustracích polidšťujících digitální tvorbu. Dalším důvodem jejich rostoucí obliby je autentický a rozpoznatelný ráz, který vizuálům a grafice dodávají. Jedinečná a zapamatovatelná chce být přece každá značka.
- https://www.behance.net/gallery/105309559/Root-Online-Grocer
- https://www.behance.net/gallery/136828071/Winter-animals
- https://www.behance.net/gallery/101761141/Hand-Drawn-Mascots
- https://www.behance.net/gallery/138933439/International-Womens-Day-Fashion-Illustration-NFT
3. Bauhaus
V kontrastu ručních skic nebo ručních serifových písem nastupuje další z trendů tohoto roku – design v duchu německé školy Bauhaus, který využívá jednoduché geometrické tvary Architekt Walter Gropius, zakladatel této školy sloučil všechny umělecké obory, jakými jsou malířství, architektura nebo sochařství do jednotného přístupu, a to do kombinace umění jednotlivce s masovou produkcí a funkcí. Tato škola zanikla v roce 1933, její odkaz ale žije dál, a my na něj můžeme letos navázat.
- https://www.behance.net/gallery/150891007/Poster-collection-BAUHAUS/modules/851977399
- https://www.behance.net/gallery/132838879/Branding-AMAPOLA
- https://www.behance.net/gallery/138308601/Illustrations-2022
- https://www.behance.net/gallery/132886315/RBGV-Report
4. Memphis (i 3D)
Pokud byl Bauhaus klíčovým prvkem modernismu, Memphis je zase typickým představitelem postmodernismu. Skupina Memphis, známá jako Memphis Milano, sdružovala italské designéry a architekty, kteří působili pouze v 80. letech 20. století. Navrhovali postmoderní designový nábytek a další umělecké, užité předměty. V současnosti se jejich rukopis opět vrací do módy a my můžeme pracovat s geometrickými motivy, zářivými barvami nebo neotřelými abstraktními vzory. Zcela novým trendem je rozšíření trendu Memphis o jednu dimenzi na trojrozměrné motivy.
- https://www.behance.net/gallery/152737889/SUMMER-VIBES
- https://www.behance.net/gallery/128386369/ADOBE-x-Wade-and-Leta
- https://www.behance.net/gallery/90338359/Pattern-Collection-1-Memphis
- https://www.behance.net/gallery/55510419/-vol1-ColorTrap
- https://www.instagram.com/p/BPxVYx6lA3t/
- adobestock
5. Surrealismus
Všichni určitě znají ikonické obrazy od nejznámějšího surrealistického malíře Salvadora Dalího. Nadpřirozené, nadrealistické a fantaskní ztvárnění reálných předmětů. S tímto nadpřirozeným světem se budeme v letošním roce setkávat v designu. Je zde obecná snaha oprostit se od reality a promítnout do uměleckých děl realitu snovou. Nečekejte však masové rozšíření, použití surrealistického designu bude spíše uměleckou, a do jisté míry okrajovou záležitostí.
- https://www.behance.net/gallery/95125861/Unleash-Surrealism
- https://www.behance.net/gallery/134956111/Blaster-poster-V3
- https://www.behance.net/gallery/158509945/Another-day-in-Dog-eat-Dog-world
- https://www.behance.net/gallery/157740315/Mental-Health-Awareness-Photomanipulation
6. Brutalismus
Brutalismus v digitální tvorbě navazuje na své kořeny v architektuře 50. a 60. let. Drsný styl se vrací v moderním pojetí. Nepracuje pouze s jednou barvou, dochází k naprostému opaku, a to využití celé škály výrazných neonových barev. Ikonická je pro něj práce s typografií ve velmi tučných řezech. Nezapomínejme tento styl, v současnosti i následujících letech bude mít v designu a webdesignu své neoddiskutovatelné místo.
- https://www.behance.net/gallery/88776865/HMD-NIKE-CONCEPT-POSTERS
- https://www.behance.net/gallery/158056407/Tetris-and-Nokia-Two-Legends-Posters
- https://www.behance.net/gallery/156462169/Anti-design
- https://www.behance.net/gallery/159862843/Poster-design
- https://www.behance.net/gallery/159486817/NIKITA
- https://www.behance.net/gallery/154412745/Poster-Design-Such-DIfferent-Posters
- https://www.behance.net/gallery/115393411/Young-Guns
7. Generované AI (umělou inteligencí)
Příchod neuronových sítí a generování obrazů „umělou inteligencí“ (správněji spíše strojovým učením) nám poskytuje zcela nový zdroj inspirace pro digitální tvorbu. Díky projektům jako DALL-E a jemu podobným, lze na základě popisu nechat učicí model vygenerovat takřka cokoliv, co nás napadne. Limity představuje pouze naše fantazie. Výhodou, pro někoho nevýhodou, může být, že jde o proud nový bez historického odkazu. Na druhou stranu lze generátoru popsat, v jakém uměleckém stylu má obraz vygenerovat. Užijte si ty možnosti.
- https://www.behance.net/gallery/158936005/Ai-Generated-Tiny-Creatures-Macro-Photography
- https://www.behance.net/gallery/150305473/AI-generated-Nike-concepts
- https://www.behance.net/gallery/158303857/Gaming-Sneakers-Ai-Generated-Products
- https://www.behance.net/gallery/151463785/Swirling-Clouds-Ai-Generated-Concept
- adobestock
8. Retro
Retro je návratem ke klasice. V každé éře se najde skupina lidí, která vnímá určité období jako retro. Co je retro pro jednoho, nemusí být retro pro druhého. Jak bylo zmíněno úvodem, mnoho stylů a trendů se cyklicky opakuje a vše už tu jednou bylo. Dalším trendem nadcházejícího roku tedy není nic jiného než právě návrat retro stylu. Jak moc velké retro to bude, záleží na době, z níž si pro design vypůjčíme typické a charakteristické znaky. Bude se jednat o 60., 80. nebo dokonce 90. léta minulého století? Čím se letos necháme inspirovat?
- https://www.behance.net/gallery/159078427/Space-Face-Poster-Design
- https://www.behance.net/gallery/157441803/Poster-Nike-Retro
- https://www.behance.net/gallery/100118079/AIGA-Design-Camp-2019
- https://www.behance.net/gallery/144427105/Aguila-Ammunition-Posters
- https://www.behance.net/gallery/97088465/Poster-CollectionRetro-BrandsVideotape
- https://www.behance.net/gallery/155508841/Berg-In-The-Burg-2022-Poster
Trendy ve webdesignu pro rok 2023
U webových trendů jsme ve výhodě, že jsou jednotlivé ukázky interaktivní a není tedy potřeba je dlouze popisovat nebo představovat. U každého z nich v krátkosti popíšeme, co je pro něj typické nebo jaký je jeho původ či záměr.
- Maximalismus (Brutalismus/Anti-design)
- Překrývající text (součást brutalismu)
- Typografický layout
- Parallax zoom
- DIY koláže
- 3D
- Retro
1. Maximalismus (Brutalismus/Anti-design)
Maximalismus se snaží narušit zaběhlé konvence. Jde v podstatě o reakce na dlouhodobou monotónnost a stereotyp. Grafický design pracuje s prvky brutalismu, o nichž jsme se zmiňovali výše.. U webu je třeba ještě doplnit, že stejně typické je použití tučné typografie, výrazných barev, ale zejména nedodržování zaběhlých layoutů.
2. Překrývající text (součást brutalismu)
Zůstaňme u textu, respektive dominantní typografie, která tvoří základní vizuální prvek celého webu. Dominantní písmo, které je někdy zvětšené až na úkor samotné čitelnosti, překrývá ostatní prvky stránky. Jde o podstatu trendů, s níž se budeme v novém roce vídat čím dál častěji. Hodí se zejména pro umělecky zaměřené weby, ale své uplatnění najde i u zákazníků,i kteří se budou chtít od konkurence odlišit webem a být unikátní, zapamatovatelní.
http://disrupt.ouiwill.com/how-to-disrupt/
https://looksgreat.studio/cases
https://www.reiter-friseur.at/
https://dribbble.com/shots/16486988-GL-BRUTALISM-01
3. Typografický layout
Pokud bychom zašli ještě dále, můžeme použít samotný font, který bude definovat celkový layout, tedy rozložení webu. Minimalistické řešení je velmi elegantní a jednoduchý způsob, jak vytvořit netradiční vzhled webu.
https://99designs.com/profiles/chuha/designs/1997734
https://www.ukrainianpower.io/
4. Parallax zoom
Další novinkou bude rolování stránkou nikoli ve směru dolů, ale přímo skrze samotnou stránku. Jde o způsob, který skvěle vypadá, jen je výpočetně náročnější na procesor a může se stát, že ne na všech zařízeních bude zcela plynulý. Proto je nezbytné tento efekt velmi důkladně optimalizovat.
https://www.youtube.com/watch?v=-2jRjBL8BsA
https://titan.viita-watches.com/en/
5. DIY koláže
DIY v překladu z anglického jazyka znamená „udělej si sám“. Jak u ručních ilustrací, tak i v tomto směru webdesignu je stěžejní prvek ukázání lidskosti. Je žádoucí, aby z webu byla cítit přirozená lidská nedokonalost. Celý web proto působí jako koláž z výstřižků, obrázků, ilustrací či fotografií. Doplněním o ručně psaný font můžeme tento dojem ještě umocnit. Navíc lze použít pro jednotlivé objekty parallax efekt, tedy různé rychlosti rolování a vizuální atraktivitu webu tím ještě zvýšit.
https://www.capablemarketing.com.au/
https://apchronicles.audemarspiguet.com/en/edutainment/royal-oak-a-journey-through-time
https://margarita-raspopova.tilda.ws/
6. 3D
Čím dál častěji se budeme setkávat s kompletním 3D světem v rámci celého webu, který je spojeným s nárustem výkonů u moderních počítačů. Interaktivní prezentace z osobní perspektivy je atraktivní a zábavná. Trend 3D se uplatní především u developerských projektů, kde si lze s pomocí 3D modelu udělat přesnou představu o výhledu nebo třeba o jednotlivých místnostech bytů.. Své zastoupení nalezne i v módním průmyslu nebo u startupů, tedy u všech, co se budou chtít odlišit.
https://dribbble.com/shots/9935851/attachments/1970260?mode=media
https://www.behance.net/gallery/105898283/Pikachu-UI-Design-Concept
https://technology.panasonic.eu/av-digital-world/corporate-education
https://www.puma-campaigns.com/velocity-2-aw/
https://abstract.wannathis.one/
7. Retro
Stejně jako u grafického designu, také u webu se setkáme s návratem ke klasice. Lidé si jednodušeji oblíbí, co důvěrně znají. V tomto případě se však jedná spíše o snahu zaujmout, vystoupit z řady a být pro uživatele atraktivní.
https://www.behance.net/gallery/155162147/Online-courses-Landing-page
https://www.gretamusic.co/#home
https://mrbeast.basement.studio/
