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
อย่างไรก็ตาม เทคนิคนี้ไม่ใช่เรื่องใหม่เสียทีเดียว และความจริงแล้วถูกนำมาใช้ในแอนิเมชันแบบดั้งเดิมตั้งแต่ช่วงทศวรรษ 1920 นอกจากนี้ยังถูกใช้ในวิดีโอเกมคลาสสิกหลายเกม เช่น Super Mario Bros.
ทว่าในแวดวงการออกแบบเว็บ Nike มักได้รับการยกย่องว่าเป็นหนึ่งในผู้ริเริ่มนำ parallax scrolling มาใช้เป็นรายแรกๆ ในปี 2011 นับตั้งแต่นั้นเป็นต้นมา คำว่า “parallax scrolling” (บางครั้งเรียกว่า “parallax background/s” หรือภาพพื้นหลังแบบพารัลแลกซ์) ก็กลายเป็นคำที่คุ้นหูในหมู่นักออกแบบและนักพัฒนา โดยได้รับความนิยมเพิ่มขึ้นเรื่อยๆ อย่างต่อเนื่อง
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 ใหม่ล่าสุดจาก PBS v4 แล้วหรือยัง? ใช้งานได้ตอบโจทย์คุณดีไหม? อย่าลังเลที่จะส่งลิงก์ผลงานของคุณมาให้เราดู หรือฝากข้อเสนอแนะไว้ในช่องแสดงความคิดเห็นด้านล่างได้เลย
ขอให้สนุกกับการสร้างเว็บไซต์!