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