Petra Novotná
Vedoucí oddělení UX/UI designu
Vzduch Design s.r.o.
Specialistka na bílý prostor a minimalistický design
Petra má 14 let zkušeností v designu webových rozhraní. Zaměřuje se na to, jak správně používat bílý prostor — jak nechat obsah dýchat a přitom ho zvýraznit. Není to jen o prázdnotu. Je to o tom, že každá mezera má smysl. Každé odsazení řídí pohled uživatele a zvyšuje čitelnost. To je to, co dělá její práci výjimečnou.
Od roku 2012 pracuje s principy minimalismu a věří, že opravdový design není o tom, co přidáme, ale o tom, co strategicky odebereme. Vedla redesign více než 120 projektů. 87 % z nich dosáhlo zlepšení uživatelské zkušenosti o minimálně 35 %. V Agentuře Vzduch Design vede tým UX/UI designerů a prosazuje inovativní přístupy k měřítku mezer a vizuálnímu zaměření.
Důležité milníky a projekty
Vysoká škola umělecké v Praze
Absolvovala obor Grafika a komunikace. Zde se seznámila s teorií designu, typografií a principy vizuální komunikace, které tvoří základ její metodologie.
Atelier Design Praha (2010–2015)
Pracovala jako designerka, později vedoucí oddělení. Zde aplikovala teoretické principy minimalismu na praktické projekty. Vedla redesign webů a aplikací pro české klienty a získala první zkušenosti s měřítky mezer a vizuálním zaměřením.
Fintech sektor a design systémy (2015–2024)
Pracovala s klienty z fintech oblasti, kde jsou přesné rozestupy zásadní. Vytvořila vlastní systém design tokenů pro konzistentní měřítko mezer. Dnes ho používá přes 40 českých a polských designových týmů.
Vedení týmu v Agentuře Vzduch Design (2024–)
Vede tým UX/UI designerů a prosazuje inovativní přístupy k rozpracování konzistentních měřítek mezer. Pravidelně přednáší na konferencích WebExpo a Design Summit o psychologii bílého prostoru a jeho vlivu na konverze a důvěru uživatelů.
Čím se zabývá
Bílý prostor jako nástroj
Bílý prostor není chyba. Je to strategie. Věří, že správné rozestupy a odsazení zvyšují čitelnost, usability a důvěru. Každá mezera má smysl a účel — řídí pohled uživatele přesně tam, kam chcete.
Pracuje s tím, jak psaní a prvky reagují na prázdný prostor. Když je obsahu málo, máte víc místa. Když je ho hodně, rozestupy ho strukturují. To je to, co dělá designs přívětivé a profesionální.
Konzistentní měřítko mezer
Vytvořila vlastní systém design tokenů pro měřítko mezer, který je škálovatelný a flexibilní. Systém pracuje s proporčními vztahy — malé mezery, střední, velké — a jejich vzájemnými poměry. Takto lze pracovat na projektech od mobilů až po desktopy bez chaosu.
Konzistentní měřítko znamená, že design vypadá vyladěně. Uživatelé to cítí, i když si to uvědomit nemusí. Všechny prvky se doplňují, všechno má svou logiku. To buduje důvěru a usability.
Odsazení a okraje v praxi
Padding a margin nejsou jen technické parametry. Jsou to prvky, které mění vnímání obsahu. Věnuje se tomu, jak odsazení ovlivňuje skupinování informací, jak okraje vytváří hierarchii a jak tyto prvky pracují na mobilních zařízeních, kde je místa málo.
Na mobilech není místo na experimentování. Každý pixel má cenu. Proto je design s bílým prostorem zde ještě důležitější — obsah se musí vejít a zároveň být čitelný a přívětivý.
Vizuální zaměření skrze design
Bílý prostor řídí pohled. Když máte text obklopený prázdnem, oči se na něj soustředí. Když máte malé prvky s velkými mezerami kolem nich, vyniknou. Toto je psychologie designu — jak pomocí prázdna zvýraznit to podstatné.
Petra pracuje na tom, aby design nejen vypadal hezky, ale aby také fungoval. Aby uživatelé věděli, kam se mají koukat, co je důležité a co je sekundární. To zvyšuje konverze a spokojenost uživatelů.
Kvalifikace a dosavadní dílo
Let zkušeností v designu
Designovaných projektů
Dosáhlo 35% zlepšení UX
Týmů používá její systém
Články a přednášky
Petra pravidelně sdílí své znalosti a zkušenosti formou článků a přednášek na konferencích.
Základy bílého prostoru v praxi
Jak začít používat bílý prostor efektivně, jaké jsou základní principy a kde se často dělají chyby. Praktický průvodce pro designéry a vývojáře.
Číst článekKonzistentní měřítko mezer — jak na to
Jak vytvořit a implementovat vlastní systém design tokenů. Příklady z praxe a konkrétní doporučení pro škálovatelné projekty.
Číst článekVizuální zaměření — jak odsazení řídí pohled
Psychologie mezer a jejich vliv na vnímání. Jak používat padding a margin tak, aby uživatelé věděli, kam se mají koukat.
Číst článekOdsazení na mobilních zařízeních — omezené místo
Specifické výzvy mobilního designu. Jak pracovat s mezerami, když je místa málo, a přitom zachovat čitelnost a usability.
Číst článekChcete se dozvědět víc o designu s bílým prostorem?
Prozkoumejte další články o minimalistickém designu a principech mezer, které zlepší vaše webové projekty.