The parallax scrolling effect is a design technique that’s relatively new in development and web design. Over the past few years since it’s hit the scene though, it’s grown pretty popular in its own right, and with good reason, too.
Ορισμός του Parallax Scrolling
Parallax scrolling is a technique wherein your web page’s background image scrolls at a slower rate compared to the foreground image. It gives the user a unique sense of depth and action while scrolling through a page when used on a website.
Without Parallax Scrolling
The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.
With Parallax Scrolling
The background image scrolls at a different rate as the rest of the elements in the page.
Ο αντίκτυπος του Parallax Scrolling στον χρήστη
Η τεχνική δεν είναι ακριβώς νέα, ωστόσο, και έχει στην πραγματικότητα χρησιμοποιηθεί στο παραδοσιακό animation ήδη από τη δεκαετία του 1920. Έχει επίσης χρησιμοποιηθεί σε πολλά κλασικά βιντεοπαιχνίδια, όπως το Super Mario brothers.
Στον τομέα του σχεδιασμού ιστοσελίδων όμως, η Nike συχνά αναγνωρίζεται ως μία από τις πρώτες που χρησιμοποίησαν το parallax scrolling το 2011. Έκτοτε, ο όρος «parallax scrolling» (μερικές φορές αποκαλείται «parallax φόντο/α») έχει γίνει ένας κοινός όρος τόσο μεταξύ των σχεδιαστών όσο και των προγραμματιστών, αυξάνοντας σταθερά τη δημοτικότητά του.
Parallax scrolling as used in a version of Super Mario Brothers. Notice how the hills in the background move
in slightly varying speeds, as compared to Mario and the other characters in the foreground.
Ποιο είναι το όφελος για τον χρήστη
Το σπουδαίο με αυτό το εφέ είναι ότι παρακινεί τους χρήστες να αλληλεπιδράσουν με τον ιστότοπό σας, αυξάνοντας τόσο την αλληλεπίδραση των χρηστών όσο και την ελκυστικότητα. Και, όταν γίνεται σωστά, το parallax scrolling μπορεί να δώσει ζωή ακόμη και στους πιο απλούς ιστότοπους. Μπορεί ακόμη και να χρησιμοποιηθεί για τη δημιουργία εκπληκτικών αφηγήσεων που προσελκύουν αμέσως όλους τους επισκέπτες του ιστότοπου.
Μοιραστείτε τη δουλειά σας μαζί μας!
Εσείς λοιπόν τι πιστεύετε; Έχετε χρησιμοποιήσει ακόμη τη νεότερη λειτουργία parallax background από το PBS v4; Λειτουργεί προς όφελός σας; Μη διστάσετε να συνδέσετε τη δουλειά σας ή να αφήσετε μερικές προτάσεις στην ενότητα των σχολίων παρακάτω.
Καλή δημιουργία ιστοσελίδων!