Tomáš Novotný

Zajímavá otázka. Vlastně to byla kombinace okolností a zájmu. Kolem roku 2018 jsem viděl, jak Pinterest a další platformy experimentují s asymetrickými layouty. Fascinoval mě jejich přístup — nebyla to pravidelná mřížka, ale všechno mělo svůj účel. Rozhodl jsem se to prozkoumat hlouběji a brzy jsem zjistil, že asymetrie, když je správně navržena, vytváří více zajímavého designu bez ztráty čitelnosti.

V Modulo Design s.r.o. jsme pak začali tento přístup nabízet klientům. Zprvu to bylo opatrné — někteří klienti si mysleli, že je to “příliš módní”. Ale když jsme jim ukázali, jak asymetrické bento systémy zvyšují engagement a zlepšují čtivost, zmírnili se. Dnes je to jedna z našich hlavních specialit.

Jestli musím vybrat jednu věc — je to ten moment, kdy všechno “klikne”. Máte obsah, máte různé prvky (obrázky, nadpisy, texty), a pak se vám podaří je tak poskládat, aby to vypadalo jako organický celek. Není to náhoda. Je to pečlivé měření, testování a opravy.

Miluji také výzvu mobilní adaptability. Když se bentonová mřížka skládá na jednu sloupec, nesmí to vypadat jako zhroucený design — musí to být záměrné a promyšlené. Každá dlaždice si musí zachovat svou roli, jen v jiné formě. To je opravdu zajímavá puzzle.

Začínám analýzou obsahu. Co máme? Kolik obrázků? Jak dlouhý bude text? Jaká je komunikační hierarchie? Bez toho se nedá navrhovat. Pak si vezmu tužku a papír — ano, pořád to dělám — a kreslím hrubé obdélníky v různých velikostech.

Nekreslím pixel-perfect. Chci vidět proporce a tok. Pak přejdu do Figmy, kde si hraju s konkrétními rozměry a kombinacemi. Testuju, jak se to chová na různých velikostech. A pak přijde ta nejzajímavější část — CSS. Flexbox mi umožňuje přesně to, co jsem navrhl, implementovat bez zbytečné komplexity.

Důležitá je zpětná vazba. Stavím prototypy, které si vývojáři mohou “osahat” — ne jen vidět v Figmě. To změnilo můj přístup. Teď už během návrhu myslím na to, jak se to bude implementovat.

Několik věcí držím jako neotřesitelné. První je dostupnost. Když pracujem s asymetrickými layouty, musím si být vědom čtenářů se sluchovou či zrakovou poruchou. Kontrast, pořádná sémantika HTML, ARIA atributy — to vše jde ruku v ruce s designem.

Druhé je výkon. Asymetrické bento layouty mohou být “těžké” na výkon, pokud to neuděláte správně. Optimalizuju obrázky, minimalizuju CSS a testuju na pomalých připojeních. Design je krásný jen když funguje.

Třetí — a to je osobní — je честnost k obsahu. Asymetrie není sama cíl. Je to nástroj, který má vyzdvihnout obsah a jeho strukturu. Pokud asymetrie matou čtenáře, selhala jsem.

Vidět, jak lidé interagují s něčím, co jsem navrhla. Nedávno jsem sledoval, jak někdo používal web, který jsem dělala — bez instrukcí. Přirozeně věděl, co kliknout, kde se dívat. Bylo to jako hudba. Tahle zpětná vazba je neocenitelná.

A pak je tu ten aspekt učení. Technologie se mění. CSS se vyvíjí. Nové techniky se objevují. Jestli se přestanu učit, přestanu být relevantní. To mě žene dopředu. Každý projekt je příležitost zkoušet něco nového a sdílet to se svým týmem.