Tomáš Novotný

Senior Web Design Specialist

Úhel Design s.r.o.

Kdo jsem

Jsem webdesigner s 14 lety praxe, který se zaměřuje na jednu věc — vytváření neobyčejných designů pomocí diagonálních prvků a split-tone pozadí. Ne všechny weby musí vypadat stejně. Některé si zaslouží něco víc.

Můj příchod do webdesignu nebyl tradiční. Začal jsem jako nadšenec do fotografie, který si uvědomil, že vizuální kompozice na webu vyžaduje stejně precizní přístup. Během studií na Vysoké škole uměleckoprůmyslové v Praze se mi otevřely oči na možnosti CSS. V roce 2015 jsem vytvořil sérii case studies na téma diagonálních děličů obsahu — a ty se staly vodítkem pro celou českou webdesignovou komunitu.

Co mě na tomto oboru fascinuje? Výzva. Správně zarovnat text v šikmé sekci při zachování čitelnosti na mobilu i desktopu není triviální. Diagonální prvky a split-tone pozadí nejsou jen okrasa — jsou to nástroje komunikace. Když je používáte správně, fungují.

Moje cesta

2010 — Začátek v digitálním designu

Přechod z fotografie na webdesign. Začal jsem pracovat jako junior designer v malé agentuře v Praze. Měl jsem kladivo, hledal jsem hřebíky. Vše jsem se učil praxí — od základů HTML a CSS až po moderní frontend techniky.

2015 — Objev diagonálního designu

Publikoval jsem sérii case studies o diagonálních dělicích prvcích a split-tone pozadí. Články získaly pozornost v komunite a začal jsem vést workshopy. To bylo rozhodující — uvědomil jsem si, že chci vzdělávat ostatní a vést projekty, ne jen je realizovat.

2018 — Vedoucí projektů a mentor

Vedl jsem desítky projektů pro prestižní české a mezinárodní klienty. Zaměřoval jsem se na inovativní řešení — nejednotné mřížky, asymetrická rozvržení, neobvyklé typografické hierarchie. Začal jsem také mentorovat juniorní designery.

2023 — Senior Specialist v Úhel Design

Nyní vím, kde patřím. V Úhel Design s.r.o. vedu tým tvůrců a vzdělávám ostatní v pokročilém CSS designu. Projekty, na kterých pracuji, nejsou o tom, aby vypadaly hezky. Mají být pozoruhodné. A hlavně — musí fungovat na všech zařízeních.

Moje specializa

Diagonální dělení obsahu

Pracuji s šikmými čarami a úhly, aby se obsah vizuálně odděloval. Není to jen grafika — musím zajistit, aby text zůstal čitelný a zarovnání fungovalo na mobilu, tabletu i desktopu. Jsou to slidy, které nejsou rovnoběžné.

Split-tone pozadí

Rozdělené pozadí se dvěma barvami přes diagonální linii. Vypadá to jednoduše, ale v CSS je to zajímavá hádanka. Musí to být responzivní, musí to vypadat správně v různých proporcích obrazovky a text musí být vždy čitelný.

Responzivní diagonály

Diagonální prvky se chovají jinak na různých obrazovkách. Úhel se musí přizpůsobit. Text se musí zalamovat jinak. Zde je klíč — vytvořit design, který se adaptuje elegantně, bez hack a bez porušení čitelnosti.

Zarovnání textu v neobvyklých sekcích

Když není sekce obdélník, zarovnání textu přestává být zřejmé. Musím myslet na délku řádků, vertikální zarovnání, okraje. Správné zarovnání dělá rozdíl mezi design, který vypadá amatérsky, a design, který vypadá přesný.

Co dělám dobře

Frontend a Design

HTML5 a sémantický kód
CSS3 s flexbox a moderními technikami
Responzivní design od mobilů k desktopu
SVG a CSS animace
Typografie a vizuální hierarchie

Přístupnost a výkon

WCAG AA/AAA compliance
Web accessibility (WAI-ARIA)
SEO-friendly markup
Optimalizace výkonu stránek
Testování na všech zařízeních

Filosofie mého přístupu

Věřím, že web není místo na šablony. Každý projekt si zaslouží originální řešení. Diagonální prvky a split-tone pozadí nejsou jen dekorace — jsou to nástroje, které vám pomohou komunikovat lépe.

Ale design bez funkcionality je jenom krásný chaos. Všechno, co dělám, musí být přístupné, musí fungovat na všech zařízeních a musí respektovat výkon. Pokud vás můj design zpomaluje, pak to není dobrý design.

Tři principy

Originalita: Nepoužívám šablony. Každý web se tvoří od nuly podle vašich potřeb.
Funkčnost: Design bez funkce je jenom krásný. Musí pracovat na mobilu, tabletu, desktopu — všude.
Přístupnost: Váš web by mělo moct používat každý. I lidé s poruchami vidění. I staré prohlížeče.

Články a případové studie

Věřím na vzdělávání. Tady jsou články, ve kterých jsem se věnoval detailům diagonálního designu a split-tone pozadí.

Chcete více?

Projděte si mé články o diagonálním designu nebo se dozvěďte více o Úhel Design s.r.o. a našich službach.

Všechny články Naše služby Napsat zprávu