Η ισορροπία στο σχεδιασμό είναι η κατανομή των στοιχείων του σχεδιασμού. Το Balance είναι μια οπτική ερμηνεία της βαρύτητας στο σχεδιασμό. Τα μεγάλα, πυκνά στοιχεία φαίνεται να είναι βαρύτερα, ενώ τα μικρότερα στοιχεία φαίνονται ελαφρύτερα. Μπορείτε να εξισορροπήσετε τα σχέδια με τρεις τρόπους:
- συμμετρική ισορροπία
- ασύμμετρη ισορροπία
- ασυνεπής ή εκτός ισορροπίας
Χρήση ισορροπίας στο σχεδιασμό
Η ισορροπία στο σχεδιασμό ιστοσελίδων βρίσκεται στη διάταξη. Η θέση των στοιχείων στη σελίδα καθορίζει πόσο ισορροπημένη εμφανίζεται η σελίδα. Μία μεγάλη πρόκληση για την επίτευξη οπτικής ισορροπίας στο σχεδιασμό ιστοσελίδων είναι η πτυχή. Μπορείτε να σχεδιάσετε μια διάταξη που είναι απόλυτα ισορροπημένη στην αρχική προβολή, αλλά όταν ο αναγνώστης μετακινεί τη σελίδα, μπορεί να βγει από την ισορροπία.
Πώς να συμπεριλάβετε την ισορροπία στις ιστοσελίδες
Ο πιο συνηθισμένος τρόπος ενσωμάτωσης της ισορροπίας στα σχέδια ιστοσελίδων είναι η διάταξη. Ωστόσο, μπορείτε επίσης να χρησιμοποιήσετε την ιδιότητα στυλ float για να τοποθετήσετε στοιχεία και να τα ισορροπήσετε σε ολόκληρη τη σελίδα. Ένας πολύ συνηθισμένος τρόπος για να ισορροπήσετε μια διάταξη συμμετρικά είναι να κεντράρετε το κείμενο ή άλλα στοιχεία στη σελίδα. Οι περισσότερες ιστοσελίδες βασίζονται σε σύστημα πλέγματος και αυτό δημιουργεί μια μορφή ισορροπίας για τη σελίδα αμέσως. Οι πελάτες μπορούν να δουν το πλέγμα, ακόμη και αν δεν υπάρχουν ορατές γραμμές. Οι ιστοσελίδες είναι κατάλληλες για σχέδια πλέγματος λόγω της τετραγωνικής φύσης των μορφών ιστού.
Συμμετρική ισορροπία
Η συμμετρική ισορροπία επιτυγχάνεται τοποθετώντας στοιχεία με έναν πολύ ομοιόμορφο τρόπο στο σχεδιασμό. Εάν έχετε ένα μεγάλο, βαρύ στοιχείο στη δεξιά πλευρά, θα έχετε ένα αντίστοιχο βαρύ στοιχείο στα αριστερά. Το κεντράρισμα είναι ο ευκολότερος τρόπος για να αποκτήσετε μια συμμετρικά ισορροπημένη σελίδα. Αλλά προσέξτε, καθώς μπορεί να είναι δύσκολο να δημιουργήσετε ένα κεντρικό σχέδιο που δεν φαίνεται επίπεδη ή βαρετή. Εάν θέλετε έναν συμμετρικά ισορροπημένο σχεδιασμό, είναι καλύτερο να δημιουργήσετε την ισορροπία με διαφορετικά στοιχεία – όπως μια εικόνα στα αριστερά και ένα μεγάλο τμήμα βαρύτερου κειμένου στα δεξιά του.
Ασύμμετρη ισορροπία
Οι ασύμμετρες ισορροπημένες σελίδες μπορεί να είναι πιο δύσκολο να σχεδιαστούν – καθώς δεν έχουν στοιχεία που να ταιριάζουν στην κεντρική γραμμή του σχεδιασμού. Για παράδειγμα, μπορεί να έχετε ένα μεγάλο στοιχείο τοποθετημένο πολύ κοντά στην κεντρική γραμμή του σχεδίου. Για να το ισορροπήσετε ασύμμετρα, μπορεί να έχετε ένα μικρό στοιχείο πιο μακριά από την κεντρική γραμμή. Εάν πιστεύετε ότι το σχέδιό σας είναι σε ένα teeter-totter ή τραμπάλα, ένα ελαφρύτερο στοιχείο μπορεί να ισορροπήσει ένα βαρύτερο από το να βρίσκεται πιο μακριά από το κέντρο βάρους. Μπορείτε επίσης να χρησιμοποιήσετε χρώμα ή υφή για να ισορροπήσετε ένα ασύμμετρο σχέδιο.
Ασυμφωνία ή εκτός ισορροπίας
Μερικές φορές, ο σκοπός του σχεδιασμού καθιστά μια εκτός ισορροπίας ή ασυνεπή σχεδίαση λειτουργεί καλά. Σχέδια που είναι εκτός ισορροπίας προτείνουν κίνηση και δράση. Κάνουν τους ανθρώπους άβολα ή άβολα. Εάν το περιεχόμενο του σχεδιασμού σας προορίζεται επίσης να είναι άβολο ή να κάνει τους ανθρώπους να σκεφτούν, μια ασυνεπώς ισορροπημένη σχεδίαση μπορεί να λειτουργήσει καλά.