Please enable JS

Η τυπογραφία στην κατασκευή ιστοσελίδων

Η τυπογραφία στην κατασκευή ιστοσελίδων

18 Φεβ 2017 /
Η τυπογραφία στην κατασκευή ιστοσελίδων

Μπορεί να ακούγεται περίεργο και εκτός digital λογικής αλλά ναι η τυπογραφία παίζει σπουδαίο ρόλο στην κατασκευή μιας ιστοσελίδας. Η οπτική επικοινωνία ενός website εξαρτάται σε μεγάλο βαθμό από το κείμενο και πως αυτό παρουσιάζεται στους επισκέπτες του ιστοτόπου. Οι κανόνες που πρέπει να ακολουθηθούν, δεν διαφέρουν σε πολύ από αυτούς εκτός internet.

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


01.    Leading

leading


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

02.    Tracking

tracking


Tracking ονομάζουμε την απόσταση ανάμεσα στα γραμματοστοιχεία μιας λέξης. Όσο μεγαλύτερο είναι το tracking, τόσο πιο «απλωμένη» θα εμφανίζεται μια λέξη ενώ αν επιλεγεί μικρό tracking τα γράμματα των λέξεων θα πέφτουν το ένα πάνω στο άλλο.

03.    Kerning

kerning


Kerning είναι ο χώρος που περιβάλει κάθε γράμμα σε μια γραμματοσειρά. Προσοχή, μην μπερδευτείτε με το tracking, μιας και το kerning εξαρτάται αποκλειστικά από την ίδια την γραμματοσειρά που χρησιμοποιείται σε μια ιστοσελίδα.
Φροντίστε η γραμματοσειρές που επιλέγετε να έχουν ομαλό και σωστό kerning σε όλα τα γράμματα.

04.    Επιλογή γραμματοσειράς

kerning


Το έχουμε τονίσει πολλές φορές. Μην χρησιμοποιείτε πολλές γραμματοσειρές σε μια ιστοσελίδα. Για να είμαστε πιο συγκεκριμένοι… επιτρέπεται ΜΟΝΟ μια γραμματοσειρά και σε εξαιρετικές περιπτώσεις ίσως μια δεύτερη σε περιορισμένη χρήση (για παράδειγμα μόνο σε τίτλους).
Φροντίστε η γραμματοσειρά που θα έχετε στην ιστοσελίδα σας να έχει πολλά βάρη έτσι ώστε να μπορείτε να τα χρησιμοποιήσετε σε διαφορετικές καταστάσεις και να πετύχετε την διαφοροποίηση που τυχόν επιθυμείτε.

05.    Contrast

contrast


Μην βάζετε τους επισκέπτες της ιστοσελίδας σας σε ασκήσεις προσδιορισμού καλής όρασης. Ξεκουράστε τους, με την χρήση ήπιων background και την αντίστοιχη χρήση γραμματοσειράς με κατάλληλο contrast.

06.      Στοίχιση

στοιχιση


Μην κεντράρετε τα κείμενα σας σε μεγάλο μέρος της ιστοσελίδας σας. Ως δυτικός πολιτισμός που είμαστε, έχουμε συνηθίσει να διαβάζουμε από αριστερά προς τα δεξιά και όχι κεντραρισμένα.
Χρησιμοποιήστε το τρικ του κεντραρίσματος σε περιορισμένη έκταση και μόνο εκεί που θέλετε να τονίσετε κάτι με μικρή έκταση κειμένου.

07.    Διπλό κενό

διπλό κενό


Ίσως να φανεί περίεργο, αλλά συμβαίνει συχνά. Το διπλό κενό μετά από τελεία, σε μια πρόταση, απαντάται συχνά σε ιστοσελίδες τελευταία!
Δεν υπάρχει κανένας λόγος να το κάνετε αυτό!!!
Ο κανόνας είναι ένας. Μετά από μια τελεία αφήστε ένα κενό