15 Τέλεια ζεύγη γραμματοσειρών για τον ιστότοπο ηλεκτρονικού εμπορίου σας

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

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

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

Η γραμματοσειρά της Καναδής καλλιτέχνιδας Jenny Shipper είναι μια ωδή στις ταινίες του Federico Fellini

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

Όλα τα παρακάτω παραδείγματα δημιουργήθηκαν με εργαλεία σχεδίασης που είναι διαθέσιμα στον Instant Site Ecwid — ένα δωρεάν και αποτελεσματικό πρόγραμμα δημιουργίας ιστότοπων ηλεκτρονικού εμπορίου για να ενεργοποιήσετε το κατάστημά σας και να πουλάτε γρήγορα. Μάθετε περισσότερα σχετικά με τις επιλογές σχεδίασης του Instant Site, ή εγγραφείτε δωρεάν για να το δούμε στην πράξη.

Τρόπος αλλαγής γραμματοσειρών στο πρόγραμμα επεξεργασίας ιστότοπου Ecwid Instant:

1. Πηγαίνετε στο Ιστοσελίδα : www.example.gr καρτέλα στον πίνακα ελέγχου Ecwid και κάντε κλικ στο "Επεξεργασία"
2. Επιλέξτε "Επικεφαλίδα & Εξώφυλλο;"
3. Πληκτρολογήστε την επικεφαλίδα και την περιγραφή του καταστήματός σας. Επιλέξτε τη διάταξη του εξωφύλλου σας και αλλάξτε τη θέση και την ευθυγράμμισή του εάν χρειάζεται. Από εδώ, μπορείτε επίσης να αλλάξετε το φόντο και το κουμπί παρότρυνσης για δράση, εάν θέλετε.
4. Κάντε κύλιση προς τα κάτω και επιλέξτε "Τυπογραφία"
5. Επιλέξτε οικογένειες γραμματοσειρών, χρώματα και μεγέθη για την επικεφαλίδα και την περιγραφή σας.
6. Μην ξεχάσετε να πατήσετε το κουμπί "Αποθήκευση" όταν τελειώσετε.

Spirax + Open Sans Condensed

Οι πρωτότυπες καμπύλες της Spirax δίνουν στους τίτλους μια εκλεπτυσμένη αλλά ιδιότροπη εμφάνιση ταιριαστά με ανοιχτές και ουδέτερες μορφές Open Sans Condensed. Αυτός ο συνδυασμός μπορεί να λειτουργήσει για εσάς εάν πουλάτε κάτι μοναδικά σχεδιασμένο όπως χειροποίητα κοσμήματα.

Merriweather + Oswald

Το Merriweather διαβάζεται ευχάριστα στις οθόνες με τα ελαφρώς συμπυκνωμένα γράμματα, τα στιβαρά σερίφ και τις ανοιχτές φόρμες του. Είναι απόλυτα εναρμονισμένο με το Oswald, μια γραμματοσειρά εμπνευσμένη από τα κλασικά γοτθικά και γκροτέσκα στυλ του τέλους του 19ου και των αρχών του 20ου αιώνα. Αυτός ο συνδυασμός μπορεί να ταιριάζει σε ένα κατάστημα που πουλάει high-end προϊόντα κατά παραγγελία όπως ρολόγια ή δερμάτινα αξεσουάρ.

Abril Fatface + Καμπίνα

Τα λεπτά σερίφ και καλά στρογγυλεμένο Οι καμπύλες του Abril Fatface δίνουν στους τίτλους μια κομψή αλλά παιχνιδιάρικη εμφάνιση, που είναι καλά ζευγαρωμένα με την πινελιά μοντερνισμού του Cabin. Δοκιμάστε αυτές τις γραμματοσειρές εάν πουλάτε χαρτικά ή βιβλία.

Μονσεράτ + Merriweather

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

Overlock + Nunito

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

Playfair Display + Source Sans Pro

Το κλασικό στυλ του Playfair Display είναι ακόμη πιο εμφανές όταν συνδυάζεται με το Source Sans Pro, το οποίο δημιουργήθηκε για να λειτουργεί καλά στις διεπαφές χρήστη. Αυτός ο διαχρονικός συνδυασμός θα ταίριαζε καλά με καταστήματα που ειδικεύονται σε γυναικεία προϊόντα ομορφιάς ή καταστήματα φορεμάτων.

Alegreya + Lato

Ο δυναμικός και ποικίλος ρυθμός του Alegreya δίνει φρεσκάδα στη σελίδα, εκκινώντας τον Lato's ημιστρογγυλεμένες λεπτομέρειες και ισχυρή δομή. Ρίξτε μια πιο προσεκτική ματιά σε αυτές τις γραμματοσειρές εάν πουλάτε εσώρουχα ή άλλα κομψά αξεσουάρ.

Rokkitt + Lato

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

Quicksand + Proxima Nova

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

Oxygen + Maven Pro

Το Oxygen λειτουργεί καλά σε όλες τις γραφικές διεπαφές χρήστη, επιτραπέζιους υπολογιστές και συσκευές, ειδικά σε συνδυασμό με την εύκολη αναγνωσιμότητα του Maven Pro. Ελέγξτε αυτό το ζευγάρωμα εάν ο ιστότοπός σας πουλά γυαλιά ή αξεσουάρ γυμναστικής.

Χορευτικό Σενάριο + Λατό

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

Signika + Dosis

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

Reenie Beanie + Muli

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

Questrial + Muli

Το San serif Muli δημιουργεί μια τέλεια γραμματοσειρά κειμένου στο σώμα και η διακριτική του αισθητική σημαίνει ότι συνδυάζεται καλά με μια μεγάλη ποικιλία γραμματοσειρών επικεφαλίδων: όπως το Questrial με το μοντέρνο στυλ και πλήρης κύκλος καμπύλη. Αυτό το σετ θα μπορούσε να είναι ένα παω σε παραλλαγή για ρούχα δρόμου.

Berkshire Swash + Proxima Nova

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

Βασικά στοιχεία των ζευγών γραμματοσειρών

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

Ακολουθούν ορισμένες βασικές οδηγίες που πρέπει να ακολουθήσετε:

1. Δημιουργήστε μια αντίθεση μεταξύ των γραμματοσειρών σας (έντονες και ρέων, ΨΗΛΟΣ & κοντός)
2. Συνδυάστε το serif και σαν-σερίφ γραμματοσειρές (όπως Libre Baskerville + Signika).
3. Μην χρησιμοποιείτε δύο παρόμοιες γραμματοσειρές (για παράδειγμα, δύο γράμματα) τόσο για την επικεφαλίδα όσο και για το κύριο κείμενο. Η δημιουργία ποικιλίας θα τραβήξει τα βλέμματα και θα βοηθήσει τον πελάτη σας να ασχοληθεί με κάθε ενότητα ξεχωριστά.
4. Κάντε τη γραμματοσειρά να ταιριάζει με την επωνυμία σας. Τα παιχνιδιάρικα χειρόγραφα γράμματα πιθανότατα δεν ταιριάζουν καλύτερα σε μια κορυφαία μάρκα κοσμημάτων.
5. Περιοριστείτε σε 2-3 γραμματοσειρές για να αποφύγετε το περιεχόμενό σας να φαίνεται ακατάστατο.

Διαβάστε επίσης: 50 υποδειγματικά ηλεκτρονικά καταστήματα που χτίστηκαν με το Ecwid

Δημιουργήστε ένα όμορφο ηλεκτρονικό κατάστημα με το Ecwid
Μάθε περισσότερα

• Πώς να διορθώσετε την πλοήγηση του καταστήματός σας
• Όλα όσα πρέπει να γνωρίζετε για το Merchandising προϊόντων
• Online Merchandising: Πώς να Διατάξετε Προϊόντα στο Διαδικτυακό Κατάστημα
• Τι είναι το Fashion Merchandising και γιατί είναι τόσο σημαντικό;
• 10 λάθη σχεδιασμού των ηλεκτρονικών καταστημάτων
• 15 Τέλεια ζεύγη γραμματοσειρών για τον ιστότοπο ηλεκτρονικού εμπορίου σας
• Θεωρία χρωμάτων: Όλα όσα πρέπει να γνωρίζετε για τα χρωματικά θέματα
• 7 δημιουργικές ιδέες για τη σελίδα προϊόντος ηλεκτρονικού εμπορίου σας
• Η δύναμη μιας εικόνας ήρωα στο σχεδιασμό ιστοσελίδων
• Πρέπει να έχει Αρχές UX που πρέπει να ακολουθήσετε σε ένα ηλεκτρονικό κατάστημα
• Έλεγχος Σχεδιασμού Ιστοσελίδων
• Ξεκλείδωμα της δύναμης του σχεδίου UX για ηλεκτρονικό εμπόριο
• Ποια είναι η διαφορά μεταξύ UI και UX στο ηλεκτρονικό εμπόριο;