Εικονογράμματα
Μικρά, απλά γραφικά στοιχεία που ενισχύουν βασικά στοιχεία του ιστού, επικοινωνώντας ιδέες γρήγορα και αποτελεσματικά.
Κυριολεκτικά, λειτουργικά και γεωμετρικά — τα εικονογράμματά μας αποστάζουν ιδέες στην πιο αγνή τους μορφή, μεταδίδοντας σαφή σκοπό και διαχρονική απλότητα.
Τύπος
Τα εικονογράμματα Spaceship διατίθενται σε δύο τύπους: κανονικά και comp. Ο τύπος comp συνδυάζει ένα κανονικό εικονογράφημα με ένα εικονίδιο από τη Βιβλιοθήκη Εικονογραφίας του Spaceship, επιτρέποντάς μας να μεταφέρουμε πιο σύνθετες και συγκεκριμένες έννοιες.
Εκδόσεις
Όλα τα εικονογράμματα Spaceship διατίθενται σε δύο εκδόσεις: γεμάτη (κύρια) και περιγραμμένη (δευτερεύουσα). Η περιγραμμένη έκδοση πρέπει να χρησιμοποιείται μόνο όταν ένα εικονογράφημα χρειάζεται λιγότερο οπτικό βάρος από τα κοντινά εικονογράμματα, το κείμενο ή τα στοιχεία UI. Αυτό βοηθά στη δημιουργία οπτικής ιεραρχίας σε σύνθετες διατάξεις.
Κατασκευή
Τα εικονογράμματα βασίζονται σε ένα σύνολο κανόνων, από το βασικό πλέγμα έως τις παραμέτρους διαβάθμισης και περιγράμματος, για να διασφαλιστούν συνεπή και ισορροπημένα αποτελέσματα.
Μέγεθος
Τα εικονογράμματα Spaceship έχουν σχεδιαστεί ώστε να είναι κλιμακούμενα, διατηρώντας οπτική συνέπεια και εξασφαλίζοντας την καλύτερη αναγνωσιμότητα. Υπάρχουν πέντε μεγέθη εικονογραμμάτων στο σύστημα σχεδίασής μας.
Χρώματα
Τα εικονογράμματα χρησιμοποιούν γενικά μία μόνο απόχρωση. Η μόνη εξαίρεση είναι ο τύπος comp, ο οποίος μπορεί να περιλαμβάνει χρώματα επωνυμίας ή ειδοποίησης, για τα οποία θα βρείτε περισσότερες πληροφορίες παρακάτω. Για να διασφαλιστεί η συνέπεια στα περιβάλλοντα UI, τα εικονογράμματα ακολουθούν τις χρωματικές αναφορές του Spaceship Design System.
Προεπιλεγμένο χρώμα
Το γκρι είναι το προεπιλεγμένο χρώμα για τα εικονογράμματα και θα πρέπει να χρησιμοποιείται για την αναπαράσταση μηνυμάτων, ενεργειών ή λειτουργιών. Σε εξαιρετικές περιπτώσεις, μπορεί επίσης να χρησιμοποιηθεί για προϊόντα. Τα περιγράμματα εικονογραμμάτων διατίθενται μόνο στο προεπιλεγμένο χρώμα.
Χρώματα επωνυμίας
Τα SPS Blue, SPS Dark Gray ή λευκό μπορούν επίσης να χρησιμοποιηθούν αντί του προεπιλεγμένου χρώματος όταν απαιτείται μεγαλύτερη οπτική έμφαση ή για να ενισχυθεί η ταυτότητα του Spaceship. Δείτε τη σελίδα χρωμάτων για περισσότερες λεπτομέρειες.
Χρώματα προϊόντων
Το κύριο χρώμα προϊόντος πρέπει να χρησιμοποιείται για εικονογράμματα σε περιβάλλοντα αφιερωμένα σε προϊόντα (σελίδες προϊόντων, κάρτες προϊόντων κ.λπ.) για όλα τα τρέχοντα και μελλοντικά προϊόντα.
Χρώματα ειδοποιήσεων
Αυτά τα χρώματα πρέπει να χρησιμοποιούνται για την ενίσχυση ενός μηνύματος ειδοποίησης. Η έκδοση comp πρέπει να χρησιμοποιείται μόνο σε γενικά μηνύματα συστήματος και όχι σε καταστάσεις προειδοποίησης.
Οδηγίες
Ακολουθούν μερικά παραδείγματα προς αποφυγή κατά τη δημιουργία και χρήση εικονογραμμάτων.
Μην επιτρέπετε σε βασικά στοιχεία του κανονικού εικονογραφήματος να βρίσκονται στη κάτω δεξιά γωνία.
Μην χρησιμοποιείτε σύνθετες ή πολύχρωμες διαβαθμίσεις σε γεμάτες εκδόσεις.
Μην αναμειγνύετε γεμάτα και περιγραμμένα στοιχεία στον τύπο comp.
Μην χρησιμοποιείτε άλλα χρώματα στις γεμάτες εκδόσεις εκτός από αυτά που αναφέρονται παραπάνω.
Μην χρησιμοποιείτε κανένα χρώμα στις περιγραμμένες εκδόσεις εκτός από το προεπιλεγμένο χρώμα.
Μην συνδυάζετε το προεπιλεγμένο χρώμα με οποιοδήποτε άλλο χρώμα εκτός από το Spaceship brand primary και τα χρώματα ειδοποίησης.