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.
Định nghĩa về Cuộn thị sai (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.
Tác động của cuộn thị sai đến người dùng
Tuy nhiên, kỹ thuật này không hẳn là mới mẻ và thực tế đã được sử dụng trong hoạt hình truyền thống từ tận những năm 1920. Nó cũng được áp dụng trong rất nhiều trò chơi điện tử kinh điển, chẳng hạn như Super Mario Bros.
Dù vậy, trong lĩnh vực thiết kế web, Nike thường được ghi nhận là một trong những bên đầu tiên sử dụng hiệu ứng cuộn thị sai vào năm 2011. Kể từ đó, thuật ngữ “parallax scrolling” (đôi khi được gọi là “hình nền thị sai/parallax background”) đã trở thành một thuật ngữ phổ biến đối với cả các nhà thiết kế lẫn nhà phát triển, với độ phổ biến không ngừng gia tăng.
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.
Người dùng nhận được lợi ích gì
Điểm tuyệt vời của hiệu ứng này là thúc đẩy người dùng tương tác với trang web của bạn, làm tăng cả mức độ tương tác lẫn sức hút đối với người dùng. Và khi được thực hiện đúng cách, cuộn thị sai có thể thổi hồn vào cả những trang web đơn giản nhất. Thậm chí nó còn có thể được sử dụng để tạo ra những câu chuyện kể đầy lôi cuốn ngay lập tức thu hút mọi người xem trang web.
Hãy chia sẻ tác phẩm của bạn với chúng tôi!
Vậy các bạn nghĩ sao? Bạn đã sử dụng tính năng hình nền thị sai mới nhất từ PBS v4 chưa? Nó có mang lại hiệu quả cho bạn không? Đừng ngần ngại gửi liên kết đến tác phẩm của bạn hoặc để lại một số đề xuất trong phần bình luận bên dưới nhé.
Chúc bạn xây dựng trang web vui vẻ!