Úvod do organismů
Obsah
Intro
Organismy představují komplexní a přizpůsobitelné stavební bloky pro návrh a vývoj webových stránek a aplikací. Slouží k organizaci obsahu a interaktivních prvků na stránce.
Organismy využívají jednotlivé komponenty Design Systému gov.cz, což zajišťuje jejich konzistentní a snadno přizpůsobitelný design. Zároveň jsou organismy použity při tvorbě templates, které představují celé části webových stránek složené z více organismů a dalších prvků, poskytujících kompletní uživatelské rozhraní.
Kdy použít organismy?
Organismy se používají k sestavení komplexnějších částí webu, jako jsou navigační panely, sekce s obsahem nebo dynamické seznamy.
Využijte organismy tehdy, když potřebujete seskupit jednotlivé komponenty do jednoho celku, který bude plnit specifickou funkci. Například při vytváření přehledného seznamu, gridu karet nebo navigačního panelu. Organismy poskytují praktický základ pro kombinaci více prvků do jednoho funkčního bloku.
Přehled organismů
Navigační
Header, Navigation
Slouží především k orientaci uživatele na webové stránce a poskytuje klíčové prvky pro navigaci a identitu webu.
Footer
Patička webu je spodní část webové stránky, která slouží k poskytování doplňkových informací.
Obsahové
Page Heading
Slouží k identifikaci obsahu dané stránky a poskytuje kontext uživatelům.
Section Heading
Slouží k označení a organizaci obsahu uvnitř stránky.
Table of Contents
Slouží k zobrazení hierarchického přehledu všech hlavních sekcí na stránce.
Seznamy a gridy
Card Grid
Card grid slouží k efektivnímu a přehlednému prezentování obsahu, který je snadno pochopitelný a přístupný pro různé typy zařízení.
Tile Grid
Grid s rychlým náhledem informací v rámci přehledného zobrazení.
Chip List
Slouží k prezentaci kategorií, štítků, či jinak označených nebo vybraných položek.
Tag List
Slouží k zobrazení a organizaci různých štítků (tagů), které slouží jako metadata pro kategorizaci a filtrování obsahu.
Accordion List
Slouží ke sbalení obsahu, který pro uživatele není v dané chvíli podstatný.
Stepper List
Slouží k vizualizaci procesu nebo postupu, který má jasně definované kroky.
File List
Slouží k přehledné prezentaci souborů a jejich základních informací.
Filter List
Slouží k usnadnění výběru a aplikace filtrů při práci s daty, obsahem nebo položkami na webu či aplikaci.
Doplňkový
Table
Slouží k přehlednému zobrazení strukturovaných dat ve formátu řádků a sloupců.
Image, Gallery
Galerie a obrázek představují hlavní nástroje pro prezentaci vizuálního obsahu.