Ikonok
A Spaceship ikonok összetett műveleteket és ötleteket fordítanak le azonnal felismerhető szimbólumokká, megkönnyítve a felhasználók számára a navigációt és az interakciót.
Univerzális, mégis egyedi ikonok: ezek a márka legkisebb építőkövei, amelyeket az azonnali felismerhetőségre terveztünk, miközben egyértelműen megőrzik a Spaceship arculatát.
Verziók
Minden Spaceship ikon két verzióban érhető el: körvonalas (elsődleges) és kitöltött (másodlagos).
Kialakítás
Az ikonokat meghatározott szabályok szerint terveztük – az alap rácstól a vonalvastagságig –, így biztosítva a következetes és kiegyensúlyozott megjelenést.
Méret
Az ikonok kialakításukból adódóan méretezhetők, és öt méretben használhatók, hogy a rendszerben végig megmaradjon az átláthatóság és a vizuális harmónia.
Színek
A szín alapvető elem, amely segíti a felhasználókat abban, hogy könnyebben azonosítsák termékeiket egy adott felületen. Az egységesség érdekében ezekben a felhasználói felületekben az ikonok a Spaceship Design System színeit használják.
Márkaszínek
A Spaceship alapszínei elsődleges választásként szolgálnak az ikonokhoz – akár funkcionális környezetben, mint a platform felhasználói felülete, akár illusztratívabb felhasználás esetén, például termékoldalakon funkciók bemutatására. További részletekért nézd meg a színek oldalát.
Termékszínek
Egy termék fő színeit kell alkalmazni a hozzá tartozó ikonokon. Ez kulcsfontosságú a termék felismerhetősége és ismertsége szempontjából a Spaceship ökoszisztémán belül.
Értesítési színek
Az értesítési színeket használd a figyelmeztető üzenetek megerősítésére. Ezeket kizárólag a figyelmeztető ikonokra alkalmazd, kivételes esetekben pedig más ikonokra is, ha azok siker-, hiba- vagy figyelmeztetési állapotot jelölnek.
Útmutató
Íme néhány példa arra, mit érdemes elkerülni az ikonok használatakor.
Ne torzítsd, forgasd vagy tükrözd az ikonokat. Mindig arányosan méretezd őket.
Ne használj 40x40px-nél nagyobb ikonokat. Törekedj az elemek közötti egyensúlyra.
Ne használj árnyalatokat vagy tónusokat.