Pictograme
Pictogramele Spaceship traduc acțiuni și idei complexe în simboluri instant recognoscibile, ajutând utilizatorii să navigheze și să interacționeze cu ușurință.
Universale, dar distincte, pictogramele noastre sunt cele mai mici elemente de bază ale brandului, concepute pentru recunoaștere instantanee, păstrând în același timp clar identitatea Spaceship.
Versiuni
Toate pictogramele Spaceship sunt disponibile în două versiuni: conturate (primară) și pline (secundară).
Construcție
Pictogramele sunt concepute conform unor reguli definite — de la grila de bază la parametrii trasării — asigurând rezultate consecvente și echilibrate.
Dimensiune
Scalabile prin design, pictogramele ar trebui folosite în cinci dimensiuni pentru a păstra claritatea și armonia vizuală în întregul sistem.
Culori
Culoarea este un element esențial care îi ajută pe utilizatori să își identifice mai ușor produsele într-o anumită interfață. Pentru a asigura consecvența în aceste contexte UI, pictogramele folosesc culorile Spaceship Design System.
Culori de brand
Fiind culorile de bază ale Spaceship, acestea ar trebui să fie alegerea principală pentru pictograme — fie în contexte funcționale, precum interfața platformei, fie în utilizări mai ilustrative, cum ar fi reprezentarea funcțiilor pe paginile de produs. Consultați pagina de culori pentru mai multe detalii.
Culori de produs
Culorile principale ale unui produs ar trebui aplicate pictogramelor sale corespunzătoare. Acest lucru este esențial pentru recunoașterea și vizibilitatea produsului în întregul ecosistem Spaceship.
Culori de notificare
Folosiți culorile de notificare pentru a evidenția mesajele de alertă. Acestea ar trebui aplicate doar pictogramelor de alertă, cu excepții ocazionale în care o altă pictogramă reprezintă, de asemenea, stări de succes, eroare sau avertizare.
Îndrumare
Iată câteva exemple despre ce trebuie evitat atunci când folosiți pictograme.
Nu deformați, rotiți sau inversați pictogramele. Scalați-le întotdeauna proporțional.
Nu folosiți pictograme mai mari de 40x40px. Urmăriți un echilibru între elemente.
Nu folosiți nuanțe deschise sau închise.