Τυπογραφία
Το τυπογραφικό περιβάλλον της Spaceship χρησιμοποιεί δύο γραμματοσειρές: τη φιλική και τεχνική Gotham Rounded και την πιο απλή και γεωμετρική Proxima Nova.
Η τυπογραφία της Spaceship είναι σίγουρη και άμεση, επιτρέποντας έναν φιλικό και συνομιλητικό τόνο με το κοινό μας.
Κύρια γραμματοσειρά
Gotham Rounded είναι μια φιλική αλλά και εκλεπτυσμένη γραμματοσειρά. Χρησιμοποιείται αποκλειστικά στο λογότυπο της Spaceship, στις υπο-μάρκες προϊόντων και στις ταυτότητες της ομάδας. Τα μόνα επιτρεπτά βάρη είναι το μεσαίο, το book και το light.
Δευτερεύουσα γραμματοσειρά
Proxima Nova είναι βασικό στοιχείο του γραφικού περιβάλλοντος της Spaceship. Είναι η κύρια γραμματοσειρά για όλες τις επικοινωνίες. Τα μόνα επιτρεπτά βάρη είναι το bold, το medium, το regular και το light όταν χρησιμοποιείται αυτή η γραμματοσειρά.
Κλίμακα
Το σύστημα κλίμακας γραμματοσειρών και τα απαραίτητα βήματα μεγέθους δημιουργήθηκαν και καθορίστηκαν χρησιμοποιώντας τη Χρυσή Τομή (1:1.618).
Δημιουργήσαμε ένα πλήρες σετ κλίμακας γραμματοσειρών με έναν υπολογιστή τυπογραφικής κλίμακας από μια βασική αρχική τιμή. Επειδή η Χρυσή Τομή δημιουργεί μεγάλες διαφορές μεταξύ μεγεθών, απαιτείται μια δευτερεύουσα βασική τιμή (2 φορές η αρχική) για τη δημιουργία μιας πιο βέλτιστης γκάμας. Το παρακάτω παράδειγμα δείχνει μια κλίμακα γραμματοσειρών βασισμένη σε 16px και 32px αρχικές τιμές.
Στυλ κειμένου
Η Proxima Nova έχει μέγιστη οπτική συνέπεια τόσο σε μικρό κείμενο σώματος όσο και σε μεγάλους τίτλους. Η ευρεία γκάμα βαρών της την καθιστά κατάλληλη για κάθε τόνο ή μήνυμα. Η αριστερή στοίχιση προτιμάται, αν και η κεντρική στοίχιση μπορεί να χρησιμοποιηθεί όταν είναι απαραίτητο.
Για μεγάλους τίτλους, χρησιμοποιήστε έντονο βάρος, οπτικό kerning, αυτόματο leading και 80% διάστημα λέξεων.
Για κανονικούς τίτλους, χρησιμοποιήστε έντονο βάρος, οπτικό kerning, αυτόματο leading και 80% διάστημα λέξεων.
Για σύντομους υπότιτλους, χρησιμοποιήστε μεσαίο ή κανονικό βάρος, οπτικό kerning, αυτόματο leading και 100% διάστημα λέξεων.
Για μακρούς υπότιτλους, χρησιμοποιήστε μεσαίο ή κανονικό βάρος, οπτικό kerning, αυτόματο leading και 100% διάστημα λέξεων.
Για παραγράφους, χρησιμοποιήστε κανονικό ή ελαφρύ βάρος, metrics kerning, αυτόματο leading και 100% διάστημα λέξεων.
Για μικρό κείμενο σώματος, χρησιμοποιήστε κανονικό ή ελαφρύ βάρος, metrics kerning, αυτόματο leading και 100% διάστημα λέξεων.
Ιεραρχία γραμματοσειρών
Για μια αποτελεσματική ιεραρχία περιεχομένου, η τυπογραφία πρέπει να επικοινωνεί τη δομική σχέση μεταξύ τίτλων, υπότιτλων και κειμένου σώματος. Ο σωστός συνδυασμός βαρών και μεγεθών δημιουργεί έντονη οπτική αντίθεση και βοηθά στην καθοδήγηση του αναγνώστη.
Ασφαλή περιθώρια
Χρησιμοποιούμε το leading του τίτλου ως αναφορά για το διάστιχο ώστε να διασφαλίσουμε μέγιστη αναγνωσιμότητα και να καθορίσουμε ασφαλή περιθώρια για τα επόμενα μπλοκ κειμένου.
Συνδυασμοί χρωμάτων
Επιτρέπονται μόνο οι συνδυασμοί χρωμάτων που παρουσιάζονται παρακάτω όταν χρησιμοποιείται κείμενο σε φόντο συμπαγούς χρώματος.
Φόντα
Η αντίθεση και η αναγνωσιμότητα είναι βασικά στοιχεία που πρέπει να λαμβάνονται υπόψη όταν χρησιμοποιείται κείμενο πάνω σε εικόνες ή φόντα χρώματος.
Οδηγίες
Ακολουθούν μερικά παραδείγματα προς αποφυγή κατά την εργασία με κείμενο.
Μην αλλάζετε δραστικά τις καθορισμένες τιμές kerning, διαστήματος λέξεων και leading.
Λάβετε υπόψη την ιεραρχία: πιο έντονοι τίτλοι, ελαφρύτεροι υπότιτλοι, κείμενα σώματος κ.λπ.
Μην χρησιμοποιείτε παραγράφους με δεξιά στοίχιση.
Μην χρησιμοποιείτε άλλα χρώματα σε οποιοδήποτε κείμενο, όπως βοηθητικά, προϊόντων ή υπο-μαρκών.
Χρησιμοποιείτε μόνο λευκό ή σκούρο γκρι κείμενο πάνω σε φόντα χρώματος.
Η αναγνωσιμότητα είναι το κλειδί. Μην τοποθετείτε κείμενο πάνω σε σύνθετες εικόνες ή φόντα παρόμοιας απόχρωσης.