גוללים קדימה - אתרי הפרלקס המרשימים בעולם

בשנת 2011 החליטה חברת אדובי להפסיק לתמוך בטכנולוגיית פלאש בטלפונים חכמים, וזאת כדי להתמקד בכלי פיתוח ל-5HTML. צעד זה נתן מכת נוקאאוט לטכנולוגיית הפלאש, ולמעשה היווה אמירה חשובה בעולם הדיגיטל: ה-5HTML טוב ממנה בהרבה.

ואכן, מאז שה-HTML5 וה- CSS3נכנסו לחיינו, נחשפנו ליכולות פיתוח ועיצוב אתרים בסטנדרטים שונים לחלוטין מאלו שהכרנו עד כה – החל מפיצ'רים מתקדמים וכלה באפקטים עיצוביים מעניינים וייחודיים.

אחד מאותם אפקטים הוא אשליית ה-Parallax (ההיסט הזוויתי): אתרי אינטרנט שהגלילה שלהם (Parallax Scrolling) גורמת להזזה אטית של רקע האתר בהשוואה לקדמת האתר, וכתוצאה מכך יוצרת תחושה של D3 – צפייה באתר תלת ממד.


האתר הראשון שאִפשר
Parallax Scrolling היה אתר האינטרנט של חברת נייק, אשר תוכנן ועוצב בשנת 2011. האתר העניק לגולשים חוויית משתמש מהנה ומרשימה שלא הייתה קיימת באתרים אחרים, ולמעשה מיצב את נייק כחברה שלא מפסיקה להתחדש ולבלוט.


אחרי נייק, כצפוי, צצו אין-ספור אתרי
Parallax, אך יחד אִתם צצה גם ההבנה שאין זה דבר של מה בכך. סגנון עיצובי זה מחייב הקפדה על כמה היבטים חשובים: קריאייטיב ומעוף, דייקנות עיצובית, יכולת פיתוח ועוד - ולצד אתרים מושקעים ומרהיבים הופיעו כמה אתרים שניסו ליישם את אפקט ה-Parallax אך נכשלו והציגו אתר עמוס ולא נוח לגלישה.


למי שעדיין לא התאהב בז'אנר, הנה כמה אתרים שעשו שימוש ב-
Parallax Scrollingבאופן מושלם:

 

האתר של מריו, משחק הילדות המוכר לכולנו

http://www.nintendo.com.au/gamesites/mariokartwii/image001.png

רשת חנויות התיקים האיטלקית באתר מעורר השראה

http://www.bagigia.com/

image002.png 

נראה שחברת המשקפיים אוקלי מייצרת הרבה יותר ממשקפיים טובים

http://moto.oakley.com/

image003.png

 

חברת העיצוב מברוקלין מספקת לנו אתר בניחוח ניו-יורקי ובעיצוב אלגנטי ונקי

http://www.madwell.com/

image004.png 

המותג של טויוטה מציג אתר שמצדיק את היוקרה

http://www.lexusls.asia/

image005.png

 

הממלכה האבודה אטלנטיס מונצחת בעיצוב מרהיב

http://lostworldsfairs.com/atlantis/

image006.png 

האתר של חברת הפרסום הצרפתית ממחיש מה זה קריאייטיב

http://www.numero10.ch/fr/home/

image007.png


והפעם מחווה מרשימה לספינת הפאר טיטאניק

http://titanic.q-music.be/ 

image008.png

 

 

תגובות