Ikony
Ikony Spaceship převádějí složité akce a myšlenky do okamžitě rozpoznatelných symbolů, které uživatelům usnadňují navigaci a interakci.
Naše ikony jsou univerzální, a přesto výrazné — jsou nejmenšími stavebními prvky značky, navrženými pro okamžité rozpoznání a zároveň si jasně zachovávají identitu Spaceship.
Verze
Všechny ikony Spaceship jsou k dispozici ve dvou verzích: obrysové (primární) a plné (sekundární).
Konstrukce
Ikony jsou navrženy podle definovaných pravidel — od základní mřížky po parametry tahu — což zajišťuje konzistentní a vyvážené výsledky.
Velikost
Ikony jsou škálovatelné už svým návrhem a měly by se používat v pěti velikostech, aby byla v celém systému zachována čitelnost a vizuální harmonie.
Barvy
Barva je zásadní prvek, který uživatelům pomáhá snadněji identifikovat jejich produkty v rámci konkrétního rozhraní. Aby byla v těchto kontextech UI zajištěna konzistence, ikony používají barvy Spaceship Design System.
Barvy značky
Jako základní barvy Spaceship by měly být tyto barvy hlavní volbou pro ikony — ať už ve funkčních kontextech, jako je uživatelské rozhraní platformy, nebo v ilustrativnějším použití, například při znázornění funkcí na produktových stránkách. Další podrobnosti najdete na stránce o barvách.
Barvy produktů
Hlavní barvy produktu by měly být použity na jeho příslušných ikonách. To je klíčové pro rozpoznání produktu a povědomí o něm v rámci ekosystému Spaceship.
Barvy oznámení
Barvy oznámení používejte k posílení výstražných zpráv. Měly by se používat pouze u ikon upozornění, s občasnými výjimkami, kdy jiná ikona také představuje stavy úspěchu, chyby nebo varování.
Pokyny
Zde je několik příkladů toho, čemu se při používání ikon vyhnout.
Ikony nedeformujte, neotáčejte ani nepřevracejte. Vždy měňte velikost proporcionálně.
Nepoužívejte ikony větší než 40x40px. Usilujte o vyváženost mezi prvky.
Nepoužívejte odstíny ani tónování.