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

Phần 2 trong loạt 50 thiết kế web có parallax scrolling tuyệt đẹp.

11. Why Your Brain Craves Infographics

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

Thiết kế web sử dụng Infographic này trở nên thu hút hơn nhờ thanh cuộn parallax mượt mà. Nó được thiết kế nhờ công nghệ tiên tiến của HTML5 và CSS3.

12. 5emegauche

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

Thông thường các thiết kế web chỉ sử dụng một hiệu ứng cuộn trang từ đầu đến cuối nhưng với website này thì mỗi một trang con lại có một hiệu ứng parallax scrolling riêng. 

13. Atlantis World’s Fair

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

The Atlantis World’s Fair sử dụng parallax scrolling để kể một câu chuyện của họ với sự kết hợp của cách làm infographic. Thiết kế web trên mang lại một cách tiếp cận và tương tác thông tin tạo hứng thú cho người dùng.

14. Every last d-rop

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

Hiệu ứng animation, parallax scrolling kết hợp trong website này nhằm giúp cho việc kể câu chuyện về đề tài nước thêm hấp dẫn hơn. Website có thông điệp kêu gọi tiết kiệm nước. 

15. Seattle Space Needle

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

Hình ảnh chân thực về cuộc sống được tái hiện trên website Atlantis World's Fair. Hiệu ứng cuộn trang parallax góp phần làm nên tính chân thực và cảm xúc cho người xem. giúp họ cảm nhận được không gian thực tế.

16. Golden State of Mind

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

Golden State of Mind là bức tranh sinh động và chân thực về vùng đất California, Mỹ. Với sự hỗ trợ của hiệu ứng parallax scrolling, chân dung cuộc sống, thời trang, nhà hàng, sự hạnh phúc...hiện ra trước mắt người xem. 

17. Living Word

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

Phương án được website này sử dụng để truyền tải được khối lượng lớn thông tin mà vẫn đảm bảo sự hứng thú với người xem web, đó là sử dụng hiệu ứng cuộn trang parallax. 

18. Spotify

 50 thanh cuộn parallax tuyệt đẹp cho website (P.2)
Spotify employs subtle use of parallax scrolling on its introductory page

Spotify sử dụng hiệu ứng parallax scrolling đầy tinh tế để giới thiệu về mình. Những tính năng và lợi ích của ứng dụng âm nhạc Spotify được đề cập ở landing page và phần hiệu ứng cuộn trang xuất hiện ở ảnh nền.  

19. Madwell

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

Sử dụng parallax scolling để mang lại chiều sâu cho hình ảnh. Các vật thể xuất hiện theo phong cách 3D giúp mang lại cho portfolio ấn tượng thị giác tuyệt vời. 

20. The Jacksonville Downtown Art Walk

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

The Jacksonville Downtown Art Walk là một lễ hội văn hóa tổ chức hàng tháng trên phạm vi rộng của thành phố với những cửa hàng, bảo tàng, quán bar và màn trình diễn đường phố sôi động. Hiệu ứng cuộn trang được thêm vào website nhằm giúp cho trải nghiệm khám phá các màu sắc của lễ hội này trở nên sinh động hơn.  

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: www.youthedesigner.com
Có: 5/1 đã cho sao
tiếc gì 1 click để cho sao

Bạn đã xem chưa?

So sánh Relational Database của Alibaba, Amazon, Google, IBM và Microsoft

So sánh Relational Database của Alibaba, Amazon, Google, IBM và Microsoft

Bạn đang xử lý dữ liệu của khách hàng hay ghi lại hàng loạt các thông tin giao dịch lớn? Bạn đang tìm hiểu về Relational Database và phân vân chưa biết chọn tên tuổi nào? Hoặc bạn đang cần lưu trữ dữ liệu từ máy tính, điện thoại hoặc các thiết bị IoT?

Google.org "hé lộ" cách chống lại thông tin sai sự thật

Google.org "hé lộ" cách chống lại thông tin sai sự thật

Mới đây, Google công bố Google.org đã hợp tác với Full Fact phát triển công cụ AI để phát hiện tin giả trên internet.

[Google Workspace] Mẹo giữ kết nối dễ dàng với Meet trong Gmail trên điện thoại di động

[Google Workspace] Mẹo giữ kết nối dễ dàng với Meet trong Gmail trên điện thoại di động

Mới đây, Google cập nhật thêm tính năng cuộc họp video trực tuyến (Meet) trên Gmail bằng tab meet trên ứng dụng di động

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