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

  1. Ασφαλείς γραμματοσειρές Web: επίσης γνωστές ως "γραμματοσειρές συστήματος" ή "γραμματοσειρές προγράμματος περιήγησης" web ασφαλείς γραμματοσειρές είναι γραμματοσειρές εγκατεστημένες σε όλες τις συσκευές και τα προγράμματα περιήγησης.

      2. Γραμματοσειρές Ιστού: αν και θολή, γραμματοσειρές Ιστού αναφέρονται σε όλες τις γραμματοσειρές που όχι είναι γραμματοσειρές ασφαλείς στο διαδίκτυο, ειδικά εμπορικές και ανεξάρτητες γραμματοσειρές.

Έτσι, οι γραμματοσειρές που είναι ασφαλείς στον ιστό είναι οι πιο κοινές που είναι διαθέσιμες σε Windows ή Mac, Chrome ή Safari. Ετσι, Οι γραμματοσειρές ιστού δεν είναι τόσο εύκολες είναι διαθέσιμα και συνήθως πρέπει να τα κατεβάσετε και να τα εγκαταστήσετε μόνοι σας.

Το βιβλίο είναι μυθιστόρημα. Πώς να δημιουργήσετε;

Ποιο πρέπει να χρησιμοποιήσετε στο web design;

Και οι δύο έχουν τα δικά τους πλεονεκτήματα και μειονεκτήματα.

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

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

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

Εάν δυσκολεύεστε να πάρετε μια απόφαση, ρίξτε μια ματιά σε αυτό το χρήσιμο διάγραμμα ροής από τον David Gilbertson του Hackernoon (λάβετε υπόψη ότι χρησιμοποιεί "γραμματοσειρές συστήματος" για να σημαίνει "γραμματοσειρές ασφαλείς στον ιστό").

Τι γίνεται με την προσαρμοσμένη αισθητική γραμματοσειράς;

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

Σε αυτόν τον οδηγό, τα χωρίζουμε όλα σε τρεις κατηγορίες με βάση την αισθητική της γραμματοσειράς: σερίφ, sans serif και διακοσμητικό. Για όσους δεν γνωρίζουν, τα σερίφ είναι εκείνα τα μικρά σημάδια ή «σημαίες» που μερικές φορές εμφανίζονται στις άκρες των γραμμάτων. Θα εξηγήσουμε τη συνιστώμενη χρήση καθενός παρακάτω, καθώς και πώς επηρεάζουν ταυτότητα της επωνυμίας σας.

 

Πότε να χρησιμοποιείτε τις γραμματοσειρές Web Serif στο Web Design

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

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

Αξίζει επίσης να σημειωθεί ότι οι γραμματοσειρές serif είναι ευανάγνωστες, γι' αυτό και χρησιμοποιούνται συχνά για κυρίως κείμενο, επικεφαλίδες και υποτίτλους. Αυτό δεν σημαίνει αυτό Οι γραμματοσειρές Sans Serif είναι δύσκολο να διαβαστούν. είναι τέλειοι κατάλληλο για μεγάλα μπλοκ κειμένου. Αλλά υπάρχει ένας λόγος για τον οποίο αρέσουν σε δημοσιεύσεις υψηλού προφίλ Οι Νιου Γιορκ Ταιμς и Boston Globe εξακολουθούν να χρησιμοποιούν γραμματοσειρές web serif για τα ψηφιακά τους άρθρα. Και, όχι τυχαία, και οι δύο αυτές εφημερίδες κλίνουν προς τα «επίσημα» και τα «κλασικά» στυλ επωνυμίας ενώ προωθούν τη μεγάλη αντιγραφή.

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

Οι καλύτερες γραμματοσειρές web serif:

Παράδειγμα γραμματοσειράς για το Baskerville

Παράδειγμα γραμματοσειράς για Cambria

Παράδειγμα γραμματοσειράς για Courier

Παράδειγμα γραμματοσειράς για Didot
Παράδειγμα γραμματοσειράς για Garamond
Παράδειγμα γραμματοσειράς για το Times New Roman

Οι καλύτερες γραμματοσειρές web serif:

Δείγμα γραμματοσειράς ένδυσης

Παράδειγμα γραμματοσειράς για Argesta
Παράδειγμα γραμματοσειράς για Bogart
 
Παράδειγμα γραμματοσειράς για το Giveny
 
Γραμματοσειρές Ιστού Juana
 
Παράδειγμα γραμματοσειράς Maiah.
 
 

Πότε να χρησιμοποιήσετε γραμματοσειρές web sans serif;

Οι γραμματοσειρές Sans serif είναι το ακριβώς αντίθετο από τις γραμματοσειρές serif, τόσο στη μορφή όσο και στον τρόπο που εμφανίζονται στον θεατή. Σε αυτήν την περίπτωση χωρίς κυριολεκτικά σημαίνει "sans serif", επομένως όλες οι γραμματοσειρές sans serif είναι γραμματοσειρές sans serif.

Όπως μπορείτε να φανταστείτε, οι γραμματοσειρές sans serif είναι πιο απλές και ανέμελες. Δεν μοιάζουν με γραμματοσειρές serif. Τα Sans Serif είναι γραμματοσειρές για φιλική συνομιλία και ανεπίσημα μηνύματα, που θυμίζουν απλό χειρόγραφο. Είναι σχεδιασμένα για ταχύτητα και απλότητα, ίσως σε βάρος της ευπρέπειας.

Οι γραμματοσειρές Sans serif είναι οι καλύτερες για ιστότοπους που θέλουν να δείχνουν στους επισκέπτες τους: "Είμαστε ακριβώς όπως εσείς". Είναι χαλαρά και ξεκούραστα, ιδανικά για εκπαιδευτικό υλικό, ψηφιακές εκδόσεις ή blogs. Αν αστειεύεστε πολύ ή χρησιμοποιείτε emojis στα άρθρα σας, μια γραμματοσειρά sans serif θεωρητικά θα λειτουργούσε καλύτερα.

Για τον ίδιο λόγο, οι γραμματοσειρές web sans serif είναι η προτιμώμενη επιλογή για ανεπίσημο και πρόσθετο κείμενο: λεζάντες εικόνων, δημοσιεύσεις σε κοινωνικά δίκτυα, υπογραφές, αποποιήσεις ευθυνών και διαφήμιση στο διαδίκτυο. Οι γραμματοσειρές Sans serif λειτουργούν καλύτερα σε κείμενο όπου η ανάγνωση γίνεται γρήγορα και χωρίς επείγουσα ανάγκη, επομένως είναι σημαντικό να κατανοήσετε πώς ο στόχος σας το κοινό καταναλώνει τύπο περιεχομένουγραμματοσειρά που θέλετε να δημιουργήσετε προτού επιλέξετε εάν θα μπορούσε να είναι η καλύτερη γραμματοσειρά web (ή web safe). γραμματοσειρά) για εσάς.

 

Οι καλύτερες γραμματοσειρές web sans serif:

Παράδειγμα γραμματοσειράς για γραμματοσειρές ιστού Arial

Παράδειγμα γραμματοσειράς για Calibri

Παράδειγμα γραμματοσειράς για γραμματοσειρές web Dejavu Sans

Δείγμα γραμματοσειράς για τη Γενεύη
Παράδειγμα γραμματοσειράς για γραμματοσειρές web Helvetica

Οι καλύτερες γραμματοσειρές Ιστού sans serif:

Παράδειγμα γραμματοσειράς για το Devant Pro

Παράδειγμα γραμματοσειράς για γραμματοσειρές web Grafton
Παράδειγμα γραμματοσειράς για το IBM Plex Sans
 
Παράδειγμα γραμματοσειράς για γραμματοσειρές ιστού Italico
Παράδειγμα γραμματοσειράς για το Monolith
Παράδειγμα γραμματοσειράς για γραμματοσειρές web TT Norms Pro
 

Πότε να χρησιμοποιείτε διακοσμητικές γραμματοσειρές ιστού.

Τέλος, έχουμε διακοσμητικές γραμματοσειρές, οι οποίες μπορεί να είναι γραμματοσειρές serif ή sans serif. Μπορούν επίσης να είναι η καλύτερη γραμματοσειρά web ή γραμματοσειρά web ασφαλής για τις επικεφαλίδες και τις επικεφαλίδες σας. Διακοσμητικός ακουστικά έχουν πλούσιο σχεδιασμό. θα πρέπει να είναι καλλιτεχνικά ή στιλιστικά, με μεγαλύτερη έμφαση στο πώς φαίνονται παρά στο τι λένε. Ενώ οι περισσότερες τυπογραφίες έχουν σχεδιαστεί για λειτουργικότητα, αυτές οι γραμματοσειρές έχουν σχεδιαστεί για εμφάνιση.

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

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

Πώς να επιλέξετε τη σωστή γραμματοσειρά λογότυπου;

Οι καλύτερες διακοσμητικές γραμματοσειρές Ιστού:

Γραμματοσειρές Ιστού Bradley Hand

Γραμματοσειρά Bradley Hand

Font Brush Script MT γραμματοσειρές web

Γραμματοσειρά Χαλκογραφία Γραμματοσειρές Ιστού

Γραμματοσειρά Luminari
Γραμματοσειρά Monaco web γραμματοσειρές
 

Ή μπορείτε απλώς να χρησιμοποιήσετε το Comic Sans

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

Εάν αυτή η λύση φαίνεται πολύ περίπλοκη, μπορείτε πάντα να χρησιμοποιήσετε απλώς το Comic Sans. Τελικά, τι σου ωφελούν οι θνητοί αν μπορείς να περπατάς ανάμεσα στους θεούς;

 АЗБУКА