Περιεχόμενο
- 01. Χρησιμοποιήστε ένα πλέγμα
- 02. Επιλέξτε ένα μόνο σημείο εστίασης
- 03. Χρησιμοποιήστε τον κανόνα των τρίτων
- 04. Χρησιμοποιήστε κενό διάστημα
- 05. Επαναλάβετε τα στοιχεία σχεδίασης
- 06. Χρησιμοποιήστε την ιεραρχία
- 07. Χρησιμοποιήστε κλίμακα, αντίθεση και αρμονία
Ο πρωταρχικός στόχος οποιασδήποτε διάταξης σελίδας που σχεδιάζετε, είτε πρόκειται για έντυπο φυλλάδιο είτε για την πιο πρόσφατη εφαρμογή ιστού, είναι η επικοινωνία πληροφοριών με σαφήνεια και αποτελεσματικότητα στον αναγνώστη. Ένας από τους καλύτερους τρόπους για να διασφαλιστεί ότι τα βασικά μηνύματα παραδίδονται στον αναγνώστη είναι να δημιουργήσετε μια ισορροπημένη διάταξη σελίδας.
Ο σχεδιασμός διάταξης σελίδας συνήθως περιλαμβάνει πολλές τοποθετήσεις, αναδιάταξη και μορφοποίηση στοιχείων. Πολλοί σχεδιαστές προσεγγίζουν αυτή τη διαδικασία οργανικά, αισθανόμενοι το δρόμο τους σε ένα ευχάριστο τελικό αποτέλεσμα. Αν και αυτό μπορεί να οδηγήσει σε εξαιρετικά χαρούμενα ατυχήματα, υπάρχει ο κίνδυνος η χρήση μεθοδολογίας ελεύθερης μορφής να οδηγήσει σε έλλειψη οπτικής ισορροπίας στη σελίδα.
Μια καλή σύνθεση σελίδας θα πρέπει να είναι τόσο ευχάριστη όσο και να μεταδίδει αυτά τα βασικά μηνύματα καθαρά στο προοριζόμενο κοινό. Συλλέξαμε μερικές κορυφαίες συμβουλές για να σας βοηθήσουμε να διασφαλίσετε ότι τα σχέδια διάταξης της σελίδας σας έχουν ισορροπία (ένα καλό πρόγραμμα δημιουργίας ιστότοπων θα βοηθήσει επίσης). Αυτές οι προσεγγίσεις θα λειτουργήσουν καλά για να παρέχουν μια δομή ισορροπίας, ανεξάρτητα από το μέσο με το οποίο εργάζεστε.
Για περισσότερες συμβουλές ειδικά για τον ιστό, ανατρέξτε στον οδηγό μας για τη δημιουργία τέλειων διατάξεων ιστότοπου.
01. Χρησιμοποιήστε ένα πλέγμα
Ένας από τους ευκολότερους τρόπους για να βεβαιωθείτε ότι η σελίδα σας έχει βαθμό ισορροπίας είναι να χρησιμοποιήσετε ένα σύστημα πλέγματος. Τα πλέγματα αποτελούσαν το μοναδικό προστατευτικό στοιχείο της τυπωμένης σελίδας, αλλά πολλές εργασίες έχουν ολοκληρωθεί στο Διαδίκτυο τα τελευταία χρόνια για να βοηθήσουν στη μετεγκατάσταση της έννοιας του πλέγματος στο ψηφιακό μέσο.
Χρησιμοποιώντας ένα πλέγμα για να ενημερώσετε τη θέση των διαφορετικών στοιχείων σε μια σελίδα, θα δημιουργήσετε μια σύνδεση μεταξύ των διαφορετικών στοιχείων που αποτελούν τη σελίδα σας. Αυτό μπορεί να συμβάλει στην παροχή μιας αίσθησης τάξης στη διάταξή σας, παρέχοντας στον αναγνώστη μια σαφή δομική αναφορά για να επιστρέψει και να αυξήσει την επιτυχία της σελίδας σας.
Αυτό είναι σημαντικό γιατί όταν όλα τα στοιχεία της σελίδας σας έχουν αίσθηση συνδεσιμότητας μεταξύ τους, το συνολικό εφέ αισθάνεται πιο άνετα για τον αναγνώστη, βοηθώντας τους να διευκολύνουν και διευκολύνοντας την πρόσβασή τους στα σημαντικά πράγματα: το περιεχόμενο.
02. Επιλέξτε ένα μόνο σημείο εστίασης
Ένας από τους πιο αποτελεσματικούς τρόπους για να δώσετε μια αίσθηση ισορροπίας είναι να επιλέξετε ένα μόνο σημείο εστίασης για το σχεδιασμό της διάταξής σας. Ένα καλό παράδειγμα αυτού στην πράξη είναι η χρήση μιας μεγάλης εικόνας ως το μεγαλύτερο μεμονωμένο στοιχείο μιας σελίδας.
Ένα ισχυρό οπτικό στοιχείο μπορεί να προσφέρει έναν ισχυρό τρόπο για να οδηγήσετε τον αναγνώστη στη σελίδα σας (όπως και η ειδική ανάλυση της ιδανικής υπηρεσίας φιλοξενίας ιστοσελίδων) και παρέχει επίσης ένα χρήσιμο δομικό στοιχείο γύρω από το οποίο μπορείτε να τακτοποιήσετε το υπόλοιπο περιεχόμενο στη διάταξή σας. Εάν έχετε πολλά οπτικά στοιχεία, χρησιμοποιήστε την αρχή της εγγύτητας της θεωρίας Gestalt για να τα ομαδοποιήσετε, ευθυγραμμίζοντας τα με τον ίδιο τρόπο.
Αξίζει επίσης να θυμάστε ότι μπορείτε να χρησιμοποιήσετε έναν τίτλο ή να τραβήξετε προσφορά με τον ίδιο τρόπο. μια καλή επικεφαλίδα οθόνης μπορεί να προσφέρει τόσο οπτικό ενδιαφέρον όσο μια εικόνα, ενώ συνεχίζει να παρέχει τη δομή που θα σας βοηθήσει να διασφαλίσετε μια ισορροπημένη διάταξη.
03. Χρησιμοποιήστε τον κανόνα των τρίτων
Ένας από τους καλύτερους τρόπους για να δημιουργήσετε μια αίσθηση ισορροπίας είναι να χρησιμοποιήσετε το αγαπημένο Rule of Thirds ή το Golden Ratio του σχεδιαστή. Με απλά λόγια, ο κανόνας των τρίτων λέει ότι εάν διαιρέσετε τη σελίδα σας σε τρίτα, τόσο κάθετα όσο και οριζόντια, τα σημεία στα οποία τέμνονται οι γραμμές πλέγματος παρέχουν τα φυσικά εστιακά σημεία μιας σύνθεσης.
Ευθυγραμμίζοντας τα βασικά στοιχεία σας σε αυτά τα τέσσερα σημεία, θα επιτύχετε μια πιο ευχάριστη σύνθεση από ό, τι εάν, για παράδειγμα, εστιάζετε τέλεια τα στοιχεία στη σελίδα σας.
Από μόνη της, ο κανόνας των τρίτων δεν θα παρέχει μαγικά την ισορροπία της διάταξής σας, αλλά επεκτείνοντας την αρχή, είναι εύκολο να χρησιμοποιήσετε αυτήν την τάση προς ένα φυσικό σημείο εστίασης για να ενημερώσετε την ισορροπία της διάταξής σας.
Μια κοινή προσέγγιση είναι να τοποθετήσετε τα πιο σημαντικά στοιχεία της σελίδας σας στο πάνω (ή κάτω) τρίτο της σελίδας, με το πρωτεύον σημείο εστίασης να είναι ευθυγραμμισμένο ώστε να ταιριάζει με μία από τις διασταυρώσεις. Έχετε πολλά στοιχεία για αποθήκευση στον ιστότοπό σας; Δείτε αυτές τις επιλογές αποθήκευσης στο cloud.
04. Χρησιμοποιήστε κενό διάστημα
Είναι κοινό για τους αρχάριους σχεδιαστές να χρησιμοποιούν κάθε κομμάτι χώρου σε μια σελίδα, γεμίζοντας περιεχόμενο μέχρι να καλυφθεί κάθε κενό. Οι πιο έμπειροι γνωρίζουν ότι μερικές φορές το καλύτερο κομμάτι του σχεδιασμού συνεπάγεται την απομάκρυνση των στοιχείων, και όχι το πρωί.
Στο έντυπο μέσο, ο πιο συνηθισμένος τρόπος χρήσης του λευκού χώρου είναι με τη διεύρυνση των περιθωρίων και των υδρορροών της σελίδας. Στο Διαδίκτυο, απλώς παρέχοντας άφθονο χώρο αναπνοής γύρω από στοιχεία μπορεί να σας βοηθήσει να κάνετε τον σχεδιασμό της διάταξής σας να αισθάνεται συνθετικός και ισορροπημένος.
Η χρήση αρνητικού χώρου λειτουργεί καλύτερα όταν έχετε μια σαφή δομή που αγκαλιάζει το περιεχόμενο μαζί (όπως αυτή που παρέχεται από ένα πλέγμα), καθώς ο κίνδυνος του λευκού χώρου μπορεί να είναι μια αίσθηση αποσύνδεσης μεταξύ των στοιχείων της σελίδας εάν εισαχθεί τυχαία.
05. Επαναλάβετε τα στοιχεία σχεδίασης
Η επανάληψη μπορεί επίσης να προσφέρει μια ισχυρή αίσθηση συνδεδεμένου σχεδιασμού και ισορροπίας σε μια σύνθεση. Η ιδέα είναι ότι με τον εντοπισμό και την επαναχρησιμοποίηση ενός μοτίβου ή του σχεδιασμού σε όλη τη διάταξή σας, μπορείτε να παρέχετε μια αναφορά για τον αναγνώστη έτσι ώστε οι διαφορετικές περιοχές να αισθάνονται συνδεδεμένες και να αποτελούν μέρος της ίδιας συνολικής σύνθεσης.
Μπορείτε επίσης να χρησιμοποιήσετε αυτήν την τεχνική για να παρέχετε ένα κεντρικό σημείο στο σχέδιό σας, διατηρώντας παράλληλα μια συνολική ισορροπία, σπάζοντας σκόπιμα το μοτίβο ομοιότητας που εισάγεται μέσω της επανάληψης.
06. Χρησιμοποιήστε την ιεραρχία
Μία από τις βασικές προσεγγίσεις για την επίτευξη της διάταξης της σελίδας είναι η σαφής αίσθηση δομής και ιεραρχίας. Έχουμε ήδη αγγίξει τη δομή, αλλά είναι σημαντικό να μεταφέρουμε επίσης τη σχετική σημασία διαφορετικών κομματιών περιεχομένου στη σελίδα σας. Ένας τίτλος, για παράδειγμα, θα πρέπει σχεδόν πάντα να είναι πιο οπτικά σημαντικός από το περιεχόμενο κειμένου σώματος.
Κοιτάξτε τα διαφορετικά στοιχεία που συνθέτουν το σχεδιασμό διάταξής σας και αποφασίστε ποιο στοιχείο είναι το πιο σημαντικό. Χρησιμοποιήστε αυτό το στοιχείο για να παράσχετε ένα δομικό άγκιστρο για τα υπόλοιπα στοιχεία στη σελίδα, διατηρώντας το το πιο σημαντικό.
07. Χρησιμοποιήστε κλίμακα, αντίθεση και αρμονία
Τέλος, η χρήση κλίμακας μπορεί να είναι μια πολύ αποτελεσματική μέθοδος για την επίτευξη καλής οπτικής ισορροπίας στη διάταξή σας. Κάνοντας ορισμένα στοιχεία μεγαλύτερα από άλλα, θα εμφανιστεί μια αίσθηση τάξης και ιεραρχίας. Αυτό βοηθά στη δημιουργία μιας άνετης διάταξης, επειδή ο θεατής θα εξετάσει αυτόματα τα μεγαλύτερα στοιχεία εντός της διάταξης, προχωρώντας στα μικρότερα στοιχεία καθώς διαβάζουν.
Αυτή η αρχή λειτουργεί επίσης με αυξημένη αντίθεση, έτσι ώστε με την απομόνωση ενός στοιχείου στη σελίδα μέσω της αντίθεσης θα κάνει το μάτι να εστιάσει πρώτα σε αυτό το σημείο. Αυτό παρέχει έναν τρόπο εισόδου στη σελίδα, και πάλι δίνει ένα χρήσιμο δομικό σημείο για να αναπτύξετε τη διάταξή σας.
Τόσο η κλίμακα όσο και η αντίθεση λειτουργούν καλύτερα όταν εφαρμόζονται σε ένα στοιχείο, καθιστώντας το ξεχωριστό από τα άλλα μέρη της διάταξής σας. Χρησιμοποιήστε τις αρχές της αρμονίας για να κάνετε τους άλλους να αισθάνονται συνδεδεμένοι και να τονίσουν το εστιακό σημείο.
