25 Παραδείγματα συμμετρίας στο Web Design
Η συμμετρία είναι μια παλιά συσκευή του εικαστικού καλλιτέχνη. Η λέξη αναφέρεται σε δύο μισά που αντανακλούν απόλυτα μεταξύ τους. Στο σχεδιασμό, η συμμετρία συνδέεται στενά με την ισορροπία. Ένας απόλυτα συμμετρικός σχεδιασμός επιτυγχάνει ισορροπία και αίσθηση σταθερότητας.
Υπάρχει επίσης ασύμμετρη σχεδίαση, όπου τα δύο μισά είναι ισορροπημένα αλλά δεν αντικατοπτρίζουν ο ένας τον άλλον τέλεια. Η πλειοψηφία των ιστότοπων έχει ασύμμετρη διάταξη.
Τις περισσότερες φορές βρίσκουμε το λογότυπο στην επάνω αριστερή πλευρά, ισορροπημένο από κάποια στοιχεία πλοήγησης στα δεξιά. Στο σώμα, οι πλευρικές στήλες συνήθως αντισταθμίζονται είτε από το κύριο περιεχόμενο είτε από άλλες στήλες.
Ενώ η τέλεια συμμετρία δεν είναι σίγουρα νέα στο διαδίκτυο, κερδίζει δυναμική. Η επέκταση των μεγεθών της οθόνης και ο πολλαπλασιασμός των πλατφορμών και των επιλογών προβολής καθιστούν μια πιο ελκυστική επιλογή. Αν αντικατοπτρίσετε τα μισά του σχεδιασμού, όχι μόνο έχετε μεγαλύτερη αίσθηση ισορροπίας, αλλά και βελτιώνετε τη ροή από πάνω προς τα κάτω.
Icora
Icora είναι ένα τέλειο παράδειγμα του τρόπου με τον οποίο η συμμετρία συμβάλλει στην κάθετη ροή ενός δικτυακού τόπου. Μου αρέσει να λέει εδώ μια ιστορία. Αντί να ρίχνει ένα σωρό πράγματα στη σελίδα και αφήνοντας τον χρήστη να επιλέξει πού να πάει, ο σχεδιαστής ενθαρρύνει τον χρήστη να μετακινηθεί μέσα από το περιεχόμενο. Ο σχεδιαστής σας ταξιδεύει σε ένα καθορισμένο ταξίδι σε αυτό που είναι ουσιαστικά ένας προσεκτικά σχεδιασμένος χώρος πωλήσεων.
Pixel Bleed
Pixel Bleed είναι ο τύπος του ιστότοπου που συχνά με ενοχλεί εντελώς. Τίποτα δεν ταιριάζει με τον κανόνα. Το λογότυπο και η πλοήγηση βρίσκονται στο κάτω μέρος, το οποίο απλά αισθάνεται λανθασμένο ... και όμως λειτουργεί! Η συμμετρία προσδίδει μια ενδιαφέρουσα ισορροπία στο σχεδιασμό. Και με τα οπτικά βαρύτερα στοιχεία στο κάτω μέρος της σελίδας, η διάταξη αισθάνεται γειωμένη.
Duuel
Η συμμετρία μπορεί περιστασιακά να παίξει στο θέμα της ιστοσελίδας. Σε περίπτωση που Duuel , η ιδέα δύο μονομαχιών σχεδιαστές έχει νόημα. Οι σχεδιαστές είναι εξίσου εξειδικευμένοι και ομοιόμορφα εξοπλισμένοι και η συμμετρία ενισχύει με απλό τρόπο αυτή την ιδέα.
Ρολόγια
Η συμμετρία είναι επίσης μεγάλη όταν απλά δεν έχετε πολλά να πείτε. Οι κατασκευαστές του Ρολόγια δεν χρειάζονται πολλά για να εξηγήσουν το προϊόν τους. Μία λέξη κάνει τη δουλειά. Στην πραγματικότητα, λέγοντας περισσότερα, σχεδόν θα νικήσει το σημείο. Φυσικά, ένα ρολόι είναι συμμετρικό ούτως ή άλλως και έτσι είναι ιδανικό για μια διάταξη όπως αυτή.
Ryan M. Stryker
Μια ισχυρή πτυχή της συμμετρίας είναι η ικανότητά της να κατευθύνει την εστίαση του χρήστη. Με τα πάντα ισορροπημένα στον κάθετο άξονα, η προσοχή φυσικά πηγαίνει εκεί. Ryan M. Stryker Το όνομα εδώ βρίσκεται σε αυτή την κεντρική τοποθεσία, εξασφαλίζοντας ότι δεν θα το χάσετε. Ο ιστότοπος λειτουργεί σχεδόν σαν ένα γήπεδο του ασανσέρ, ξεκινώντας με το όνομα και ρέοντας σε μια περίληψη του έργου του σχεδιαστή. Οι κρίσιμες πληροφορίες ελέγχονται προσεκτικά και μεταφέρονται δυναμικά. Ο σχεδιασμός δεν χρειάζεται να είναι υπερβολικός. η συμμετρία κάνει το μεγαλύτερο μέρος της εργασίας.
Αμφισβητήσιμους χαρακτήρες
Η συμμετρία σας επιτρέπει επίσης να επικοινωνήσετε δύο εξίσου σημαντικά σύνολα πληροφοριών. Ίσως το προϊόν σας να έχει δύο κοινό-στόχο. Ή ίσως δύο προϊόντα είναι η ψυχή της εταιρείας σας. Όπως βλέπουμε με Αμφισβητήσιμους χαρακτήρες , η συμμετρία μπορεί να εξασφαλίσει ίσο χρόνο αέρα για δύο μισά ενός συνόλου.
Φιλικά
Η συμμετρία είναι επίσης χρήσιμη για τη διατήρηση της ακαταστασίας από ένα σχέδιο. Ενώ αυτό δεν είναι μόνο λόγος να το χρησιμοποιήσουμε, Φιλικά κάνει μια ισχυρή υπόθεση γι 'αυτό, με την καθαρή και κομψή διάταξη. Ενώ οι περισσότεροι ιστοτόποι συνταγών υπερχειλίζουν με περιεχόμενο, αυτό είναι εξαιρετικά απλό. Εξετάστε το δικό σας περιεχόμενο και αυτό που θα αφαιρέσετε αν έπρεπε να κάνετε τη διάταξη συμμετρική.
Το νήμα δεν είναι νεκρό
Το νήμα δεν είναι νεκρό συνδυάζει μερικές από τις αρχές που έχουμε δει παραπάνω, αλλά με κάποιες ανατροπές. Είμαι ενθουσιασμένος που το πιο πάνω στοιχείο σε αυτή τη συμμετρική διάταξη είναι μια μαρτυρία προϊόντος. Δεν υπάρχει αμφιβολία ότι οι μαρτυρίες είναι χρήσιμες για το μάρκετινγκ στο διαδίκτυο, και εδώ το καταλαμβάνει το πιο σημαντικό τμήμα της σελίδας. Παρ 'όλα αυτά, η περιοχή που βρίσκεται ακριβώς κάτω φέρει το πιο οπτικό βάρος και περιέχει όλες τις κρίσιμες πληροφορίες και τις προσκλήσεις για δράση. Το αποτέλεσμα είναι ένα απόλυτα ισορροπημένο περιεχόμενο που κόβει το δικαίωμα στην καταδίωξη. Μερικές φορές, αφήνοντας έξω τα βαρέα extras και να πάρει ευθεία στο σημείο είναι η καλύτερη προσέγγιση.
13 περισσότερες συμμετρικές ιστοσελίδες
Οι αρχές που εξετάστηκαν παραπάνω ισχύουν και για τα παρακάτω σχέδια. Εξετάστε πώς η συμμετρία συμβάλλει στον έλεγχο της εμπειρίας των χρηστών σε αυτούς τους ιστότοπους.
συμπέρασμα
Η συμμετρία είναι ένα βασικό χαρακτηριστικό του σχεδιασμού και είναι όμως εύκολο να ξεχαστεί. Μου αρέσει να σκέφτομαι πώς εφαρμόζονται τα βασικά στοιχεία του σχεδιασμού στον πραγματικό κόσμο. Συχνά αυτά τα πιο βασικά στοιχεία αποκαλύπτουν ισχυρούς τρόπους επικοινωνίας των πληροφοριών.
Είχατε μια συνεχή αγάπη για συμμετρικό σχεδιασμό; Πιστεύετε ότι αυτό το στυλ έχει τα όριά του;