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