Komplexní ikonové systémy na míru. Od návrhu mřížky až po finální SVG knihovnu s interaktivními stavy.
Vlastní ikonový systém na míru
Navrhujeme kompletní ikonové knihovny přímo pro vaši aplikaci nebo web. Vycházíme z vaší značky, technických požadavků a UI konceptu. Definujeme mřížku (nejčastěji 2424 nebo 3232 px), jednotnou tloušťku čáry a všechny potřebné varianty ikon – 50, 100 či 200+ symbolů.
Design mřížky a proporcionálního systému
Jednotná tloušťka tahu (stroke weight)
Optimalizace pro SVG a web
Stavy a interakce ikon
Každá ikona potřebuje vizuální varianty pro různé stavy uživatelského rozhraní. Navrhujeme hover efekty, aktivní stav (selected), vypnuté prvky (disabled) a další interakce. Zajistíme, aby všechny stavy byly konzistentní, srozumitelné a vhodné pro vašeho uživatele.
Hover, active, disabled stavy
Konsistentní přechody a animace
Přístupnost a čitelnost v každém stavu
Piktogramové knihovny a infografiky
Piktogramy jsou univerzálním jazykem, který překonává jazykové bariéry. Vytváříme sady piktogramů pro edukační obsah, infografiky, návody nebo dokumentaci. Každý symbol je navržen tak, aby byl jasný bez doprovodu textu, a přitom si zachovává vizuální jednotnost s vaším designovým systémem.
Komunikace bez textu
Konzistence v rozsáhlých sadách
Škálovatelné SVG formáty
Technická dokumentace a guidelines
Samotný ikonový systém je jen polovinou práce. Vytváříme detailní dokumentaci se specifikací mřížky, doporučeními pro použití, příklady implementace a best practices. Zahrnujeme exportní formáty (SVG, PNG, icon font), pravidla pro aplikaci a tipy na správné používání v kódu.
Specifikace mřížky a proporcionálního systému
Pravidla pro exporty a optimalizaci
Integrace do vašeho projektu (React, Vue, vanilla)
Připraveni na vlastní ikonový systém?
Pojďme si pohovořit o vašem projektu. Dozvíme se, jaké ikony potřebujete, jaká je vaše značka a jaké máte technické požadavky.