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?

[Blog thiết kế] Số 01(14/9/2020): Intel thay logo, Lightweight trình duyệt web siêu nhẹ

[Blog thiết kế] Số 01(14/9/2020): Intel thay logo, Lightweight trình duyệt web siêu nhẹ

Hàng tuần, nhiều nội dung thú vị về thiết kế ở mọi ngóc ngách trên thế giới được Ngôi Sao Số tổng hợp gởi đến chị em thiết kế.

[9/2020] Nghiên cứu quan trọng cần biết cho các nhà thiết kế web

[9/2020] Nghiên cứu quan trọng cần biết cho các nhà thiết kế web

Ở Việt Nam chúng ta đa phần phán theo cảm tính. Nhưng hãy tập tin vào số liệu, vì nó như xác xuất thống kê giúp bạn đong đếm chính xác các vấn đề của bạn. Những dữ liệu quý giá này không phải ai cũng có thể làm và biết. Cùng khám phá với Ngôi Sao Số nhé.

5 mẹo để thiết kế trang web một trang hiệu quả

5 mẹo để thiết kế trang web một trang hiệu quả

Web one-page hay còn gọi là trang web chỉ có một trang, hoặc các trang landing page chỉ để giới thiệu một chương trình khuyến mãi ... làm thế nào để nó hiệu quả? Cùng xem bài viết nhé

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