Πώς να αποφασίσετε ποια οικογένεια γραμματοσειρών θα χρησιμοποιηθεί για το σχεδιασμό ιστοσελίδων

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

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

Μερικοί κανόνες του αντίχειρα

1. Μην χρησιμοποιείτε περισσότερες από 3-4 γραμματοσειρές σε καμία σελίδα. Οτιδήποτε περισσότερο από αυτό αρχίζει να αισθάνεται ερασιτεχνικό - και ακόμη και 4 γραμματοσειρές μπορεί να είναι πάρα πολλές σε ορισμένες περιπτώσεις!
2. Όχι αλλάξτε τη γραμματοσειρά στα μέσα της πρότασης, εκτός εάν έχετε έναν πολύ καλό λόγο.
3. Χρησιμοποιήστε γραμματοσειρές sans serif ή γραμματοσειρές serif για κείμενο σώματος για να διευκολύνετε την ανάγνωση αυτών των τμημάτων περιεχομένου.
4. Χρησιμοποιήστε γραμματοσειρές monospace για κείμενο γραφομηχανής και μπλοκ κώδικα για να διαχωρίσετε αυτόν τον κωδικό εκτός από τη σελίδα.
5. Χρησιμοποιήστε γραμματοσειρές σεναρίου και φαντασίας για τόνους ή μεγάλους τίτλους με πολύ λίγες λέξεις.

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

Οι γραμματοσειρές Sans Serif είναι η βάση του ιστότοπού σας

Γραμματοσειρές Sans serif είναι αυτές οι γραμματοσειρές που δεν έχουν "serifs"- η λίγη προσθήκη σχεδιαστικής επεξεργασίας στα άκρα των γραμμάτων.

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

Μερικά παραδείγματα γραμματοσειρών sans-serif είναι:

• Arial
• Γενεύη
• Helvetica
• Λουκίδα Σανς
• Trebuchet
• Βερντάνα

Χρησιμοποιήστε τις γραμματοσειρές Serif για εκτύπωση.

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

Μερικοί παραδείγματα γραμματοσειρών serif είναι:

• Γκαράμοντ
• Γεωργία
• Φορές
• Times New Roman

Οι γραμματοσειρές Monospace καταλαμβάνουν ίσο χώρο για κάθε γράμμα

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

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

Μερικά παραδείγματα γραμματοσειρών monospace είναι:

• Μεταφορέας
• Νέα Courier
• Κονσόλα Lucida
• Μονακό

Οι γραμματοσειρές φαντασίας και σεναρίων είναι δυσανάγνωστες

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

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

Μερικά παραδείγματα γραμματοσειρών φαντασίας είναι:

• Πλάκα χαλκού
• Δεστέμονα
• Επίπτωση
• Κίνο

Μερικά παραδείγματα γραμματοσειρών σεναρίου είναι:

• Apple Chancery
• Comic Sans MS
• Χειρογράφου Lucida