50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Phần 3 trong bộ sưu tập 50 thiết kế web sử dụng hiệu ứng parallax scrolling.

21. Von Dutch

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Von Dutch kể một câu chuyện về quá trình thành lập của nó bằng việc sử dụng parallax scrolling để thêm các chi tiết chuyển động. Các icon và hình ảnh di chuyển mỗi khi bạn cuộn trang, khiến toàn bộ thiet ke web trở nên sinh động.

22. Fannabee

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Fannabee là một thiết kế website dành cho fan của nghệ sỹ âm nhạc. Hình ảnh được tập trung ở chính giữa và câu truyện được kể thông qua mỗi lần bạn cuộn trang.

23. Peugeot Hybrid4

 50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Peugeot sử dụng parallax scrolling để tạo ra một tác phẩm truyện tranh tự kể trên trình duyệt, qua đó quảng cáo cho chiếc xe đời mới của họ theo một cách rất thuyết phục và mới mẻ.

24. Cultural Solutions

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Những vòng tròn chuyển động một cách tinh tế nhờ hiệu ứng 3D trên thiet ke website này. Hiêu ứng parallax scrolling được thêm vào để làm cho website có chiều sâu ấn tượng.

25. jQuery Conference

 50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Hiệu ứng parallax scrolling được dùng thay thế cho animation trong nhiều trường hợp, bởi nó tiết kiệm dung lượng hơn, hiệu ứng tinh tế hơn và mượt mà hơn và với website này họ cũng áp dụng sự thay thế đó.

26. Shape

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Website của công ty thiết kế này sử dụng parallax scrolling để giải thích quá trình thiết kế của họ. Hiệu úng animation mô tả cách làm việc của họ, giúp mang lại ấn tượng trực quan sinh động.

27. Nintendo

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Nitendo sử dụng cuộn trang parallax để kể câu truyện về lịch sử ra đời của một loại trò chơi của họ. Điều này giúp người xem được đến với hành trình khám phá một cách độc đáo và khó quên.

28. Activate Drinks

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Activate Drinks là hãng cung cấp đồ uống có vitamin. Website của hãng này muốn kể câu chuyện của họ theo một cách khác. Do đó họ sử dụng parallax scrolling với những bong bóng ở nền để giúp câu chuyện của họ được kể hấp dẫn hơn.

29. The Whitehouse’s Iraq Timeline

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

The White House sử dụng parallax scrolling để tạo ấn tượng hình ảnh sâu sắc hơn về chiến trang Irac và hiệu ứng parallax scrolling đã hỗ trợ tốt cho mục đích này.

30. Pitchfork Cover Stories

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Website có giao diện giống như một tạp chí in nhưng với những tính năng như parallax scrolling, phỏng vấn tương tác, vidoe nội dung...Đây thực sự là một thiết kế xuất sắc với kỹ thuật parallax scrolling hoàn toàn hợp lý.

Tác giả bài viết: Phùng Thanh Hằng
Có: 0/0 đã cho sao
tiếc gì 1 click để cho sao

Bạn đã xem chưa?

Các phương pháp hay để duy trì hiệu suất trang web khi sử dụng Shared Hosting

Các phương pháp hay để duy trì hiệu suất trang web khi sử dụng Shared Hosting

Các vấn đề về hiệu suất trang web thường gặp khi sử dụng các dịch vụ lưu trữ trang web chia sẻ (còn gọi là Shrae hosting). Dưới đây là một số mẹo tối ưu để tăng hiệu suất cho trang web của bạn.

Google khẳng định giá trị của xây dựng liên kết tiếp cận, tuy nhiên có dễ không?

Google khẳng định giá trị của xây dựng liên kết tiếp cận, tuy nhiên có dễ không?

John Mueller đã nói rằng việc xây dựng các liên kết như một chiến lược là tốt, tuy nhiên cần nằm trong giới hạn được chấp nhận.

Cách Google phản ứng với việc thay đổi tên miền cho trang web

Cách Google phản ứng với việc thay đổi tên miền cho trang web

John Mueller (Google) đã mô tả quy trình nội bộ của Google trong việc xử lý di chuyển tên miền của trang web

Quay lại trang Blog
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây