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