25 website sử dụng hiệu ứng Parallax Scrolling tuyệt đẹp
Đối với kiểu thiếu kế đơn trang sử dụng hiệu ứng cuộn parallax thì người dùng web sẽ không cần click chuột để mở các trang này đến trang khác, tất cả được nối liền một dải trong một trang duy nhất và cách để xem từ đầu đến cuối là dùng động tác cuộn trang.
Đây là một bước đột phát trong lĩnh vực thiết kế web, vượt qua những cú click truyền thông vốn tồn tại từ xưa tới nay, mang lại trải nghiệm hoàn toàn mới mẻ và thích thú cho người dùng web. Không gì giúp người ta kể một câu chuyện hoàn hảo trên website bằng cách thiết kế cuộn trang. Cùng với hiệu ứng parallax thì càng làm trải nghiệm người dùng đáng giá hơn. Ngoài ra, cách duyệt web như thế này giúp tiết kiệm thời gian hơn cho người dùng, bởi họ không phải mất thời gian ấn chuột vào nhiều trang nhỏ, rồi lại back về hoặc làm nhiều động tác điều hướng. Thêm nữa, câu chuyện mà bạn kể trên thiết kế web đơn trang, cũng như cảm hứng của người xem cũng sẽ được liền mạch và trọn vẹn. Giống như người dùng web vừa được dẫn dắt qua một hành trình ngắn nhưng đầy thú vị thông qua website của bạn.
Đương nhiên để tạo ra một câu chuyện thành công cho thiet ke web của mình, bạn cần có một bố cục hợp lý, phần nào sẽ xuất hiện trước, phần nào sẽ xuất hiện ở cuối cùng khi người dùng kéo chuột đến hết trang. Ngoài ra bạn cũng phải đảm bảo việc load trang không làm mất thời gian của người dùng web, vì nếu load trang lâu thì cũng không khá hơn gì so với dùng cách click chuột để duyệt web như truyền thống.
Bạn có thể kết hợp thêm nhiều bất ngờ thú vị cho người xem khi cuộn trang. Chẳng hạn như cho thêm animation, thêm các video hay hình ảnh hoặc chi tiết đặc sắc, để mỗi lần người dùng web cuộn chuột là thêm một điều thú vị mở ra. Làm được điều này, người dùng web của bạn sẽ nhớ về website lâu hơn.
Hãy cùng xem những ví dụ dưới đây và rút ra kinh nghiệm cho bạn trong việc thiết kế website chuyên nghiệp đơn trang với hiệu ứng parallax scrolling.
Beatbox Academy
Discover Shadow
This is Now
Sam Markiewicz
Erős Balázs
Le Tour de France
Cyclemon
Pi's Epic Journey
Scroll For Your Health
TCM Summer Under the Stars
numéro10
TEDxGUC
NASA: Prospect
aBenção – Malhas e Tricots Criativos
WAAAC
Lord and Taylor First Looks
De Might of Mister Miller
Negative Space
Anthelios SPF Sunscreen
The Avalanche at Tunnel Creek
Flandria
InfoQuest Infographic
Reunite the River
Fillet
Eone
Nguồn tin: CÔNG TY TNHH NGÔI SAO SỐ
Mới đăng
40 mẫu logo sáng tạo dành cho Salon tóc
Lĩnh vực làm đẹp luôn là mảng kinh doanh đắt khách và sẽ làm giầu được nếu cửa hàng của bạn có uy tín. Để tạo tên tuổi và uy tín, ngoài việc chú trọng vào chất lượng sản phẩm, dịch vụ, điều tối quan trọng là quảng bá sản phẩm của mình trên nhiều kênh khác nhau.
20+website sử dụng hình khối lạ trong thiết kế
Thiết kế website về cơ bản được tạo ra bởi chuỗi những khối vuông nhờ cách code với HTML. Việc sử dụng các hình khối vuông đó đã được áp dụng rộng rãi và trở thành lối thiết kế cơ bản nhất, tuy nhiên một số chuyên gia thiết kế web không nghĩ vậy.
35+ ví dụ tuyệt vời về font chữ viết tay trong thiết kế web
Font chữ viết tay (Handwritten font) đã được sử dụng từ rất lâu trong nhiều lĩnh vực với sự phát triển rất đa dạng, và ngày nay đã được áp dụng trong lĩnh vực thiết kế web nhằm mang lại sự độc đáo cho các website.