Τα εικονίδια του Spaceship μεταφράζουν σύνθετες ενέργειες και ιδέες σε άμεσα αναγνωρίσιμα σύμβολα, βοηθώντας τους χρήστες να πλοηγούνται και να αλληλεπιδρούν με ευκολία.
Καθολικά αλλά και διακριτά, τα εικονίδιά μας είναι τα μικρότερα δομικά στοιχεία της επωνυμίας, σχεδιασμένα για άμεση αναγνώριση διατηρώντας ξεκάθαρα την ταυτότητα του Spaceship.
Όλα τα εικονίδια του Spaceship διατίθενται σε δύο εκδόσεις: περίγραμμα (πρωτεύον) και γεμάτο (δευτερεύον).
Τα εικονίδια σχεδιάζονται σύμφωνα με καθορισμένους κανόνες — από το βασικό πλέγμα έως τις παραμέτρους γραμμής — διασφαλίζοντας συνεπή και ισορροπημένα αποτελέσματα.
Κλιμακούμενα από τον σχεδιασμό τους, τα εικονίδια πρέπει να χρησιμοποιούνται σε πέντε μεγέθη για να διατηρείται η σαφήνεια και η οπτική αρμονία σε όλο το σύστημα.
Το χρώμα είναι ένα βασικό στοιχείο που βοηθά τους χρήστες να αναγνωρίζουν τα προϊόντα τους πιο εύκολα μέσα σε μια συγκεκριμένη διεπαφή. Για να διασφαλιστεί η συνέπεια σε αυτά τα περιβάλλοντα UI, τα εικονίδια χρησιμοποιούν τα χρώματα του Spaceship Design System.
Ως βασικά χρώματα του Spaceship, αυτά πρέπει να είναι η κύρια επιλογή για τα εικονίδια — είτε σε λειτουργικά περιβάλλοντα όπως το UI της πλατφόρμας είτε σε πιο εικονογραφικές χρήσεις, όπως η απεικόνιση χαρακτηριστικών σε σελίδες προϊόντων. Δείτε τη σελίδα χρωμάτων για περισσότερες λεπτομέρειες.
Τα βασικά χρώματα ενός προϊόντος πρέπει να εφαρμόζονται στα αντίστοιχα εικονίδια. Αυτό είναι βασικό για την αναγνώριση και την επίγνωση του προϊόντος σε όλο το οικοσύστημα του Spaceship.
Χρησιμοποιήστε χρώματα ειδοποιήσεων για να ενισχύσετε τα μηνύματα ειδοποίησης. Πρέπει να εφαρμόζονται μόνο στα εικονίδια ειδοποίησης, με περιστασιακές εξαιρέσεις όπου ένα άλλο εικονίδιο επίσης αντιπροσωπεύει καταστάσεις επιτυχίας, σφάλματος ή προειδοποίησης.
Ακολουθούν μερικά παραδείγματα προς αποφυγή κατά τη χρήση εικονιδίων.
Μην παραμορφώνετε, περιστρέφετε ή αναστρέφετε τα εικονίδια. Πάντα να τα κλιμακώνετε αναλογικά.
Μην χρησιμοποιείτε εικονίδια μεγαλύτερα από 40x40px. Στοχεύστε στην ισορροπία μεταξύ των στοιχείων.
Μην χρησιμοποιείτε αποχρώσεις ή τόνους.