5 κορυφαία παραδείγματα σταθερής πλοήγησης - και πώς να το χρησιμοποιήσετε σωστά

Συγγραφέας: Randy Alexander
Ημερομηνία Δημιουργίας: 3 Απρίλιος 2021
Ημερομηνία Ενημέρωσης: 16 Ενδέχεται 2024
Anonim
B2 - Prüfungsvorbereitung - 13
Βίντεο: B2 - Prüfungsvorbereitung - 13

Περιεχόμενο

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

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

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


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

Πέντε παραδείγματα για να δείτε

01. Θεωρία

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

02. Δημιουργική νωθρότητα


Η σταθερή κεφαλίδα πλοήγησης στον ιστότοπο για την εταιρεία σχεδιασμού Creative Sloth είναι ένα καλό παράδειγμα για το ότι δεν χρειάζεται κάτι άλλο από κάποιες ουρές οπτικής σχεδίασης για να φαίνεται υπέροχη.

03. Νησί Kiawah

Η σταθερή αλληλεπίδραση πλοήγησης στον ιστότοπο της παραθεριστικής πόλης Kiawah Island είναι μοναδική στο ότι παραμένει σταθερή για αρκετό καιρό για να σας ξεπεράσει τη μεγάλη εικόνα που χρησιμοποιήθηκε για την παρουσίαση πριν εξαφανιστεί.

04. Βανκούβερ YMCA

Η σχεδίαση πλοήγησης για τον ιστότοπο του Βανκούβερ YMCA είναι σταθερή στην αριστερή πλευρά της σελίδας. Σας βοηθάει να δείξετε σε ποια ενότητα βλέπετε.

05. Google Ventures


Ο ιστότοπος Google Ventures δεν διαθέτει τυπική σταθερή πλοήγηση. Διορθώνεται μόνο για μικρό χρονικό διάστημα κατά την κύλιση και μετά εξαφανίζεται.

Λόγια: Gene Crawford

Αυτό το άρθρο δημοσιεύτηκε για πρώτη φορά στο τεύχος 234 του περιοδικού .net.

Σας Συνιστούμε
Εξερευνήστε την οπτικοποίηση δεδομένων με το p5.js
Διαβάστε Περισσότερα

Εξερευνήστε την οπτικοποίηση δεδομένων με το p5.js

Το p5.j είναι η πιο πρόσφατη εφαρμογή Java cript του περίφημου περιβάλλοντος επεξεργασίας δημιουργικού περιβάλλοντος εργασίας. Χρειάζεται μεγάλη δύναμη και ευκολία στη χρήση της Επεξεργασίας και το βά...
5 ενσωματωμένες γραμματοσειρές για τα σχεδιαστικά σας έργα
Διαβάστε Περισσότερα

5 ενσωματωμένες γραμματοσειρές για τα σχεδιαστικά σας έργα

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

10 πράγματα που κάθε σχεδιαστής πρέπει να γνωρίζει σχετικά με τις φόρμες

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