Visual Hierarchy: 10 Principles to Create Eye-Catching Designs

Είναι αυτό το φωτεινό και τολμηρό κείμενο που τραβάει την προσοχή σας. Είναι αυτό το σχήμα από το οποίο δεν μπορείς να κοιτάξεις μακριά. Ένας σχεδιαστής αποφάσισε ότι αυτό θα ήταν το πιο σημαντικό Στοιχεία οπτικής ιεραρχίας Στο έργο τους, πέτυχαν την αποστολή τους.

Σε αυτό το άρθρο, θα σας δείξουμε πώς να πετύχετε ένα αρχείο Οπτική ιεραρχία σε έργα σχεδιασμού. Ακόμα κι αν είστε νέοι στη δημιουργική εργασία, μπορείτε να κάνετε το μάτι του θεατή να πάει ακριβώς εκεί που θέλετε με αυτά τα παραδείγματα οπτικής ιεραρχίας.

Τι είναι η οπτική ιεραρχία?

Ο ορισμός αυτού του όρου είναι αρκετά κυριολεκτικός. Η οπτική ιεραρχία υποδεικνύει τη σχετική σημασία του σχεδιαστικά στοιχεία. Για να σας δώσουμε ένα βήμα προς βήμα παράδειγμα, εάν δημιουργείτε μια έντυπη διαφήμιση με ένα σημαντικό γραπτό μήνυμα, το κείμενό σας θα έχει το υψηλότερο επίπεδο στην οπτική ιεραρχία.

Το ερώτημα λοιπόν είναι πώς να δημιουργηθεί αυτή η ιεραρχία. Αφού αποφασίσετε τι είναι σημαντικό στο σχέδιό σας, θα αντιμετωπίσετε την πρόκληση να το δημιουργήσετε έρευνα Είναι σημαντικό να τραβήξετε πρώτα την προσοχή του θεατή. Τα καλά νέα είναι ότι υπάρχουν συμβουλές οπτικής ιεραρχίας που μπορείτε να ακολουθήσετε για να επισημάνετε πραγματικά συγκεκριμένα στοιχεία σχεδίασης.

Διαφημιστική αφίσα νέας συλλογής μόδας

Γιατί είναι σημαντική η οπτική ιεραρχία στο σχεδιασμό;

Εν ολίγοις, η οπτική ιεραρχία είναι απαραίτητη για το σχεδιασμό, επειδή καθορίζει τη συνολική σύνθεση του σχεδίου σας.

Σκεφτείτε αρχικά τι και γιατί σχεδιάζετε. Τι σκοπό εξυπηρετεί αυτή η δημιουργική δουλειά; Όταν αποφασίσετε τι είναι σημαντικό στο σχέδιό σας και μάθετε πώς να κάνετε αυτά τα στοιχεία να ξεχωρίζουν, θα πρέπει να αντιμετωπίσετε ένα αρχείο Σχεδιάστε το κομμάτι σας. Αυτό περιλαμβάνει οπτικά στοιχεία όπως ο κανόνας των τρίτων, το οπτικό βάρος και η συνολική εμπειρία χρήστη.

Ποια είναι τα διαφορετικά μοτίβα οπτικής ιεραρχίας;

Ευτυχώς, υπάρχουν μερικά μοτίβα οπτικής ιεραρχίας που μπορούν να σας καθοδηγήσουν καθώς ορίζετε το οπτικό βάρος στο σχέδιό σας.

μοτίβα ανάγνωσης

Η λειτουργία ανάγνωσης απαιτεί εξερεύνηση της σελίδας από πάνω προς τα κάτω και από τη μία πλευρά στην άλλη – όπως η ανάγνωση μιας σελίδας από ένα βιβλίο (εξ ου και το όνομα). Εδώ είναι δύο κύριοι τρόποι με τους οποίους το μάτι κινείται μέσα από το μοτίβο ανάγνωσης.

  • Μοτίβα F: Σε αυτό το στυλ, το μάτι του θεατή γυρίζει στο κάτω μέρος της σελίδας (συνήθως ένα κείμενο) και αν το άτομο βρει κάτι ενδιαφέρον, σύρει προς τα αριστερά ή προς τα δεξιά για να διαβάσει ολόκληρη τη γραμμή.
  • Ζ στυλ: Τα ανθρώπινα μάτια ακολουθούν αυτά τα μοτίβα σε περιοχές που δεν είναι βαριές σε κείμενο όπως μια τυπωμένη σελίδα. Πάρτε για παράδειγμα έναν ιστότοπο. Στο σχεδιασμό ιστοσελίδων, διαβάζουμε τις σημαντικές πληροφορίες στο μενού στο επάνω μέρος της αρχικής σελίδας από πάνω αριστερά προς τα επάνω δεξιά και, στη συνέχεια, επιστρέφουμε στην εικόνα της κεφαλίδας για να αποσυμπιέσουμε οποιαδήποτε πληροφορία είναι γραμμένη κάτω από αυτήν.

Αρπαστής προσοχής

Τα μάτια μας τείνουν να πηδούν αμέσως στα εμφανή στοιχεία. Ένας από τους καθοριστικούς παράγοντες για το αν θα ξεχωρίσει το κείμενο ή μια εικόνα είναι το σχετικό μέγεθος. Εάν έχετε ένα τεράστιο μπλοκ κειμένου στη μέση της σελίδας σας, τα μάτια των θεατών σας πιθανότατα θα μεταπηδήσουν κατευθείαν σε αυτό το στοιχείο αντί να ακολουθήσουν το μοτίβο ανάγνωσης.

Η απόκτηση ενός αντικειμένου premium είναι ένας γρήγορος και εύκολος τρόπος δημιουργίας Οπτική ιεραρχία στη γραφιστική. Επομένως, σκεφτείτε να χρησιμοποιήσετε διαφορετική γραμματοσειρά ή να χρησιμοποιήσετε τις αρχές Gestalt ως εργαλεία που τραβούν την προσοχή. Προωθητική ανάρτηση κοινωνικής δικτύωσης προς πώληση το καλοκαίρι

βελτιώστε την πλατφόρμα

Τελικά, ο τρόπος με τον οποίο ο αναγνώστης μετακινείται στη σελίδα σας εξαρτάται σε μεγάλο βαθμό από την εμπειρία του χρήστη. Για παράδειγμα, εάν ένας θεατής πρέπει να πραγματοποιήσει κύλιση σε ένα περιορισμένο σύνολο εικόνων σε μια κινητή συσκευή, θα πραγματοποιήσει κύλιση κάθετα στη σελίδα σας. Εάν χρησιμοποιείτε σύμβολα όπως βέλη για να τα καθοδηγήσετε στον χώρο, τα μάτια τους θα τα ακολουθήσουν. Γίνετε λοιπόν δημιουργικοί δημιουργώντας μια ροή σχεδίασης βελτιστοποιημένη για την πλατφόρμα στην οποία θα τη βλέπουν οι χρήστες.

Ποιες είναι οι αρχές της οπτικής ιεραρχίας;

Εδώ είναι τα 8 πιο σημαντικά στοιχεία του οπτικού σχεδιασμού που μπορούν να σας βοηθήσουν να καθοδηγήσετε τον θεατή στο περιεχόμενό σας. Αυτές οι αρχές μπορούν επίσης να βοηθήσουν στον εντοπισμό εστιακών σημείων.

το χρώμα: Όταν χρησιμοποιείτε μια σειρά από φωτεινά χρώματα σε έναν ουδέτερο ή επίπεδο χώρο, τραβάτε το βλέμμα του θεατή σε αυτό το εκπληκτικό χρώμα. Εάν δεν είστε σίγουροι ποια χρώματα να χρησιμοποιήσετε, Ο απόλυτος οδηγός για τη θεωρία των χρωμάτων Είναι μια μεγάλη πηγή.

Πώς να χρησιμοποιήσετε το χρώμα ως στοιχείο σχεδίασης

διαφορά: Χρησιμοποιήστε χρώματα σε αντίθεση, όπως ασπρόμαυρο ή σχεδιαστικά στοιχεία που αντισταθμίζουν το ένα το άλλο. Αυτό θα αποτρέψει την ομοιόμορφη εμφάνιση του περιεχομένου σας και θα επιστήσει την προσοχή των θεατών σε αυτές τις διαφορές στο χώρο.

Πώς να χρησιμοποιήσετε την αντίθεση ως αρχή οπτικού σχεδιασμού

μέτρημα: Αλλάξτε τα μεγέθη στοιχείων όπως εικόνες, σχήματα και γραμματοσειρές στο σχέδιό σας για να τραβήξετε την προσοχή του χρήστη στα πιο σημαντικά οπτικά στοιχεία και κείμενο.

Πώς να χρησιμοποιήσετε τον όγκο ως οπτική ιεραρχική αρχή στο σχεδιασμό

Γραμμή: ότι παθητική γραμματοσειρά Θα μπορούσε να είναι αρκετό για να τραβήξει την προσοχή κάποιου. Χρησιμοποιήστε έντονες ή μεγάλες γραμματοσειρές με μέτρο, αλλά ακριβώς εκεί που θέλετε να κατευθύνετε την προσοχή του θεατή, όπως έναν τίτλο, ένα σημαντικό απόσπασμα ή μια παρότρυνση για δράση. σκεφτείτε αυτή την τέχνη Οπτική ιεραρχική τυπογραφία.

Παράδειγμα γραμμής ως οπτικό ιεραρχικό εργαλείο

Αρνητικός και θετικός χώρος: Θυμάστε αυτά τα αρχικά μαθήματα σχεδίασης στο προσκήνιο, στη μέση και στο παρασκήνιο; είναι δικό σου αρνητικός χώρος Συνήθως είναι το φόντο και ο θετικός χώρος είναι συνήθως μπροστά και στο κέντρο. Συγκρίνετε αυτούς τους χώρους για να μετακινήσετε το μάτι του θεατή γύρω από το σχέδιό σας. Εάν δεν είστε σίγουροι από πού να ξεκινήσετε, δοκιμάστε να εισάγετε κενό διάστημα μόνο γύρω από τα σημαντικά στοιχεία.

Πώς να χρησιμοποιήσετε τους θετικούς και αρνητικούς χώρους

συντονισμός: Είτε χρησιμοποιείτε τη στοίχιση αριστερά, κέντρο ή δεξιά, ό,τι δεν είναι ευθυγραμμισμένο θα προσελκύσει αμέσως τον θεατή. Απλώς βεβαιωθείτε ότι φαίνεται σκόπιμα, όπως κείμενο στη μέση με μια εικόνα γύρω του.

Παράδειγμα ευθυγράμμισης κειμένου σε σχέδιο αφίσας

Επανάληψη: Αυτή είναι μια από τις πιο σημαντικές αρχές του σχεδιασμού, επειδή τα μάτια μας (και ο εγκέφαλός μας) είναι καλά στο να ακολουθούν μοτίβα. Δημιουργώ γεωμετρικός Ή περισσότερα αφηρημένα μοτίβα για να καθοδηγήσετε το κοινό σας σε έναν χώρο.

Πώς να χρησιμοποιήσετε την επανάληψη στο σχεδιασμό για να βελτιώσετε την ανάκληση του αναγνώστη

γραμμές: Οι γραμμές έγιναν πρακτικά για να καθοδηγούν το μάτι. Δεν είναι λάθος οι έντονες οριζόντιες γραμμές να αποτελούν μέρος σημαντικών καθοδηγητικών συμβόλων όπως τα βέλη. Σκεφτείτε να χρησιμοποιήσετε γραμματοσειρές για να μετακινήσετε τον θεατή στη σελίδα σας, είτε κατακόρυφα, οριζόντια, διαγώνια ή με πιο αφηρημένο τρόπο. Αυτό ισχύει ιδιαίτερα σε infographic σχεδιασμό.

Χρήση γραμματοσειρών ως εργαλείο οπτικού ιεραρχικού σχεδιασμού

Συμβουλές για τη δημιουργία μιας ισχυρής οπτικής ιεραρχίας

Είστε έτοιμοι να ξεκινήσετε το σχεδιασμό; Χρησιμοποιήστε αυτές τις συμβουλές σχεδίασης στην επόμενη δημιουργική σας εργασία.

  • Μάθετε τι θέλετε να επισημάνετε: Υπολογίστε πού θέλετε να πάει πρώτα το μάτι του θεατή προτού ξεκινήσετε να σχεδιάζετε. Για να το κάνετε αυτό, αναρωτηθείτε ποιο σκοπό προσπαθεί να εξυπηρετήσει αυτό το έργο. Είναι μια αφίσα για τον χορό ή ένα promo της μαύρης Παρασκευής στα μέσα κοινωνικής δικτύωσης; Ανάλογα με την πλατφόρμα, το σκοπό και την παρότρυνση για δράση, θα χρειαστεί να χρησιμοποιήσετε διαφορετικά οπτικά εργαλεία. Μόλις γίνει αυτό, μπορείτε να καθορίσετε τις σωστές αρχές σχεδίασης που θα καθοδηγούν τα μάτια του θεατή.
  • Τηρώντας την αρχή της οπτικής ιεραρχίας: Αυτό δεν σημαίνει ότι δεν μπορείτε να συνδυάσετε μερικά από αυτά, αλλά ξεκινήστε από μικρά και εργαστείτε από εκεί. Δοκιμάστε, για παράδειγμα, να χρησιμοποιήσετε μια έντονη γραμματοσειρά για να τραβήξετε την προσοχή. Στη συνέχεια, μπορείτε να εργαστείτε σε άλλα στοιχεία, όπως αντίθεση και μοτίβο, εάν ταιριάζουν στο χώρο. Εάν δεν το κάνουν, κρατήστε το απλό.
  • Αποσυρθείτε ενώ είστε επικεφαλής: Τα πολυάσχολα σχέδια τείνουν να αποσπούν την προσοχή. Η ενσωμάτωση πολλών άλλων στοιχείων μπορεί να προκαλέσει σύγχυση στο σχέδιό σας για το κοινό σας.

Δημιουργήστε γρήγορα κουλτούρα

Το Picsart είναι ένα πλήρες οικοσύστημα περιεχομένου δωρεάν στη χρήση, ισχυρών εργαλείων και έμπνευσης για δημιουργούς περιεχομένου. Το Picsart είναι η μεγαλύτερη δημιουργική πλατφόρμα στον κόσμο, με 1 δισεκατομμύριο λήψεις και περισσότερους από 150 εκατομμύρια μηνιαίους ενεργούς δημιουργούς. Η Picsart έχει συνεργαστεί με κορυφαίους καλλιτέχνες και επωνυμίες όπως οι BLACKPINK, Taylor Swift, Jonas Brothers, Lizzo, Ariana Grande, Jennifer Lopez, One Direction, Sanrio: Hello Kitty και Warner Bros. Διασκέδαση, iHeartMedia, Condé Nast και πολλά άλλα. Κατεβάστε την εφαρμογή ή ξεκινήστε την επεξεργασία στον ιστό Σήμερα για να βελτιώσετε τις φωτογραφίες και τα βίντεό σας με χιλιάδες εργαλεία γρήγορης και εύκολης επεξεργασίας, μοντέρνα φίλτρα, διασκεδαστικά αυτοκόλλητα και δροσερά φόντο. Απελευθερώστε τη δημιουργικότητά σας και Αναβάθμιση σε χρυσό Για να αποκτήσετε premium προνόμια!

Leave a Comment