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