Honza Toman pracuje jako Design System Lead v Productboardu, předtím stavěl design systémy v Kiwi.com nebo v Czech News Center. Výhradně design systémům se věnuje již více než pět let.
Slovník pojmů
Z anglického „Design system(s)“. Design systém je knihovna vizuálního stylu, UI komponent a dalších elementů, které společně pomáhají týmům navrhovat a vyvíjet jeden nebo více produktů. Součástí design systému je i jeho dokumentace, která popisuje vše, co design systém nabízí.
Slovník pojmů
Z anglického „Reference site“, někdy také „Documentation site“. Dokumentace design systému. Dokumentační stránka je chybně často vnímána jako samotný „design systém“, i když je pouze referencí k použití stylů, komponent a funkcí design systému. Dokumentace někdy bývá přístupná veřejnosti. Populárními příklady jsou dokumentační stránky Material Designu [http://material.io/] od
Slovník pojmů
Z anglického „UX pattern“. UX patterny pomáhají designérům navrhovat funkční a otestovaná řešení běžných interakcí. Jsou to osvědčené postupy v aplikacích nebo produktech např. způsob, jak má fungovat přihlašovací formulář nebo navigace. Klíčové UX patterny bývají dokumentovány jako součást design systémů, často v samostatných sekcích dokumentační stránky.
Slovník pojmů
Zkratka z anglického „User Interface Kit“ nebo „UI library“. Protějšek knihovny komponent dostupný v grafickém nástroji, např. ve Figmě nebo ve Sketchi. Většinou s UI kitem pracují designéři, často je však ale otevřený i dalším rolím v týmu (např. produktovým manažerům nebo vývojářům). Jeho hlavním cílem je urychlit prototypování a
Slovník pojmů
Z anglického „Component library“ nebo také „Pattern library“. Knihovna komponent je sada znovupoužitelných komponent. Jsou pravděpodobně nejvýraznější a nejčastěji používanou částí design systémů, proto si je lidé občas pletou právě s design systémy. Je však pouze jednou částí celku.
Slovník pojmů
Z anglického „Component API“, někdy také „Component API Design“. API (Application Programming Interface) komponenty je rozhraní, pomocí kterého se daná komponenta používá, např. v Reactu jsou to props dané komponenty. Obecné pravidlo je, že se snažíme udržet API co nejvíc konzistentní a srozumitelné napříč celým design systémem.
Slovník pojmů
Z anglického „UI component“. Modulární část UI rozhraní, která se dá opakovaně použít při designu či vývoji aplikace. Aby byly UI komponenty co nejvíce univerzální, měly by být nezávislé na datové či „business“ vrstvě aplikace. Data by do komponent měly být předávány pouze pomocí jejich API. Běžnými příklady komponent jsou