Piktogramok
Kis, egyszerű grafikai elemek, amelyek kiemelik a fontos webes komponenseket, és gyorsan, hatékonyan közvetítik az ötleteket.
Literal, funkcionális és geometrikus – piktogramjaink az ötleteket a legtisztább formájukra egyszerűsítik, világos célt és időtlen egyszerűséget közvetítve.
Típus
A Spaceship piktogramok két típusban érhetők el: normál és comp. A comp típus egy normál piktogramot kombinál a Spaceship Ikonográfiai Könyvtárának egyik ikonjával, így összetettebb és specifikusabb fogalmakat is közvetíthetünk.
Verziók
Minden Spaceship piktogram két verzióban érhető el: kitöltött (elsődleges) és körvonalas (másodlagos). A körvonalas verziót csak akkor használja, ha a piktogramnak kisebb vizuális hangsúlyt kell kapnia, mint a közeli piktogramoknak, szövegnek vagy UI-elemeknek. Ez segít a vizuális hierarchia kialakításában összetett elrendezésekben.
Kialakítás
A piktogramok egy szabályrendszeren alapulnak – az alap rácstól a színátmeneteken és vonalvastagságokon át –, hogy következetes és kiegyensúlyozott eredményt biztosítsanak.
Méret
A Spaceship piktogramokat úgy terveztük, hogy méretezhetők legyenek, megőrizve a vizuális konzisztenciát és a legjobb olvashatóságot. Öt piktogramméret található a tervezési rendszerünkben.
Színek
A piktogramok általában egyetlen árnyalatot használnak. Az egyetlen kivétel a comp típus, amely tartalmazhat márka- vagy értesítési színeket is – erről lentebb talál további információt. Az UI-környezetekben való következetesség érdekében a piktogramok a Spaceship Design System színreferenciáit követik.
Alapértelmezett szín
A szürke az alapértelmezett szín a piktogramoknál, és üzenetek, műveletek vagy funkciók megjelenítésére kell használni. Kivételes esetekben termékekhez is alkalmazható. A körvonalas piktogramok csak az alapértelmezett színben érhetők el.
Márkaszínek
Az SPS Blue, SPS Dark Gray vagy fehér is használható az alapértelmezett szín helyett, ha nagyobb vizuális hatás szükséges, vagy a Spaceship arculatának erősítésére. További részletekért tekintse meg a színek oldalát.
Termékszínek
A fő termékszínt kell használni a piktogramokhoz termékspecifikus környezetekben (termékoldalak, termékkártyák stb.) minden jelenlegi és jövőbeli termék esetén.
Értesítési színek
Ezeket a színeket értesítési üzenetek kiemelésére kell használni. A comp verziót csak általános rendszerüzeneteknél szabad alkalmazni, figyelmeztető állapotoknál nem.
Útmutató
Íme néhány példa arra, mit érdemes elkerülni piktogramok készítése és használata során.
Ne engedje, hogy a normál piktogram kulcselemei a jobb alsó sarokba kerüljenek.
Ne használjon összetett vagy többszínű átmeneteket a kitöltött verziókban.
Ne keverje a kitöltött és körvonalas elemeket a comp típusban.
Ne használjon más színeket a kitöltött verziókban, mint amelyeket fentebb megadtunk.
Ne használjon semmilyen színt a körvonalas verziókban az alapértelmezett színen kívül.
Ne kombinálja az alapértelmezett színt más színekkel, kivéve a Spaceship márka elsődleges és értesítési színeit.