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?

Họp nhiều phòng ban, lên lịch họp ngày càng dễ hơn với Google Meet

Họp nhiều phòng ban, lên lịch họp ngày càng dễ hơn với Google Meet

Trong một cuộc khảo sát toàn cầu gần đây của Google ủy quyền từ Economist Impact, để tìm hiểu về việc người dùng tìm kiếm cách thức để làm việc và kết nối với nhau với mô hình làm việc từ xa.

Tại sao nên chọn đăng ký Google Workspace tại Ngôi Sao Số

Tại sao nên chọn đăng ký Google Workspace tại Ngôi Sao Số

Bạn đang phân vân không biết lựa chọn đối tác nào để chuyển đổi gói G Suite miễn phí sang Google Workspace, thử tìm hiểu một số thế mạnh của chúng tớ nhé.

Công cụ Google Workspace Migrate dành cho quản trị viên tài khoản hiện đã sẵn sàng

Công cụ Google Workspace Migrate dành cho quản trị viên tài khoản hiện đã sẵn sàng

Công cụ Google Workspace Migrate giúp việc di chuyển dữ liệu từ các đơn vị thứ 3 về sử dụng dịch vụ Google workspace dễ dàng hơn. Ngoài việc kiểm tra và lập kế hoạch, nó còn giúp quan sát lập kế hoạch di chuyển tốt hơn.

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