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 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.
ההשפעה של גלילת פרלקס על המשתמש
עם זאת, הטכניקה אינה ממש חדשה, ולמעשה נעשה בה שימוש באנימציה מסורתית כבר משנות ה-20 של המאה ה-20. היא שימשה גם במשחקי וידאו קלאסיים רבים, כמו האחים סופר מריו.
אולם בתחום עיצוב האתרים, נייקי נחשבת לעתים קרובות לאחת מהראשונות שהשתמשו בגלילת פרלקס בשנת 2011. מאז, המונח "גלילת פרלקס" (הנקרא לעתים "רקע/י פרלקס") הפך למונח שגור בקרב מעצבים ומפתחים כאחד, והפופולריות שלו גדלה בהתמדה.
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.
מה יוצא מזה למשתמש
מה שנפלא באפקט הזה הוא שהוא מניע משתמשים ליצור אינטראקציה עם האתר שלכם, ומעצים הן את מעורבות המשתמשים והן את כושר המשיכה של האתר. וכאשר הוא נעשה נכון, גלילת פרלקס יכולה להפיח חיים אפילו באתרים הפשוטים ביותר. ניתן אפילו להשתמש בה כדי ליצור נרטיבים מרהיבים שסוחפים מיד את כל המבקרים באתר.
שתפו אותנו בעבודות שלכם!
אז מה אתם חושבים? האם כבר יצא לכם להשתמש בתכונת רקע הפרלקס החדשה ביותר מ-PBS v4? האם היא עובדת לטובתכם? אתם מוזמנים לשתף אותנו בקישור לעבודה שלכם, או להשאיר הצעות באזור התגובות למטה.
בניית אתרים מהנה!