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

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.

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
Có: 0/0 đã 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