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.
Ikonjaink univerzálisak, mégis egyediek – 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 –, hogy következetes és kiegyensúlyozott eredményt biztosítsanak.
Méret
Az ikonok méretezhetőségük révén öt méretben használhatók, hogy a rendszerben végig megőrizzék tisztaságukat és vizuális harmóniájukat.
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 ilyen felhasználói felületeken való következetesség érdekében az ikonok a Spaceship Design System színeit használják.
Márkaszínek
A Spaceship alapszínei legyenek az elsődleges választás ikonokhoz – akár funkcionális környezetben, mint a platform felhasználói felülete, akár illusztratívabb felhasználásban, például termékoldalakon funkciók bemutatására. További részletekért tekintsd 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ában.
Értesítési színek
Használd az értesítési színeket a figyelmeztető üzenetek hangsúlyozására. Ezeket kizárólag a figyelmeztető ikonokra alkalmazd, kivételes esetekben pedig más ikonokra is, ha azok siker-, hiba- vagy figyelmeztetési állapotot jeleznek.
Útmutató
Íme néhány példa arra, mit érdemes elkerülni 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.