Ένα βασικό στοιχείο για οποιοδήποτε σχέδιο ιστοσελίδας είναι ο τύπος. Η επιλογή των γραμματοσειρών, των μεγεθών και των χρωμάτων μπορεί να είναι ένα μεγάλο μέρος του τρόπου με τον οποίο περιγράφετε τον ιστότοπό σας. Ακριβώς τόσο σημαντικές όσο και οι ίδιοι οι επιστολές, είναι οι αποστάσεις γύρω από αυτά τα γράμματα και ιδιαίτερα η κορυφή που χρησιμοποιείται σε μπλοκ κειμένου.

Όσο περισσότερο τύπο χρησιμοποιείτε, τόσο πιο σημαντική είναι η οδήγηση. Πίσω από τη γραμματοσειρά και το μέγεθος, είναι ένας από τους βασικούς παράγοντες που πρέπει να λάβετε υπόψη όταν εξετάζετε πόσο αναγνώσιμος τύπος είναι.

Οι κορυφαίες προδιαγραφές που χρησιμοποιείτε για ένα λογότυπο ή οθόνη εκκίνησης μπορεί να είναι πολύ διαφορετικές από τις κορυφαίες που χρησιμοποιούνται για τον τύπο σε μια θέση blog.

Άλλα στοιχεία σχεδιασμού έχουν επίσης αντίκτυπο στον τρόπο με τον οποίο θα πρέπει να χρησιμοποιήσετε τον οδηγό. Το μέγεθος του τύπου, το πλάτος των στηλών, ακόμα και το χρώμα φόντου μπορεί να σας βοηθήσει να κάνετε σοφές επιλογές.

Ο τρόπος με τον οποίο χρησιμοποιείτε το κορυφαίο παίρνει σημαντικό ρόλο για μεγάλα μπλοκ κειμένου.

Τι οδηγεί;

Κορυφαία - έντονη οδήγηση - είναι η απόσταση μεταξύ γραμμών τύπου. Η κορυφαία μέτρηση παραδοσιακά μετρήθηκε σε σημεία (ακριβώς όπως οι γραμματοσειρές). Ο όρος προέκυψε από παλιούς τύπους επιστολόχαρτων, όταν ο τύπος είχε οριστεί με το χέρι. Οι λωρίδες μολύβδου τοποθετήθηκαν μεταξύ γραμμών τύπου για να διατηρήσουν τα πάντα σε τέλεια ευθυγράμμιση.

Από την έλευση της ψηφιακής δημοσίευσης, η κορυφή έχει μπερδευτεί συχνά με το ύψος της γραμμής. Το ύψος γραμμής είναι το σύνολο του χώρου από μια γραμμή βάσης - το φανταστικό αεροπλάνο στο οποίο βρίσκονται γράμματα όπως το 'a', 'x' και 'n' στο επόμενο. Αντίθετα, η κορυφή είναι ο χώρος από το κάτω μέρος ενός γράμματος σε μια γραμμή, στην κορυφή ενός γράμματος στο επόμενο: είναι κυριολεκτικά το ύψος γραμμής μείον το ύψος κειμένου.

Στην ψηφιακή τυπογραφία, και ιδιαίτερα στην τυπογραφία του ιστού, οι όροι που οδηγούν και το ύψος της γραμμής χρησιμοποιούνται συχνά εναλλακτικά. Στην CSS για παράδειγμα, δεν υπάρχει καμιά κορυφαία τιμή, αλλά χρησιμοποιούμε το ύψος γραμμής.

Ενώ η οδήγηση ήταν κάποτε μια φυσική, μετρήσιμη τιμή, τώρα χρησιμοποιείται πλέον ως έννοια: η οπτική εντύπωση του χώρου ανάμεσα σε δύο γραμμές.

Ο τρόπος με τον οποίο χρησιμοποιείται ένα μπλοκ κειμένου μπορεί να επηρεάσει την αναγνωσιμότητα. Υπάρχει μια λεπτή γραμμή μεταξύ του τύπου που είναι πολύ κοντά μαζί και πολύ μακριά. Είτε ακραία μπορεί να είναι δύσκολο για τα μάτια ενός αναγνώστη. Κορυφαία είναι η αλλαγή της πυκνότητας του τύπου. Το κλειδί είναι η κατανόηση του μηνύματος που σκοπεύετε να μεταβιβάσει ο τύπος σας και να ταιριάξετε αντίστοιχα τον οδηγό.

Δεν υπάρχει τέλεια λύση

Facebook

Δεν υπάρχει τέλεια, μαγική φόρμουλα για να καθορίσετε πόσο οδηγεί θα χρειαστείτε. Συμπεριλαμβάνεται ένας συνδυασμός παραγόντων - μέγεθος μεγέθους, χρώμα, επιθυμητό αποτέλεσμα και, κυρίως, αναγνωσιμότητα.

Κατά γενικό κανόνα, το σημείο εκκίνησης για την οδήγηση είναι συνήθως το ίδιο με το μέγεθος της γραμματοσειράς που χρησιμοποιείτε. Ορισμένο λογισμικό, ιδιαίτερα προγράμματα περιήγησης ιστού, το παίρνει λίγο παραπάνω και ορίζει την προεπιλεγμένη τιμή που οδηγεί λίγο υψηλότερα από το μέγεθος του σημείου, συνήθως χρησιμοποιώντας προεπιλογή 120%. Έτσι, τα μπλοκ που περιλαμβάνουν κείμενο 10 σημείων θα οδηγούσαν σε 12 σημεία.

Αυτή η φιλοσοφία λειτουργεί εξαιρετικά για μεγάλα τεμάχια κειμένου, όπως οι αναρτήσεις ιστολογίου, που χρησιμοποιούν κοινά γραμματοσειρά χωρίς υπερβολικά ανερχόμενα, καβαλέτα ή συνδέσμους σε απαλά, ουδέτερα έγχρωμα υπόβαθρα (σκεφτείτε μαύρο τύπο σε λευκό ή μπεζ). Διατηρείτε την αίσθηση ότι όλες οι γραμμές του κειμένου πηγαίνουν μαζί ενώ προσθέτετε σε αρκετό χώρο ότι είναι εύκολο στα μάτια.

Τα μπλοκ κειμένου είναι ευκολότερο να διαβαστούν όταν ο οδηγός είναι ευρύτερος από το διάστημα μεταξύ των λέξεων. Αυτή η αναλογία θα βοηθήσει το μάτι να μετακινηθεί στη σελίδα και στη συνέχεια κάτω, ακολουθώντας τη φυσική ροή των αποστάσεων από το σκοτάδι στο φως.

Αυτό το "κανονικό" ύψος γραμμής θα αισθάνεται επίσης κατάλληλο για πράγματα που απαιτούν πολλή ανάγνωση. Πρόκειται για το πρότυπο που χρησιμοποιείται από πολλούς ιστότοπους και έντυπες εκδόσεις.

Κρατήστε το σφιχτό

Branch

Στερεά ή αρνητικά αποτελέσματα οδηγούν όταν οι γραμμές τύπου είναι πιο κοντά από το μέγεθος σημείου του τύπου. Για παράδειγμα, αν ο τύπος σας είναι μεγέθους 14 βαθμών, οποιοδήποτε σημείο που οδηγεί κάτω από 14 σημεία θα θεωρείται σφιχτό, ακόμα κι αν δεν εμφανίζεται πολύ κοντά στην οθόνη.

Ο στενός οδηγός μπορεί να δημιουργήσει ένα αίσθημα περιορισμού. Μπορεί επίσης να χρησιμοποιηθεί για να δημιουργήσει χάος. Από την άλλη πλευρά, η στενότερη καθοδήγηση μπορεί να χρησιμοποιηθεί ως μέθοδος για να συγκεντρώσει κομμάτια του τύπου ή για να δημιουργήσει μια ξεχωριστή αίσθηση οργάνωσης. Για πολλά χρόνια σε έντυπη μορφή και σε απευθείας σύνδεση, οι ειδησεογραφικοί οργανισμοί έχουν χρησιμοποιήσει μερικές από τις πιο αυστηρές προδιαγραφές για τον τύπο σώματος. Στην εκτύπωση, αυτό ήταν για τη διατήρηση του χώρου. σε απευθείας σύνδεση είναι να διατηρήσει την αίσθηση της αξιοπιστίας και το βλέμμα που σχετίζονται με τους οργανισμούς και τους συνεργάτες εκτύπωσης.

Regenerate Music co

Σκεφτείτε την περίπτωση και τα γράμματα που κάθονται πάνω και κάτω από το ύψος x κατά τη ρύθμιση των προδιαγραφών ύψους γραμμής. Όταν εργάζεστε σε όλα τα καπάκια δεν υπάρχουν ανυψωτές ή καβαλέτες, γι 'αυτό ίσως χρειαστεί να σφίξετε το διάστημα μεταξύ γραμμών, όπως η τεχνική που χρησιμοποιείται από την Regenerate Music Co. Το ίδιο ισχύει και για τις γραμματοσειρές που έχουν μικρότερους ανερχόμενους και κατερχόμενους.

Ο τύπος που χρησιμοποιείται σε μεγαλύτερα μεγέθη, όπως τα πρωτοσέλιδα ή τα λογότυπα, μπορεί μερικές φορές να επωφεληθεί από τη στενότερη οδήγηση επίσης.

Χαλαρώσει

Onst Creative

Χαλαρά ή θετικά, οδηγεί στην προσθήκη αποστάσεων έτσι ώστε η κορυφή να είναι μεγαλύτερη από το μέγεθος του σημείου που χρησιμοποιείται για τον τύπο. Για παράδειγμα, εάν ο τύπος σας έχει μέγεθος 14 μονάδων, οποιοδήποτε διάστημα 15 ή περισσότερων σημείων θεωρείται χαλαρό. Με ορισμένες γραμματοσειρές, η απόσταση μπορεί να μην φαίνεται χαλαρή στην οθόνη, παρόλο που είναι ταξινομημένη με αυτόν τον τρόπο.

Η χαλαρή οδήγηση μπορεί να κάνει μια σελίδα να αισθάνεται ελαφριά και ευάερη. Είναι ένα δοκιμασμένο τέχνασμα για τους σχεδιαστές να προσθέτουν απλώς το προβάδισμα όταν ο τύπος αισθάνεται πολύ χοντρά ή βαρύ στη σελίδα. Η κορυφαία που είναι πολύ χαλαρή αν και μπορεί να είναι δύσκολο να διαβαστεί και να ακολουθήσει εάν χρησιμοποιείται μεγάλο μέρος του κειμένου. είναι καλύτερα να κρατηθεί για λίγες λέξεις.

Alistapart

Οι περισσότεροι σχεδιαστές τείνουν προς τη χρήση χαλαρότερων οδηγών για τον κύριο τύπο σώματος σε blogs και για άλλα μεγάλα μπλοκ κειμένου. Χαλαρά, αλλά όχι πολύ χαλαρά, οδηγώντας μπορεί να είναι εύκολο να διαβαστεί και να ακολουθήσει. Μπορεί το μικρότερο κείμενο να εμφανιστεί κάπως μεγαλύτερο από αυτό και να βοηθήσει να εξισορροπήσει τις εξαιρετικά μεγάλες γραμμές του κειμένου. Σημειώστε τη χρήση του οδηγού στο blog A List Apart, το μεγαλύτερο τυπογραφικό στοιχείο για το σώμα χρησιμοποιεί ένα spec, ενώ ο μικρότερος τύπος στη δεξιά πλευρά είναι πολύ πιο χαλαρός, καθιστώντας τον μικρότερο τύπο πιο εύκολο να τον ακολουθήσει και εξισορροπώντας τον με τα άλλα στοιχεία της σελίδας .

Πολλοί σχεδιαστές επιλέγουν επίσης να χαλαρώνουν όταν χρησιμοποιούν γραμματοσειρές sans serif. Μπορεί να είναι μια ιδιαίτερα καλή επιλογή όταν εργάζεστε με γραμματοσειρές με υπερβολική άνθηση ή προσδέσεις. Ο επιπλέον χώρος επιτρέπει στους χώρους επιστολών να αναπνέουν χωρίς να επικαλύπτονται.

The Bloggess

Η χαλαρή καθοδήγηση είναι επίσης ένα σημαντικό ζήτημα αν σκοπεύετε να χρησιμοποιήσετε πολλά τολμηρά, έγχρωμα είδη ή γραμματοσειρές με βαριά βάρη. Το blog Bloggess χρησιμοποιεί έναν συνδυασμό χρώματος, τολμηρών και καπέλων σε ολόκληρο τον ιστότοπο, καθιστώντας θετικό το απαραίτητο εργαλείο αναγνωσιμότητας. Σε αυτή την περίπτωση, ο χαλαρός οδηγός βοηθά επίσης να τραβήξει το βλέμμα στα σημαντικά μέρη του κειμένου, τα οποία είναι έγχρωμα και έντονα.

Χρώματα φόντου και οδηγός

Το χρώμα και η αντίθεση είναι ιδιαίτερα σημαντικά όταν επιλέγετε ένα ύψος γραμμής.

Σε σκοτεινά υπόβαθρα, ίσως θέλετε να χρησιμοποιήσετε ελαφρώς μεγαλύτερη προβολή από ότι σε ένα ελαφρύτερο φόντο για να βοηθήσετε στην ανακούφιση από μια αίσθηση μάζας. Τα σκούρα χρώματα μπορούν να προσθέσουν βάρος στο σχεδιασμό σας, καθώς μπορεί να οδηγήσουν σφιχτά, αλλά επιλέγοντας να χρησιμοποιήσετε μόνο το ένα ή το άλλο, μπορείτε να δημιουργήσετε περισσότερη ισορροπία.

Το ίδιο ισχύει και όταν χρησιμοποιείτε τύπο χρώματος. Τα χρώματα, εκτός από τα μαύρα και τα σκούρα γκρίζα, μπορούν να προσθέσουν διαφορετικές ποσότητες βάρους στο σχεδιασμό σας. Ανάλογα με το χρώμα του φόντου, κάποιο κείμενο μπορεί να έχει ακόμη και την εμφάνιση αιμορραγίας στο φόντο - αυτό συμβαίνει για μερικούς ανθρώπους, ειδικά όταν διαβάζουν κόκκινα γράμματα σε λευκό φόντο. Η προσθήκη οδηγού μπορεί να βοηθήσει να γίνει πιο ευανάγνωστος αυτός ο τύπος κειμένου.

Αλλάζοντας πλάτη και οδηγώντας

HappyCog

Ο υπεύθυνος σχεδιασμός καθιστά την κατανόηση των κορυφαίων (και γενικότερα του τύπου) ακόμα πιο σημαντικών.

Με ποικίλες αναλύσεις και σχήματα οθόνης, οι προδιαγραφές τύπου πρέπει να προσαρμοστούν αναλόγως, ώστε να διασφαλιστεί ότι ο χώρος παραμένει αναγνώσιμος. Καθώς το κείμενο συρρικνώνεται (ή μεγαλώνει) στην οθόνη, ο οδηγός πρέπει να προσαρμοστεί αναλόγως.

Θυμηθείτε να έχετε υπόψη τις διαστάσεις του ύψους γραμμής κατά την πραγματοποίηση αυτών των προσαρμογών. Επειδή ο τύπος θα είναι μικρότερος για συσκευές κινητής τηλεφωνίας και άλλες συσκευές μικρής οθόνης. Εξετάστε το ενδεχόμενο αύξησης του ύψους γραμμής κατά 20% σε σχέση με αυτό που χρησιμοποιήσατε για τον σχεδιασμό πλήρους κλίμακας. Ο αυξημένος οδηγός πρέπει να συμβάλλει στην αναγνωσιμότητα όταν συνδυάζεται με μικρότερο τύπο.

Έτσι, όταν καθορίζετε τις κορυφαίες προδιαγραφές για τον ιστότοπό σας, θα χρειαστείτε πολλά σύνολα κατωφλίων: Ένα για το βασικό σας σχεδιασμό ιστοσελίδων, ένα για συσκευές μεσαίου μεγέθους όπως το iPad και άλλα δισκία και ένα για τα κινητά τηλέφωνα. Κάθε μπορεί να έχει διαφορετικό σύνολο αναλογιών που χρησιμοποιούνται για το ύψος του κειμένου σε γραμμή.

συμπέρασμα

Τώρα που είστε οπλισμένοι με μια ποικιλία κορυφαίων συμβουλών και εργαλείων, από πού ξεκινάτε;

Δεν υπάρχει κατάλογος ελέγχου. Το καλύτερο στοίχημά σας είναι να ρίξετε μια ματιά στο είδος και να δείτε πώς αισθάνεται (χρησιμοποιήστε το καλό ντεμοντέ μάτι τεστ). Αφήστε το να καθίσει για λίγο και να επανέλθει ξανά αργότερα. Αισθάνεστε ακόμα το ίδιο με το κείμενο; Μήπως η αίσθηση που ταιριάζει με την αίσθηση που έχετε κατά νου για το σχεδιασμό του site σας;

Σημειώστε ότι αυτό είναι πιο αποτελεσματικό όταν το μπλοκ κειμένου περιέχει πραγματικό αντί αντί κειμένου κράτησης θέσης. Θέλετε να πάρετε μια ρεαλιστική άποψη και οι επιλογές κράτησης θέσης περιέχουν μερικές φορές περιττό αριθμό γραμμάτων που δεν χρησιμοποιούνται όλοι αυτό συχνά σε πραγματικό αντίγραφο.

Παίξε μαζί του. Δώστε το σχέδιο κειμένου σε κάποιον άλλο για περισσότερες απόψεις. Ρωτήστε τους πώς αισθάνονται γι 'αυτό.

Επίσης, φροντίστε να αντιστοιχίσετε το μπλοκ κειμένου με τα υπόλοιπα στοιχεία του σχεδίου. Αυτό μπορεί να μην είναι το πρώτο βήμα, αλλά μερικές φορές το να το βάζετε όλοι μαζί μπορεί να δημιουργήσει απροσδόκητα αποτελέσματα. Βεβαιωθείτε ότι θα περάσει ξανά η εξέταση των ματιών.