Βίντεο: Como hacer una Pagina Mobile First y Responsive Design 08 | Test UX 2024
Μια ευρέως αποδεκτή αρχή σχεδίασης λέει ότι δεν πρέπει να χρησιμοποιήσετε περισσότερο από τρεις γραμματοσειρές σε μια διάταξη όπως ένα σχέδιο blog. Οτιδήποτε άλλο κάνει την εμφάνιση του σχεδιασμού βρώμικο και εμποδίζει τη συγκέντρωση. Εάν έχετε λάβει ποτέ φυλλάδιο ή ενημερωτικό δελτίο με επτά ή οκτώ εντελώς διαφορετικές γραμματοσειρές, πιθανόν να διαπιστώσατε ότι η έλλειψη ενότητας στο σχεδιασμό δυσκόλεψε να διακρίνει ποια τμήματα ήταν πιο σημαντικά.
Και μάλλον ήταν δύσκολο να το διαβάσεις γενικά!
Η κατανόηση του τρόπου αντίγραφου και αλληλοσυμπλήρωσης των γραμματοσειρών μπορεί να βοηθήσει στην εξάλειψη κάποιου μυστηρίου και στην καθοδήγηση της επιλογής γραμματοσειράς. Συνήθως, μπορείτε να συνδυάσετε τις γραμματοσειρές επιλέγοντας δύο έως τρεις συμπληρωματικές γραμματοσειρές που αντιγράφουν το ένα το άλλο. Για να ξεκινήσετε, εξετάστε πώς μπορείτε να βρείτε την αντίθεση ανάμεσα στις γραμματοσειρές σας:
-
Είναι η γραμματοσειρά σας κοκαλιάρικη ή λιπαρή; Οι παχύτερες γραμματοσειρές συχνά φαίνονται ωραίες σε συνδυασμό με λεπτές γραμματοσειρές. Πολλές οικογένειες γραμματοσειρών έρχονται σε διαφορετικά πάχη, συχνά ταξινομούνται με ονόματα όπως το φως, το μεσαίο, το βιβλίο, το έντονο ή το βαρύ. Εξετάστε και αυτές τις επιλογές όταν κάνετε αντιστοίχιση γραμματοσειρών. Εάν αποφασίσετε να χρησιμοποιήσετε μια πολύ λεπτή γραμματοσειρά, βεβαιωθείτε ότι έχετε δοκιμάσει την αναγνωσιμότητα της γραμματοσειράς στο σχεδιασμό του blog σας. Μια λεπτή γραμματοσειρά για τις κύριες επικεφαλίδες μπορεί να επισκιάζεται χρησιμοποιώντας μια παχύτερη γραμματοσειρά ως κείμενο κορμού. Από την άλλη πλευρά, μια λεπτή γραμματοσειρά που χρησιμοποιείται για κείμενο κορμού μπορεί να εξαφανιστεί στο παρασκήνιο, εάν το μέγεθος της γραμματοσειράς είναι πολύ μικρό.
-
Οι τέσσερις συνήθεις τύποι γραμματοσειρών είναι serif, sans serif, διακοσμητικά και monospace. Προσπαθήστε να συνδυάσετε μια serif με μια γραμματοσειρά sans serif ή μια γραμματοσειρά scripty με μια γραμματοσειρά γραφομηχανής. Εκτός από αυτούς τους τύπους γραμματοσειρών, υπάρχουν και πολλές άλλες ταξινομήσεις γραμματοσειρών, από το grunge έως το ρετρό, το χειρόγραφο στο καλλιγραφικό. Οι τρόποι να δημιουργηθεί αντίθεση με βάση τα στυλ είναι ατελείωτες. Ύψος:
-
Όπως ακριβώς οι γραμματοσειρές μπορούν να είναι λεπτές ή παχιές, μπορεί επίσης να είναι σύντομες ή ψηλές. Ορισμένες γραμματοσειρές εμφανίζονται συχνά ψηλότερες επειδή είναι συμπυκνωμένες, που σημαίνει ότι η κλίση είναι σφιχτή, η οποία επίσης παρέχει αντίθεση. Σημειώστε πως η γραμματοσειρά όλων των κεφαλαίων είναι ψηλότερη από τη γραμματοσειρά που είναι κυρίως πεζά. Τόσο τα μεγέθη γραμματοσειρών όσο και όλα τα καπάκια σε σχέση με τα μικρότερα γράμματα παρέχουν αντίθεση σε αυτήν την αντιστοίχιση γραμματοσειρών. Εκτός από το αντίθετο, μπορείτε να συνδυάσετε γραμματοσειρές που έχουν κάτι κοινό. Για παράδειγμα, μπορείτε να επιλέξετε δύο γραμματοσειρές με ψηλά γράμματα, αλλά διαφορετικά στυλ.Ή επιλέξτε τις γραμματοσειρές μέσα στην ίδια οικογένεια, όπως η αντιστοίχιση μιας έντονης και ελαφριάς έκδοσης της ίδιας γραμματοσειράς.
Οι γραμματοσειρές με πάρα πολλές ομοιότητες τείνουν να έρχονται σε σύγκρουση μεταξύ τους, οπότε βεβαιωθείτε ότι δεν έχουν
πολύ πολλά κοινά πράγματα. Ανεξάρτητα από το πώς αποφασίζετε να συνδυάσετε τις γραμματοσειρές, οι γραμματοσειρές που επιλέγετε πρέπει να έχουν συμπληρωματικές προσωπικότητες. Εκτός από την εξέταση του στυλ και της προσωπικότητας μιας γραμματοσειράς, μπορείτε επίσης να λάβετε τεχνικά και να εξετάσετε τα εξής:
Letterform
-
: Το Letterform είναι ουσιαστικά σχήμα ενός γράμματος. Δύο γραμματοσειρές με παρόμοια γράμματα συχνά φαίνονται καλά όταν συνδυάζονται μαζί. Συγκρίνετε τα γράμματα a , g και e για να έχετε την καλύτερη αίσθηση της συμβατότητας μιας γραμματοσειράς. Για παράδειγμα, το κεφάλαιο Α και στις δύο γραμματοσειρές έχει την ίδια γράμμωση. x-ύψος:
-
x - το ύψος αναφέρεται στο ύψος από τη γραμμή αναφοράς στο επάνω μέρος ενός πεζικού χαρακτήρα, όπως x . Η εξέταση του ύψους x σας βοηθά να καθορίσετε γραμματοσειρές παρόμοιων αναλογιών. Η αντιστοίχιση των γραμματοσειρών παρόμοιων αναλογιών συχνά φαίνεται πιο ομοιόμορφη από τις γραμματοσειρές με διαφορετικές αναλογίες. Επιπλέον, οι γραμματοσειρές με μεγαλύτερα x-ύψη είναι συνήθως πιο ευανάγνωστες, έτσι ώστε να είναι κατάλληλες για μεγάλα τεμάχια κειμένου.