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

Chủ nhật - 29/04/2018 22:00

Phần 4 trong bộ sưu tập 50 thiết kế web có sử dụng thanh cuộn parallax đẹp mắt.

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

31. Green Man

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

YCN Studio took care of the entire Green Man festival rebrand

YCN Studio đảm nhận việc thiết kế lại hình ảnh cho Green Man festival trong đó có thiết kế website quảng bá của nó. Đồ họa, bố cục, màu sắc đều mang đến ấn tượng sâu sắc về lễ hội đặc biệt này. Bạn sẽ cảm nhận đầy đủ nhất khi cuộn trang để duyệt web.

32. Soleil Noir 2012 | We believe in...

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

Thiết kế web này ban đầu giống như một tấm thiệp. Nó sử dụng những màu sắc đơn giản nhưng bắt mắt, hiệu ứng parallax cùng với navigation ấn tượng đã làm nên nét riêng cuốn hút từ website này.

33. Oakley

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

Website sử dụng hiệu ứng cuộn trang kết hợp cùng nhiếp ảnh hiện đại, làm tôn lên vẻ đẹp của sản phẩm mà nó quảng bá.

34. Jason Kenny OBE

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

Website đẹp mắt này quảng bá cho sự kiện Olympic English. Nó có thiet ke web đơn trang, cuộn trang theo chiều ngang và kỹ thuật cuộn trang thì không có gì để chê trách.

35. La Moulade

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

Một ví dụ cho sự tăng trưởng về số lượng của các website sử dụng vị trí cuộn trang để trình diễn những hiệu ứng animation đẹp mắt. Widget naigation có hiệu ứng nổi trên top, chỉ cho bạn thấy vị trí của mình cũng như cho bạn biết cách đến khu vực khác nhanh nhất.

36. Marmoset

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

Được tạo ra bởi một đội ngũ các nhạc sỹ có uy tín, Marmoset giúp bạn tạo ra những soundtrack cho riêng mình. Hiệu ứng cuộn trang mượt mà góp phần làm cho trải nghiệm người dùng vừa ấn tượng về thẩm mỹ, vừa ấn tượng về thính giác.

37. Walking Dead

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

Nếu bạn là fan của se-ri phim The Walking Dead thì chủ đề của website này chắc chắn không xa lạ với bạn. Website sử dụng hiệu ứng parallax scrolling để đưa bạn vào một thế giới đáng sợ.

38. New York Times: Tomato Can Blues

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

New York Times mang đến một website với phần cuộn trang đẹp mắt cùng lối kể truyện thông minh dựa trên đồ họa của truyện tranh. Website mang đến ví dụ về cách làm hiệu ứng parallax scrolling tuyệt vời, nhờ đó mà người xem trải nghiệm được câu truyện với trọn vẹn cảm xúc của mình.

39. Health Service Payouts

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

Bất kể là dịch vụ y tế công hay tư thì vấn đề của nó là chi phí khám chữa bệnh đang tăng lên. Đây là một website có nội dung phản ánh một vấn đề xã hội. Nó được làm mới bằng cách kể truyện thông qua infographic và hiệu ứng cuộn trang chính là biện pháp để kể truyện một cách ấn tượng nhất.

40. We are Unfold

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

Đây là ví dụ về website sử dụng cuộn trang thông minh, kết hợp cùng navigation độc đáo. Đặc biệt nhất là bạn có thể cuộn trang không giới hạn nhờ kỹ thuật thiết kế khiến quá trình duyệt trang lặp lại vô tận.

Tác giả bài viết: Phùng Thanh Hằng