Η διαδικασία του σχεδιασμού μιας ιστοσελίδας είναι αρκετά περίπλοκη, καθώς κάθε στοιχείο που θα βάλεις επηρεάζει το τελικό αποτέλεσμα. Με τις αρχές του καλού web design έχεις έναν οδηγό για τα στοιχεία που είναι πιο σημαντικά σε αυτήν την προσπάθεια. Αφού σχεδιάσεις μια λειτουργική σελίδα, που διευκολύνει την πλοήγηση των επισκεπτών της, το επόμενο βήμα είναι ο σχεδιασμός των γραφικών και του περιεχομένου της.
Η τυπογραφία μιας ιστοσελίδας αποτελεί τη διαδικασία της δημιουργικής τοποθέτησης των γραμματοσειρών σ’ ένα διαδικτυακό χώρο. Αν και είναι πολύ σημαντική για το τελικό αποτέλεσμα, συχνά παραβλέπεται. Σε αυτό το άρθρο, θα μάθεις τα μυστικά για να συνδυάσεις γραμματοσειρές και να πετύχεις μια τυπογραφία που εκφράζει το brand σου.
Γιατί η Τυπογραφία Είναι Σημαντική για το Web Design
Το περιεχόμενο μιας ιστοσελίδας είναι ίσως το σημαντικότερο στοιχείο της. Εκτός από αυτό όμως, ο τρόπος που θα το δουν οι χρήστες είναι εξίσου σημαντικός. Με την επιλογή της σωστής γραμματοσειράς, θα περάσεις το μήνυμά σου με σαφήνεια και αμεσότητα.
Η σημασία της τυπογραφίας για κάθε ιστοσελίδα φανερώνεται με τους παρακάτω τρόπους:
- Ενισχύει την εικόνα του brand σου: το branding συμβάλλει στην επιτυχία της ιστοσελίδας σου, αφού αναδεικνύει τι την κάνει μοναδική. Μόλις έχεις προσδιορίσει τα στοιχεία του brand σου, καλό είναι να δημιουργήσεις ένα style guide για να τα έχεις πάντα άμεσα διαθέσιμα. Οι γραμματοσειρές είναι ένα από τα στοιχεία που απαρτίζουν την εικόνα του brand σου.
- Είναι στοιχείο που επηρεάζει την ψυχολογία του χρήστη: κάθε γραμματοσειρά επηρεάζει διαφορετικά τους χρήστες και την ψυχολογία τους. Για παράδειγμα, μια γραμματοσειρά τύπου Serif έχει έναν πιο επίσημο τόνο, σε σχέση με μια Sans Serif που χρησιμοποιείται για να δώσει μια μοντέρνα πινελιά στο περιεχόμενο.
- Αποτελεί αναπόσπαστο στοιχείο της ευχρηστία της ιστοσελίδας: η επιλογή της σωστής γραμματοσειράς κάνει το περιεχόμενο ευανάγνωστο. Έτσι, αυξάνεται η ευχρηστία της ιστοσελίδας και βελτιστοποιείται η εμπειρία χρήστη.
- Καθοδηγεί τους χρήστες στο περιεχόμενο που έχει σημασία: με το συνδυασμό διαφορετικών γραμματοσειρών, έχεις τη δυνατότητα να υπογραμμίσεις λέξεις-κλειδιά, ώστε να καθοδηγήσεις τους χρήστες στο σημείο που θέλεις.
Μυστικά για να Συνδυάσεις Διαφορετικές Γραμματοσειρές
#1 Συνδύασε Γραμματοσειρές που Αποπνέουν Διαφορετικά Συναισθήματα
Εφόσον η κάθε γραμματοσειρά προκαλεί διαφορετικά συναισθήματα στους επισκέπτες μιας ιστοσελίδας, μπορείς να τις συνδυάσεις για να έχεις ένα δυνατό αποτέλεσμα. Για παράδειγμα, χρησιμοποίησε μια sans serif γραμματοσειρά για τους τίτλους σου, και συνέχισε με κείμενο σε serif γραμματοσειρά. Αυτή η τεχνική θα κάνει τις επικεφαλίδες να ξεχωρίσουν, ενώ το κείμενο θα προσδίδει ένα ύφος αυθεντίας. Γενικά, οι τίτλοι είναι ιδανικοί για να πειραματιστείς με διαφορετικά είδη γραμματοσειράς.
#2 Δημιούργησε Αντίθεση με τις Γραμματοσειρές
Όπως ενδεχομένως έχεις καταλάβει από την παραπάνω συμβουλή, ο συνδυασμός των γραμματοσειρών θα πρέπει να δημιουργεί μια αντίθεση. Οι δύο γραμματοσειρές που έχεις επιλέξει θα πρέπει να είναι αρκετά διαφορετικές, ώστε να γίνονται αντιληπτές με μια μόνο ματιά. Ωστόσο, αν αυτές που θα χρησιμοποιήσεις δημιουργούν τεράστια αντίθεση, τότε το αποτέλεσμα δε θα είναι τόσο ικανοποιητικό. Σε κάθε περίπτωση, οι γραμματοσειρές πρέπει να αλληλοσυμπληρώνουν η μία την άλλη.
#3 Χρησιμοποίησέ τες για να Αποδώσεις την Οπτική Ιεραρχία
Μια χρήσιμη συμβουλή είναι να επιλέξεις μια σταθερή γραμματοσειρά για κάθε είδους κειμένου που θέλεις να συμπεριλάβεις στην ιστοσελίδα σου. Ενδεικτικά, όλοι οι τίτλοι πρέπει να είναι γραμμένοι με την ίδια γραμματοσειρά. Με τον ίδιο τρόπο, χρησιμοποίησε παρόμοια τυπογραφία για τους υπότιτλους, το κυρίως κείμενο, αλλά και το κείμενο που έχεις μέσα στα κουμπιά. Με αυτόν τον τρόπο, δημιουργείς οπτική ιεραρχία και διευκολύνεις την πλοήγηση του χρήστη. Ένα πράγμα που πρέπει να έχεις κατά νου όμως, είναι πως οι γραμματοσειρές που θα χρησιμοποιήσεις δεν είναι περισσότερες από τρεις.
Συμπλήρωσε τη φόρμα για να επικοινωνήσεις με τους ειδικούς της SocialMe και να αποκτήσεις μια ιστοσελίδα λειτουργική και καλοσχεδιασμένη.
