30+ ιστότοποι που αποδεικνύουν παραλλαξία δεν είναι νεκροί

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

Ένας καλύτερος ορισμός θα ήταν: Parallax κύλιση είναι μια περιοχή στην οποία τα στοιχεία κύλισης σε διαφορετικές ταχύτητες δημιουργώντας ένα δυναμικό αποτέλεσμα.

Οτιδήποτε άλλο, η κύλιση parallax είναι κακή για έναν ιστότοπο, όταν έχει γίνει άσχημα. Αλλά τόσα πολλά sites κάνουν parallax καλά.

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

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

Επικεφαλίδα parallax

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

Ο Κρις Ρόμπερτς

Tim de Graag

Εβδομάδα σχεδιασμού Μιλάνο

Y7K

Kontor

Τα κρασιά Bill Byron

Οι Χώροι

Karen Atherley

Παράλλαξη κειμένου

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

Fletcher Systems

Βιομηχανική τέχνη

μήλο

Μια άλλη διαφυγή

Μου αρέσει η φωτογραφία

Λεπτές παραλλαξ

Όπως και ο πρώην grrrl των ταραχών, του οποίου το μοναδικό νεύμα στα εφηβικά της χρόνια είναι υπερβολικός ενθουσιασμός για το eyeliner σε ένα βράδυ του Σαββάτου, έχει αναπτυχθεί παράλλαξη parallax. Λεπτές εφέ parallax που εφαρμόζονται σε μερικά στοιχεία δημιουργούν μια κομψή εμπειρία περιήγησης που γοητεύει και εμπλέκει τον χρήστη.

Χαρακτήρας

Ξηροί καρποί

Θα πρέπει να αγαπάτε το Frontend

Hay Rosie

Harewood Estate

Παράπλευρο σημείο σταθερού σημείου

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

Μορφή

Τροφοδοτείται με καύση

Simon Foster

Κλασική παράλλαξη

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