Υπάρχουν κανόνες σχεδίασης ιστοσελίδων για να σας βοηθήσουν να δημιουργήσετε έναν ιστότοπο που λειτουργεί καθολικά. Τα στοιχεία θεωρίας σχεδιασμού από τα μαθήματα που διδάσκονται στις τάξεις τηρούν πάντα τους βασικούς κανόνες.
Σε ορισμένες περιπτώσεις, όμως, θα ήταν καλύτερο να τα σπάσετε.
Έχουν γίνει σημαντικές αλλαγές στους κανόνες που δεσμεύουν έναν ιστότοπο. Για να δώσετε στους ιστότοπους μια πιο μοντέρνα εμφάνιση, ίσως χρειαστεί να παραιτηθείτε από ορισμένους κανόνες και να επιλέξετε κάτι άλλο. Εδώ είναι τρεις κανόνες που ένας σχεδιαστής ιστοσελίδων μπορεί να παραβεί χωρίς να διαπράξει βαρύ αμάρτημα.
Χρήση Sans Serif
Οι περισσότεροι σχεδιαστές ιστοσελίδων προτιμούν να χρησιμοποιούν γραμματοσειρά sans serif σε κάθε σχεδιασμό ιστοτόπων – τα καλά νέα είναι ότι δεν χρειάζεται να τηρείτε αυτό. Η καινοτομία και τα στυλ σεναρίου μπορούν να λειτουργήσουν και για ιστότοπους, αρκεί να επιλέξετε μια γραμματοσειρά που δεν θέτει σε κίνδυνο την αναγνωσιμότητα.
Ο Jakob Nielsen του Ομίλου Nielsen Norman επανέλαβε τις μεταβαλλόμενες οδηγίες τυπογραφίας στο σχεδιασμό ιστοτόπων. Ο κανόνας στο παρελθόν ήταν να επιλέξετε μια γραμματοσειρά sans serif.
Το σκεπτικό πίσω από αυτόν τον κανόνα είναι το γεγονός ότι οι οθόνες συνήθιζαν να αποδίδουν τα σερίφ ακατάλληλα, επομένως τα γράμματα ήταν θολά. Οι νέες οδηγίες δεν συνιστούν ούτε μία γραμματοσειρά για το σχεδιασμό ιστοτόπων.
Υπάρχει μια μικρή διαφορά μεταξύ της ανάγνωσης sans serif και serif. Τώρα, πρέπει να κάνετε μια επιλογή με βάση τη διάθεση που μεταφέρει η γραμματοσειρά και η επωνυμία σας.
Ενώ είστε ελεύθεροι να επιλέξετε τη γραμματοσειρά που θέλετε, λάβετε υπόψη πάντα την αναγνωσιμότητα. Ακολουθούν επίσης ορισμένα στοιχεία που κάθε σχεδιαστής ιστοσελίδων πρέπει να λάβει υπόψη:
- Επιλέξτε ένα ομοιόμορφο κτύπημα με κανονικό ή μεσαίο βάρος. Η ανάγνωση μιας λεπτής ή πολύ ελαφριάς γραμματοσειράς είναι δύσκολη.
- Το μέσο ύψος λειτουργεί, μην επιλέγετε ψηλά ή σούπερ αδύναμα γράμματα.
- Να λαμβάνετε πάντα υπόψη την επαρκή και σταθερή απόσταση, να περιορίζετε την άνθηση και τις απολινώσεις.
- Οι περίτεχνες γραμματοσειρές λειτουργούν για μικρά τμήματα κειμένου και θα πρέπει να έχουν έναν σκοπό.
- Το Sans serif και το serif είναι οι καλύτερες επιλογές για μεγάλα μπλοκ κειμένου. Επιλέξτε μια γραμματοσειρά με γράμματα που μπορείτε να διαβάσετε χωρίς δυσκολία.
Έντονα φόντο
Το λευκό και τα ουδέτερα χρώματα ήταν το βασικό χρώμα φόντου για ιστότοπους. Αυτό δεν ισχύει πλέον.
Τα φωτεινά και τολμηρά φόντο γίνονται όλο και πιο δημοφιλή και μπορεί να κάνει μια ξεχωριστή πρώτη εντύπωση στους χρήστες. Επιλέγοντας πιο έντονα χρώματα δήλωσης, ο ιστότοπός σας γίνεται πιο ενδιαφέρον.
Οι μεγάλες εταιρείες αρχίζουν να χρησιμοποιούν χρώμα για να κάνουν τον ιστότοπο πιο ελκυστικό και οι χρήστες φαίνεται να έχουν θετικά σχόλια για αυτόν τον τύπο σχεδίασης ιστοσελίδων.
Ένας άλλος κανόνας που αφορά τα χρώματα που τηρεί ένας σχεδιαστής Ιστού είναι ο περιορισμός της χρωματικής παλέτας. Είναι υπέροχο να τηρείτε τον ξεχωριστό χρωματικό σας συνδυασμό για να έχετε συνέπεια. Ωστόσο, μπορείτε πάντα να προσθέσετε μια πινελιά χρώματος για μεμονωμένα έργα.
Το να έχετε περισσότερο χρώμα δεν είναι πλέον κολλώδες και οι εταιρικοί ιστότοποι μεγάλων εταιρειών χρησιμοποιούν έναν πιο πολύχρωμο ιστότοπο για να βελτιώσουν την εμπειρία των πελατών.
Μερικά πράγματα που αξίζει να ληφθούν υπόψη περιλαμβάνουν:
- Επικάλυψη φωτογραφίας
- Φωτεινό χρώμα επικεφαλίδας
- Απομάκρυνση από ουδέτερους
- Πιο φωτεινά χρώματα για κουμπιά παρότρυνσης για δράση
- Χρησιμοποιώντας μια αιώρηση που εμποδίζει τα χρώματα
Πιέστε για τέλεια συμμετρία
Οι βετεράνοι σχεδιαστές ιστοσελίδων συνήθιζαν να πιέζουν για ιστοσελίδες με ισορροπία και αρμονία μέσω της συμμετρίας. Εάν είστε σύγχρονος σχεδιαστής ιστοσελίδων, μπορεί να βρείτε ότι ορισμένες έννοιες τείνουν να είναι πολύ βαρετές και ασφαλείς.
Η ασυμμετρία τραβάει τα βλέμματα και γίνεται πιο ενδιαφέρουσα για τους χρήστες. Δημιουργήστε ισορροπία χρησιμοποιώντας χώρο και άλλα στοιχεία για την επίτευξη του στόχου.
Είναι ακόμα δυνατό να επιτευχθεί μια αίσθηση αρμονίας χωρίς συμμετρικά στοιχεία με αυτές τις συμβουλές:
- Συνδυάστε βαριά στοιχεία με λευκό διάστημα. Η δημιουργία αρμονίας τροποποιώντας το στοιχείο και τον χώρο είναι δυνατή.
- Χρησιμοποιήστε βαριά στοιχεία στα αριστερά για να βοηθήσετε την κίνηση του ματιού του αναγνώστη προς τη δεξιά πλευρά του ιστότοπου.
- Δημιουργήστε ένα εστιακό σημείο με χρώμα.
- Χρησιμοποιήστε ένα πλέγμα για να σας βοηθήσει να οργανώσετε τη ροή του σχεδιασμού του ιστότοπού σας.
Μην ξεχάσετε να λάβετε υπόψη το βάρος του ιστότοπου. Ο ασύμμετρος σχεδιασμός ιστότοπου δεν πρέπει να είναι μονόπλευρος. Ακόμα κι αν τα στοιχεία δεν αντικατοπτρίζουν το ένα το άλλο, ο αναγνώστης θα πρέπει να μπορεί να κινηθεί μέσα από το περιεχόμενο Με ευκολία.
Η χρήση στατικών στοιχείων για να χρησιμεύσει ως δοχείο για ένα ασύμμετρο στοιχείο μπορεί επίσης να λειτουργήσει.
Συμπέρασμα
Οι κανόνες σχεδιασμού εξελίσσονται και η παραβίασή τους δεν είναι βαριά αμαρτία εκτός εάν τα αποτελέσματα είναι καταστροφικά. Κάθε web designer θα πρέπει να επικεντρωθεί στον στόχο του σχεδιασμού για να κάνει τις σωστές επιλογές.
Φυσικά, αυτά δεν είναι τα μόνα πράγματα που πρέπει να λάβετε υπόψη. Υπάρχουν περισσότερες βέλτιστες πρακτικές σχεδιασμού ιστοτόπων για προγραμματιστές ιστού εάν θέλετε να βελτιώσετε την εμπειρία χρήστη.
Εάν η παραβίαση ενός κανόνα θα βελτιώσει την εμφάνιση ενός ιστότοπου, μην διστάσετε και προχωρήστε. Σκεφτείτε την ευκολία χρήσης και τη λειτουργία. Αν η αλλαγή βελτιώνει τα πάντα, σπάστε τον κανόνα.
Μη διστάσετε να ηγηθείτε μιας σημαντικής αλλαγής δοκιμάζοντας κάτι νέο, αρκεί να έχετε έναν ξεκάθαρο στόχο για το γιατί πρέπει να παραβιάσετε τον κανόνα. Ποιος ξέρει, το σχέδιό σας μπορεί να επαινεθεί για την επιτυχή παραβίαση του κανόνα;
Σχετικό άρθρο: "Οι σχεδιαστές Ιστού του Σίδνεϊ αποκαλύπτουν τα 9 σημαντικά χαρακτηριστικά κάθε καλής ιστοσελίδας"