Στοιχεία ιστού σταθερής θέσης
Η χρήση σταθερών στοιχείων θέσης έχει αυξηθεί σε δημοτικότητα και να γίνει ένα κοινό στοιχείο στο διαδίκτυο.
Αυτή η τεχνική περιλαμβάνει την επιδιόρθωση κάποιου στοιχείου στο πρόγραμμα περιήγησης ενώ η υπόλοιπη σελίδα περιστρέφεται. Τις περισσότερες φορές βρίσκουμε αυτό που γίνεται στα στοιχεία κεφαλίδας, συμπεριλαμβανομένης της κύριας πλοήγησης για έναν ιστότοπο. Αυτή είναι επίσης μια δημοφιλής προσέγγιση σε ιστότοπους μίας σελίδας, όπου η πλοήγηση στη σελίδα πρέπει να είναι πάντα παρούσα. Βλέπουμε επίσης διάφορα στοιχεία ιστοσελίδων κλειδωμένα στη θέση τους χρησιμοποιώντας τέτοιες τεχνικές.
Υπάρχουν πολλές καταστάσεις που μπορούμε να βρούμε όπου ο καθορισμός ενός στοιχείου στη σελίδα είναι καλό, αλλά όλα έρχονται πίσω σε ένα μόνο σκοπό. Σε όλες σχεδόν τις περιπτώσεις, το σταθερό στοιχείο διατηρεί ένα κρίσιμο τμήμα της σελίδας μπροστά από τους χρήστες ανά πάσα στιγμή.
Η σημασία αυτών των στοιχείων ποικίλλει, αλλά σε κάποιο βαθμό ο θεμελιώδης στόχος είναι να διατηρηθεί ορισμένο μέρος της σελίδας συνεχώς στο λιμάνι θέασης.
Δεδομένου ότι θεωρείτε ότι χρησιμοποιείτε αυτήν την τεχνική, συνιστώ ιδιαίτερα να εξετάσετε προσεκτικά το γιατί και πώς το κάνετε. Λάβετε υπόψη ότι ό, τι τμήμα της σελίδας σας δεν κινείται θα τραβήξει αυτόματα την προσοχή. Έτσι, βεβαιωθείτε ότι το βάλετε σε λειτουργία. Ας βουτήξουμε!
Σταθερές κεφαλίδες
Οι σταθερές κεφαλίδες είναι μακράν το πιο κοινό στοιχείο σταθερής θέσης, τόσο πολύ στην πραγματικότητα έπρεπε να αρχίσω να προσθέτω σε αυτή τη συλλογή για να αποφύγω πάρα πολλά δείγματα. Τις περισσότερες φορές η κεφαλίδα είναι σταθερή στη θέση της για να διασφαλιστεί ότι η πλοήγηση των ιστότοπων είναι πάντα παρούσα. Όπως ανέφερα και προηγουμένως, αυτό ισχύει ιδιαίτερα όταν ασχολούμαστε με έναν ιστότοπο μιας σελίδας.
Υπάρχουν πολλές λεπτές παραλλαγές στον τρόπο με τον οποίο μπορείτε να χειριστείτε τις σταθερές κεφαλίδες, ώστε να αναθεωρήσουμε ορισμένα δείγματα για διάφορες ιδέες σχετικά με αυτήν την προσέγγιση.
Λουράκια & Ωραίος
Αυτό θεωρώ ένα κλασικό παράδειγμα αυτής της τεχνικής. Η κεφαλίδα έχει σταθεροποιηθεί στη θέση της κατά την περιήγησή σας στον ιστότοπο. Αυτό περιλαμβάνει το λογότυπο και τα κύρια στοιχεία πλοήγησης. Επιπλέον, είναι ένας ιστοχώρος μίας σελίδας. Κάνοντας κλικ στην κύρια πλοήγηση, μπορείτε να μετακινηθείτε στο κατάλληλο μέρος της σελίδας.
Σε μια τέτοια περίπτωση, η κολλητική κεφαλίδα κάνει την περιήγηση στον ιστότοπο μιας σελίδας ευθεία προς τα εμπρός. Αποφεύγει επίσης μία από τις πιο ενοχλητικές πτυχές πολλών ιστότοπων μεμονωμένων σελίδων: όταν η πλοήγηση βρίσκεται μόνο στην κορυφή της σελίδας, αλλά κυλάει για αιώνες. Ως εκ τούτου, η σταθερή κεφαλίδα δεν φαίνεται μόνο ωραία και διατηρεί το κύριο μαρκάρισμα της ιστοσελίδας μπροστά και κέντρο, αλλά επίσης εξασφαλίζει ότι ο ιστότοπος είναι εύκολος στη χρήση.
Mapalong
Αυτό το παράδειγμα χρησιμοποιεί μια σταθερή κεφαλίδα, αλλά με τη δική του μικρή συστροφή. Αυτός ο ιστότοπος είναι επίσης μία διάταξη σελίδας, αλλά στερείται οποιασδήποτε σελίδας πλοήγησης. Στην περίπτωση αυτή, η σταθερή κεφαλίδα περιέχει το κύριο λογότυπο και ένα κουμπί σύνδεσης, και τα δύο πολύ σημαντικά στοιχεία. Αλλά, ακόμα καλύτερα από αυτό, όταν κάνετε κύλιση προς τα κάτω τη σελίδα, η κύρια κλήση προς δράση μετακινείται στην κεφαλίδα καθώς ξετυλίγεται. Ως αποτέλεσμα, το πρωτεύον σημείο μετατροπής για τον ιστότοπο είναι πάντα ορατό. Και όμως, ακόμα καλύτερα από αυτό, η πράξη της έκκλησης για δράση εξασθενίζει στην άποψη καλεί την προσοχή του χρήστη σε αυτό, τονίζοντας περαιτέρω το σημείο μετατροπής στο σχέδιο! Κατά τη γνώμη μου μια λαμπρή χρήση της προσέγγισης.
Kisko Labs
Μια άλλη έξυπνη προσέγγιση στην κεφαλίδα σταθερής θέσης είναι μια τεχνική που καλώ slide και stick. Στο site της Kisko Labs μόνο μέρος των κεφαλίδων κολλάει. Κατά την κύλιση προς τα κάτω στη σελίδα εμφανίζεται και η κύρια πλοήγηση. Αυτό συμβαίνει μέχρι να φτάσει στην κορυφή της οθόνης και στη συνέχεια να κολλήσει εκεί. Έτσι, οι διαφάνειες πλοήγησης (ή κύλισης) κανονικά, στη συνέχεια, κολλάει στην κορυφή.
Μια επιπλέον λεπτομέρεια που είναι πραγματικά ωραία εδώ είναι πώς η πλοήγηση τονίζει το τμήμα της σελίδας που βλέπετε αυτήν τη στιγμή. Δεδομένου ότι πρόκειται για ένα σχέδιο μιας σελίδας, είναι χρήσιμο να προσδιορίσετε το σημερινό τμήμα της σελίδας όπως θα κάνατε με την κανονική κατάσταση "τρέχουσας σελίδας" οποιασδήποτε πλοήγησης.
Ανυψώστε τη στέγη
Μια κοινή επέκταση αυτού του στυλ είναι να ενσωματώσει κάποιο επίπεδο διαφάνειας στο κολλώδες στρώμα. Σε πολλά από τα παραδείγματα που θα βρείτε εδώ, αυτό γίνεται διότι έχει απλώς μια ανομοιογενή άκρη στο κολλώδες στοιχείο. Μερικές φορές αυτό γίνεται με το να προεξέχει ένα στοιχείο από τη σταθερή ράβδο, άλλες φορές με μια οδοντωτή άκρη. Στη θέση Raise the Roof έχει επιτευχθεί με πολύ οργανικό και σχεδόν τυχαίο όριο.
Σε αυτό το δείγμα βρίσκουμε ένα ενδιαφέρον οπτικό αποτέλεσμα. Μέσω της χρήσης επικαλυπτόμενων στοιχείων, ο ιστότοπος δημιουργεί οπτικό βάθος καθώς τα περιεχόμενα κυλούν πίσω από την κεφαλίδα. Αυτό τονίζεται περαιτέρω από το φεγγάρι στο παρασκήνιο, το οποίο επίσης έχει καθοριστεί. Το τελικό αποτέλεσμα είναι τρία οπτικά στρώματα. Ένα τέτοιο βάθος προσθέτει ένα μεγάλο επίπεδο οπτικού ενδιαφέροντος και μπορεί να δημιουργήσει ένα εντυπωσιακό σχέδιο.
Καλώς ήρθατε στο νερό
Ο ιστότοπος Καλώς ήρθατε στο Νερό είναι μια μάλλον ασυνήθιστη δημιουργία. Πολύ λίγα για αυτό το site ταιριάζει με τους κανόνες της layout και του σχεδιασμού του web. Ιδιαίτερο ενδιαφέρον για το θέμα αυτού του άρθρου είναι η σταθερή κεφαλίδα. Σε αυτόν τον ιστότοπο αυτό το σταθερό στοιχείο χρησιμεύει ως εργαλείο πλοήγησης στον ιστότοπο. Αλλά με πολλούς τρόπους έχει περισσότερο από μια γραμμή εργαλείων αίσθηση σε αυτό.
Πρόσθετα δείγματα σταθερών κεφαλίδων
Ακολουθούν ορισμένα πρόσθετα παραδείγματα σταθερών κεφαλίδων. Θα βρείτε ένα ευρύ φάσμα στυλ και λεπτές παραλλαγές εδώ.
Tam Cai
Μάρλον Μασάμ
Δημιουργικό Big Eye
Balencic Creative Group
Ivo Mynttinen
Krista Ganelon
Creattica
Ian James Cox
Κάντε καλύτερες εφαρμογές
Μάθιου Κάρλετον
Shweplantis
TruQua
Rodolphe Celestin
Holcomb Κιθάρες
Trussystem
Σταθερά υποσέλιδα
Ίσως το πιο προφανές αντίθετο από την σταθερή κεφαλίδα θα είναι το σταθερό υποσέλιδο. Σε τέτοιες περιπτώσεις το υποσέλιδο της σελίδας είναι κολλημένο στο κάτω μέρος της οθόνης. Καθώς ο χρήστης μετακινείται, το στοιχείο παραμένει στη θέση του.
Όπως και κάθε άλλο σταθερό στοιχείο, η δημιουργία ενός εστιακού σημείου εξακολουθεί να είναι ο πρωταρχικός στόχος. Ενδιαφέρον όμως είναι ότι με υποσέλιδους όπως αυτά είναι συνήθως μια δευτερεύουσα λειτουργία που εξακολουθεί να είναι πρωταρχικός στόχος.
Αμόλυβδη ομάδα
Ο ιστότοπος της ομάδας "Αμόλυβδη" είναι ένα εξαιρετικό παράδειγμα αυτού. Εδώ το σταθερό υποσέλιδο περιέχει στοιχεία που προσανατολίζονται προς την δράση και χτυπάει στον κεντρικό σκοπό της τοποθεσίας. Πρώτα σημειώστε ότι όλα τα στοιχεία αυτής της γραμμής είναι πράγματα που μπορεί να κάνει ένας χρήστης: προωθήστε τα σε κοινωνικά μέσα, πραγματοποιήστε μια τηλεφωνική κλήση ή στείλτε τα με email. Δεύτερον, είναι τα κύρια σημεία δράσης που ο οργανισμός πιθανότατα θέλει να πάρετε. Ζητούν είτε να τα προωθήσετε είτε να επικοινωνήσετε μαζί τους. Αυτοί είναι οι κύριοι λόγοι για να έχετε έναν τέτοιο ιστότοπο. Έτσι έχει νόημα να τα διορθώσω σε ένα υποσέλιδο όπου θα πάρουν μεγάλη προσοχή.
Envato
Ο ιστότοπος Envato έχει επίσης σταθερό υποσέλιδο. Εδώ η μπάρα περιέχει το πρωτότυπο λογότυπο του site, το οποίο έχει μεταφερθεί εδώ από το τυπικό πάνω αριστερό μέρος. Ειλικρινά, για ένα εμπορικό σήμα όπως το Envato αυτό δεν είναι ένα ζήτημα. Επίσης, θα βρείτε μια σειρά από αναπτυσσόμενα μενού που σας εκτοξεύουν στις διάφορες ιδιότητες ιστού τους. Αυτή η απλή λειτουργία είναι ο πραγματικός στόχος τους. Στην πραγματικότητα, μπορείτε να πείτε ότι αυτή η σελίδα προφίλ επιχειρήσεων δεν είναι πραγματικά εκεί που θέλουν οι άνθρωποι να καταλήξουν. Ως εκ τούτου, η έμφαση στην οδήγηση σας πίσω στους χώρους περιεχομένου τους είναι εμφανής και αναπόφευκτη.
Kiyuco
Για πολλούς ιστότοπους όπως το παρόν, τα προγράμματα μάρκετινγκ ηλεκτρονικού ταχυδρομείου τους είναι κρίσιμης σημασίας. Ως εκ τούτου, έχοντας ένα σταθερό τοποθετημένο υποσέλιδο που προβάλλει έντονα το έντυπο εγγραφής μπορεί να προχωρήσει πολύ για να αναπτυχθούν τέτοιες λίστες αλληλογραφίας. Μπορεί το μάρκετινγκ ηλεκτρονικού ταχυδρομείου να σας βοηθήσει να προωθήσετε τον ιστότοπό σας για μεγαλύτερο χρονικό διάστημα και να συνεχίσετε αποτελεσματικότερα τους πελάτες σας; Εάν ναι, ίσως ένα σταθερό υποσέλιδο όπως αυτό θα ήταν ένα εξαιρετικό εργαλείο.
Πλευρικές γραμμές σταθερής θέσης
Το κλείδωμα στοιχείων μιας ιστοσελίδας στη θέση της δεν είναι κάτι που περιορίζεται στις κεφαλίδες και τα υποσέλιδα, αν και μπορεί να είναι τα πιο δημοφιλή. Φαίνεται ότι μια πλευρική μπάρα σταθερής θέσης είναι μια δεύτερη θέση.
Οι πλευρικές ράβδοι σταθερού χώρου περιέχουν συχνά παρόμοιες πληροφορίες με αυτό που θα βρείτε σε μια κεφαλίδα. Αυτό περιλαμβάνει πράγματα όπως τα λογότυπα, τα εργαλεία πλοήγησης και τα μέσα κοινωνικής δικτύωσης. Ακολουθούν μερικά παραδείγματα που μπορείτε να εξετάσετε εάν θέλετε να χρησιμοποιήσετε αυτήν την προσέγγιση.
Jorge Rigabert
Αυτό το πανέμορφο site είναι ένα τέλειο παράδειγμα του στυλ στη δουλειά. Εδώ η πλευρική γραμμή περιέχει τις πρωτεύουσες τοποθεσίες επωνυμίας τοποθεσιών και τις επιλογές πλοήγησης. Αυτός ο τύπος προσέγγισης της πλευρικής γραμμής είναι μεγάλος επειδή διατηρεί την πλοήγηση σε προβολή καθώς κυλίεται η σελίδα, αλλά και επειδή δεν διασταυρώνεται με το περιεχόμενο καθώς μετακινείται. Αν και αυτό μπορεί να είναι μια λεπτή διάκριση, κάνει για μια απίστευτα ομαλή διασύνδεση. Τοποθεσίες όπως αυτή παρουσιάζουν μια κομψότητα που φαίνεται απλή, αλλά είναι εξαιρετικά δύσκολο να συγκεντρωθούν.
Περισσότεροι κίνδυνοι περισσότεροι ήρωες
Αγαπώ πραγματικά τον τρόπο με τον οποίο λειτουργεί αυτός ο ιστότοπος. Τα σταθερά στοιχεία στην πλαϊνή γραμμή είναι οι βασικές λειτουργίες που θέλουν να λάβουν οι ιδιοκτήτες ιστοτόπων. Περισσότερο από οτιδήποτε θέλουν να ακούσετε τη μουσική! Ως εκ τούτου, η προεξέχουσα και μόνιμα στην οθόνη "παιχνίδι" χαρακτηριστικό είναι έτοιμη και περιμένει. Δεν μπορώ να φανταστώ ένα πιο κρίσιμο στοιχείο για τον ιστότοπο και να τον δείξω τόσο εμφανώς έχει νόημα. Και πρέπει να αγαπάτε ότι δεν έχει παρουσιαστεί κατά τρόπο ανόητο. δεν παίζει αυτόματα. Kudos στον σχεδιαστή που έλεγξε αυτόν τον πειρασμό.
Yowza
Μερικές φορές είναι επιθυμητό να δημιουργηθεί ένα μοναδικό κολλώδες στοιχείο που προωθεί μια συγκεκριμένη λειτουργία. Το έχουμε δει με διάφορες υπηρεσίες ανατροφοδότησης και υποστήριξης που μπορείτε να συνδέσετε στον ιστότοπό σας. Σε αυτήν την περίπτωση, ένα κουμπί τύπου Facebook έχει τοποθετηθεί στην πλευρά του ιστότοπου. Παραμένει στη θέση του κατά τη μετακίνηση της σελίδας. Αυτό, βεβαίως, προσελκύει την προσοχή του χρήστη στο στοιχείο και τον ενθαρρύνει να το χρησιμοποιήσει. Θα έλεγα ότι αυτό δείχνει τη δύναμη και τη σημασία των κοινωνικών παραπομπών σε μια διαδικτυακή επιχείρηση όπως αυτή.
Ως δευτερεύουσα σημείωση, μου αρέσει η συστροφή του site στο κορυφαίο όριο των 10px που έχει γίνει τόσο δημοφιλές. Εδώ το στοιχείο απλά περιστρέφεται. Δεν είναι μια δραματική κίνηση, αλλά κάτι για αυτό είναι διασκεδαστικό και προσθέτει ένα στρώμα ενδιαφέροντος και ζωής στο site.
Fat-Man συλλογικό
Αυτός ο ιστότοπος ακολουθεί όλα τα μοτίβα που βρήκαμε στα προηγούμενα δείγματα μας. Αλλά ξεχωρίζει με τεράστιο τρόπο χάρη σε μια απλή κινούμενη εικόνα. Καθώς μετακινηθείτε προς τα κάτω στη σελίδα, ο χαρακτήρας στην πλευρική μπάρα κινείται και περπατάει. Αυτό το στοιχείο με μοναδικό τρόπο ανυψώνει τον χώρο σε μια μοναδική και αξέχαστη κατηγορία. Πώς είναι ότι κάτι τόσο ασήμαντο μπορεί να έχει τέτοιο αντίκτυπο. Παίρνει αυτό το απλό site και αντλεί το γεμάτο awesomeness. Δείχνει ότι ο οργανισμός πίσω από αυτό λατρεύει το γυάλισμα της δουλειάς τους με τους τύπους φινιρίσματος που κάθε πελάτης πρόκειται να πεθάνει.
Περισσότερα σταθερά στοιχεία της πλευρικής γραμμής
Ακολουθούν μερικά πρόσθετα παραδείγματα σταθερών πλευρικών ράβδων στην εργασία.
Ανόητα ποιήματα
Colin McKinney
Πληροφορητής
Αυτή είναι η Μαρσέλα
Janette D. Συμβούλιο
Λογότυπο μόνο
Μια προσέγγιση που δεν βρίσκουμε όλα αυτά συχνά είναι ένα λογότυπο σταθερής θέσης. Σε αυτό το παράδειγμα το λογότυπο έχει κλειδωθεί στη θέση του ακόμη και όταν η σελίδα κυλάει. Αυτή η άτυπη προσέγγιση διατηρεί το όνομα του χώρου μπροστά και στο κέντρο. Σχέδια όπως αυτό μπορεί να είναι ενδιαφέρον να εξεταστεί. Είναι πραγματικά δύσκολο να μαντέψουμε γιατί θα μπορούσαν να το κάνουν αυτό, αλλά μπορούμε μόνο να υποθέσουμε ότι το κύριο branding είναι κρίσιμης σημασίας. Ίσως να έχουν πολύ παρόμοιο ανταγωνισμό; Ίσως απλά θέλουν να σιγουρευτούν ότι θυμάστε το όνομά τους; Ανεξάρτητα από αυτό, είναι μια ενδιαφέρουσα τεχνική που αξίζει να θυμάστε αν ισχύει για το σχέδιό σας.
"Επιστροφή στην κορυφή"
Όταν πρόκειται για πραγματικά μεγάλες σελίδες ένα ωραίο χαρακτηριστικό που προσθέτετε είναι ένας σύνδεσμος που σας μεταφέρει στην κορυφή της σελίδας. Και με τα κολλώδη στοιχεία μπορείτε να δημιουργήσετε έναν τέτοιο σύνδεσμο που παραμένει στον ίδιο χώρο με τον κύλινδρο της σελίδας. Αυτά ακριβώς έχουν τα δείγματα που παρέχονται εδώ.
Το πιο συχνά ένα τέτοιο στοιχείο τοποθετείται ακριβώς έξω από τη διάταξη. Με αυτόν τον τρόπο δεν παρεμβαίνει σε τίποτα άλλο στο σχεδιασμό καθώς διασχίζει τη σελίδα. Θα παρατηρήσετε επίσης πώς αυτά τα στοιχεία έχουν συχνά ένα βέλος προς τα πάνω - ίσως ένα προφανές στοιχείο που πρέπει να συμπεριλάβετε, αλλά πολύ σημαντικό να έχετε κατά νου, καθώς ενημερώνει τους χρήστες γρήγορα για το σκοπό του.
Αυτή η προσέγγιση έρχεται σε αντίθεση με την έννοια της κολλητικής κεφαλίδας. Σε αυτή την περίπτωση, η πλοήγηση είναι πιο συχνά μόνο στην κορυφή της σελίδας. Έτσι, η επιστροφή είναι σημαντική καθώς επιτρέπει στους ανθρώπους να αναπηδούν γρήγορα γύρω από τα περιεχόμενα των ιστότοπων. Στην περίπτωση τοποθεσιών μίας σελίδας αν και αυτό μπορεί να είναι ένα ενοχλητικό επιπλέον βήμα.
Επικάλυψη
Αυτό το δείγμα δείχνει μια ωραία επιπλέον αφή στο ότι δεν δείχνει την επιστροφή στην κορυφή στοιχείο εκτός αν δεν είστε πραγματικά στην κορυφή της σελίδας. Ίσως μια προφανής λεπτομέρεια να συμπεριληφθεί, αλλά όπως θα διαπιστώσετε ότι δεν συμβαίνει πάντα. Μέρος της εξουσίας αυτής της προσέγγισης είναι ότι η ίδια η πράξη που εμφανίζεται εφιστά την προσοχή σε αυτήν για να εξασφαλίσει ότι ο χρήστης το γνωρίζει.
Δύο ακόμη δείγματα
Τα δύο ακόλουθα παραδείγματα έχουν και τα δύο επιστρέψει στα κορυφαία κουμπιά, αν και είναι ορατά όλη την ώρα. Είναι ενδιαφέρον για μένα ότι αυτό το στοιχείο τοποθετείται πιο συχνά στην κάτω δεξιά γωνία της οθόνης. Δεν είναι το πιο σημαντικό μέρος του σχεδιασμού, οπότε ίσως είναι δευτερεύουσα η φύση είναι καλή για ένα τόσο μικρότερο στοιχείο. Θα παρατηρήσετε βέβαια ότι το στοιχείο εξακολουθεί να επισημαίνεται με το σπάσιμο των συνόρων και με έντονα χρώματα. Υποθέτω ότι το ηθικό της ιστορίας είναι να εξετάσει τη σημασία της για τη χρήση του σχεδίου σας. Αν κάνει όλη τη διαφορά, βεβαιωθείτε ότι είναι ορατή.
Ψευδαίσθηση Σκέψη
Δουσάνκα & Δαβίδ
Πολλαπλά σταθερά στοιχεία
Σε αυτό το τελευταίο παράδειγμα θα ρίξουμε μια ματιά σε έναν ιστότοπο που έχει πολλά σταθερά στοιχεία στη σελίδα. Με πολλούς τρόπους ο ιστότοπος αυτός σπάει με τους περισσότερους κανόνες της σχεδίασης και της διαμόρφωσης ιστοσελίδων. Εκτός από το λογότυπο στην επάνω αριστερή γωνία, σχεδόν δεν υπάρχει τίποτα στη συνήθη θέση του.
Βρήκαμε μερικά στοιχεία που γνωρίζουμε με βάση αυτό το άρθρο, όμως, όπως η σταθερή πλάγια μπάρα. Ωστόσο, θα παρατηρήσετε ότι δύο άλλα δεν είναι τυπικά. Για παράδειγμα, το σταθερό υποσέλιδο που περιέχει κάποιες συνδέσεις ευρείας περιοχής. Πράγματα όπως οι πολιτικές απορρήτου και οι όροι και οι προϋποθέσεις σπάνια δικαιολογούν τέτοια εξέχουσα θέση σε μια σελίδα. Ακόμα εδώ μπορείτε να τα βρείτε τοποθετημένα στη σελίδα με κάποιους άλλους σημαντικούς συνδέσμους πλοήγησης.
Μου αρέσει πραγματικά πώς έχουν κολλήσει τους συνδέσμους του λογαριασμού χρήστη στην πάνω δεξιά γωνία. Σε αυτό το σημείο τοποθετούνται συχνά, αν και σπάνια ορίζονται εκεί ανεξάρτητα από την κύλιση όπως στην περίπτωση αυτή. Μου αρέσει αυτό γιατί εξασφαλίζει ότι μπορείτε πάντα να αποκτήσετε γρήγορα πρόσβαση στα χαρακτηριστικά του μέλους του site. κάτι που ίσως να ωφεληθούν μερικές άλλες εφαρμογές και ιστότοποι.
Όλα σε όλο αυτό το site είναι μακριά από το φυσιολογικό, αλλά κάτι για αυτό λειτουργεί απίστευτα καλά και είναι εύκολο να αγαπάς. Η ασυνήθιστη διάταξη του δεν καθιστά δύσκολη τη χρήση και το τελικό αποτέλεσμα είναι μια ξεχωριστή και ευχάριστη εμπειρία.
Πόροι
Τέλος, με αυτό το γύρο θα ήθελα να συμπεριλάβω κάποια χρήσιμα jQuery plugins που καλύπτουν την ανάγκη ταυτοποίησης στοιχείων σε μια συγκεκριμένη θέση σε μια σελίδα. Προσφέρουν διαφορετικά χαρακτηριστικά που θα ταιριάζουν στις διάφορες ανάγκες που μπορεί να έχετε, οπότε φροντίστε να τα εξερευνήσετε όλοι για να βρείτε τη σωστή εφαρμογή.
Το μεγάλο πράγμα είναι ότι είναι όλα τα jQuery plugins και είναι εξαιρετικά απλά στην εφαρμογή. Εάν θέλετε να παράγετε αυτό το στυλ, αυτές θα κάνουν τουλάχιστον μια εύκολη δουλειά.
Meerkat
Meerkat είναι ένα από τα αγαπημένα μου εργαλεία για αυτή τη συγκεκριμένη δουλειά. Η ικανότητά του να είναι κρυμμένη καθιστά ένα εξαιρετικό εργαλείο για την προβολή διαφημιστικού περιεχομένου ή σημαντικών χαρακτηριστικών, όπως είναι οι ενότητες εγγραφής ηλεκτρονικού ταχυδρομείου.
Stickyscroll
Stickyscroll είναι ένα πρόσθετο που σας επιτρέπει να δημιουργείτε στοιχεία που μετακινούνται με τη σελίδα μέχρι να φτάσουν στην κορυφή και στη συνέχεια να κολλήσουν στη θέση τους. Αυτό το πρόσθετο βοηθά επίσης να διασφαλίσουμε ότι τα στοιχεία δεν μετακινούνται σε μια υποσέλιδο, δίνοντάς της ένα κάτω όριο. ένα ωραίο επιπλέον χαρακτηριστικό για σίγουρο.
Σημεία
Σημεία σας επιτρέπει να ενεργοποιήσετε τα συμβάντα jQuery όταν ένας χρήστης μετακινηθεί σε συγκεκριμένα σημεία μιας σελίδας. Αυτό είναι χρήσιμο αν θέλετε να επισημάνετε ή να αλλάξετε την πλοήγηση ώστε να ταιριάζει με τη θέση του χρήστη στη σελίδα. Αλλά η διασκέδαση δεν τελειώνει εκεί καθώς υπάρχουν αμέτρητα πράγματα που μπορείτε να κάνετε σε μια σελίδα ή το σχεδιασμό καθώς ο χρήστης περιστρέφεται και αλληλεπιδρά με αυτόν.
συμπέρασμα
Τα σταθερά στοιχεία είναι πλέον ένα κοινό στοιχείο που μπορούν να δημιουργήσουν οι σχεδιαστές. Τα εργαλεία για την επίτευξη τέτοιων λειτουργιών και η πλήρης υποστήριξη του προγράμματος περιήγησης δεν αποτελούν πλέον πρόβλημα.
Ως εκ τούτου, είναι μια μεγάλη τεχνική για να κρατήσετε στη ζώνη εργαλείων σας και να τραβήξετε όταν ο χρόνος είναι σωστός. Τέτοιες προσεγγίσεις, φυσικά, δεν είναι το είδος του αντικειμένου που χρησιμοποιείτε καθημερινά, αλλά μπορεί να είναι απίστευτα ισχυρό όταν χρησιμοποιείται αποτελεσματικά.