Ikony
Ikony Spaceship przekładają złożone działania i idee na natychmiast rozpoznawalne symbole, pomagając użytkownikom łatwo się poruszać i wchodzić w interakcje.
Uniwersalne, a zarazem charakterystyczne, nasze ikony są najmniejszymi elementami składowymi marki, zaprojektowanymi z myślą o natychmiastowym rozpoznaniu przy jednoczesnym wyraźnym zachowaniu tożsamości Spaceship.
Wersje
Wszystkie ikony Spaceship są dostępne w dwóch wersjach: obrysowanej (podstawowej) i wypełnionej (drugorzędnej).
Konstrukcja
Ikony są projektowane zgodnie z określonymi zasadami — od siatki bazowej po parametry obrysu — co zapewnia spójne i wyważone rezultaty.
Rozmiar
Dzięki skalowalności już na etapie projektu ikony powinny być używane w pięciu rozmiarach, aby zachować czytelność i wizualną harmonię w całym systemie.
Kolory
Kolor jest istotnym elementem, który pomaga użytkownikom łatwiej identyfikować swoje produkty w danym interfejsie. Aby zapewnić spójność w tych kontekstach UI, ikony używają kolorów Spaceship Design System.
Kolory marki
Jako podstawowe kolory Spaceship powinny być one głównym wyborem dla ikon — zarówno w kontekstach funkcjonalnych, takich jak interfejs platformy, jak i w bardziej ilustracyjnych zastosowaniach, takich jak prezentacja funkcji na stronach produktów. Więcej szczegółów znajdziesz na stronie poświęconej kolorom.
Kolory produktów
Główne kolory produktu powinny być stosowane do odpowiadających mu ikon. To kluczowe dla rozpoznawalności produktu i budowania świadomości w całym ekosystemie Spaceship.
Kolory powiadomień
Używaj kolorów powiadomień, aby wzmocnić komunikaty alertów. Powinny być stosowane wyłącznie do ikon alertów, z okazjonalnymi wyjątkami, gdy inna ikona również reprezentuje stany sukcesu, błędu lub ostrzeżenia.
Wskazówki
Oto kilka przykładów tego, czego należy unikać podczas używania ikon.
Nie zniekształcaj, nie obracaj ani nie odwracaj ikon. Zawsze skaluj je proporcjonalnie.
Nie używaj ikon większych niż 40x40px. Zachowaj równowagę między elementami.
Nie używaj odcieni ani cieniowania.