Design systém gov.cz
- Design systém umožňuje rychlejší, levnější a kvalitnější vývoj nových webů a aplikací.
- Poskytuje komponenty v souladu se zákonem o přístupnosti.
- Pomáhá vytvářet konzistentní webové produkty ve veřejné správě.
Obsahuje
Figma kity
Figma knihovny s komponentami (gov-materials), templates (gov-templates) i ikonami (gov-icons).
Storybook
Frontendová knihovna od verze
Pattern Lab
Frontendová knihovna do verze
Fractal
Frontendová knihovna pro Templates, kterou ocení nejen kodéři.
Úvodní informace
Pro úředníky
- Chystáte nový webový projekt? Přečtěte si pro koho je design systém gov.cz povinný.
- Další užitečné informace naleznete v sekci Pravidla.
Pro dodavatele
- Chystáte se realizovat projekt? Seznamte se s průvodcem pro designéry nebo průvodcem pro vývojáře a zjistěte, jak začít používat tento design systém.
Design systém pro digitální produkty
Design systém je scénář, podle kterého Digitální a informační agentura navrhuje a vyvíjí weby a digitální produkty. Má pomoci dalším týmům rychleji vytvářet digitální produkty, které budou konzistentní napříč veřejnou správou.
Přínosy design systému
Úspora nákladů
Přepoužitím vzhledu a kódu navrhnete výsledný web nebo aplikaci rychleji a ušetříte čas i peníze.
Konzistence
Design systém definovanými principy, pravidly a komponentami pro vytváření jednotlivých stránek:
- podporuje konzistenci a soudržnost uživatelského rozhraní,
- zlepšuje uživatelský prožitek — orientace a použití je snadnější,
- zajišťuje konzistenci výstupů od jednotlivých dodavatelů,
- umožňuje rychlejší, levnější a kvalitnější vývoj nových webů a aplikací,
- poskytuje komponenty a styly, které vám usnadní vytvořit web splňující požadavky zákona č. 99/2019 Sb., o přístupnosti internetových stránek a mobilních aplikací.
Další výhody
Jakmile jsou stanovené standardy, mohou se týmy zaměřit na úkoly s vyšší přidanou hodnotou (např. na další zlepšování webů a portálů prostřednictvím uživatelských výzkumů, testování atp.).
Kdo s design systémem zpravidla pracuje
- Designéři — navrhují uživatelské rozhraní. Více informací pro designéry.
- Vývojáři — vyvíjí navržené řešení. Více informací pro vývojáře.
- Úředníci — tvoří obsah a kontrolují správnost informací z faktického pohledu. Více informací v sekci Pravidla pro tvorbu obsahu.