Di chuyển thị sai trong thiết kế web - Khái niệm

Bây giờ chúng ta đã hiểu nguồn gốc và nền tảng của Parallax, chúng ta hãy hiểu lịch sử và khái niệm của Parallax cuộn trong thiết kế web.

Định nghĩa

Theo Wikipedia - Parallax scrolling là một kỹ thuật trong đồ họa máy tính trong đó hình ảnh nền di chuyển qua máy ảnh chậm hơn so với hình ảnh tiền cảnh, tạo ảo giác về chiều sâu trong cảnh 2D và tăng thêm cảm giác đắm chìm trong trải nghiệm ảo.

Di chuyển thị sai đã được sử dụng trong những ngày đầu của hoạt hình. Nhiều hãng phim hoạt hình (như Disney) đã sử dụng máy ảnh đa mặt phẳng để đạt được hiệu ứng thị sai.

Khi công nghệ đồ họa máy tính phát triển cùng với các khuôn khổ tiên tiến như JavaScript, các nhà thiết kế và phát triển web giờ đây có thể xây dựng các trang web với trải nghiệm phong phú. Mặc dù thao tác cuộn thị sai bắt đầu với một vài lớp, nhưng nó đã được đưa lên cấp độ tiếp theo với các thanh cuộn trong máy tính. Kỹ thuật này vẫn giữ nguyên, nhưng do ứng dụng của nó cho Scrolling, một trải nghiệm độc đáo đã được tạo ra.

Ví dụ

Di chuyển thị sai được sử dụng rộng rãi trong các trang web hiện đại. Vì thao tác cuộn thị sai có thể được triển khai cho điện thoại di động cũng như các trang web trên máy tính chỉ trong một lần, nên mức độ phổ biến của các trang web như vậy đã tăng vọt trong những năm gần đây.

Dưới đây là một số ví dụ về các trang web sử dụng thao tác cuộn thị sai:

Bear Grylls

Khi hoạt ảnh tiếp tục, bạn sẽ có thể thấy nội dung trang web tương tác như thế nào. Khi bạn cuộn về phía trước, ngày càng có nhiều thông tin hơn sẽ được tiết lộ.

Kiếm tiền của bạn quan trọng

Để giới thiệu cho người đọc những lợi ích của liên minh tín dụng, trang web này sẽ đưa bạn qua một cốt truyện. Khi bạn cuộn lên phía trước, thông tin sẽ được tiết lộ theo một cách độc đáo.

Infographic InfoQuest

Hành trình của một nhân viên để tìm kiếm thông tin quan trọng tại nơi làm việc của anh ta được mô tả bằng cách sử dụng trải nghiệm cuộn.

GitHub 404

Điều này hơi khác so với trải nghiệm thị sai thông thường, đối tượng ở đầu màn hình di chuyển khi bạn di con trỏ chuột qua nó.

Các ứng dụng của Parallax Scrolling

Bây giờ, cần phải rõ ràng từ định nghĩa và nền tảng rằng cuộn thị sai rất hữu ích trong nhiều loại phương tiện kỹ thuật số. Dưới đây là một số ứng dụng đang di chuyển thị sai -

Thiết kế trò chơi

Di chuyển thị sai được sử dụng rộng rãi trong thiết kế trò chơi. Nhân vật cần phải di chuyển so với nền và với sự điều khiển của người chơi bằng chuột và bàn phím, toàn bộ trải nghiệm cần phải thay đổi. Thiết kế trò chơi là cách sử dụng thao tác cuộn thị sai nhưng rất hợp thời trang.

Trang web

Để khiến người dùng nắm bắt được trang web, một số trải nghiệm năng động và khác biệt là rất quan trọng. Như bạn có thể nhận thấy từ các ví dụ về các trang web được thảo luận ở trên, thao tác cuộn thị sai bổ sung thêm vào nội dung vì sự thể hiện của nó theo cách tương tác.