30 website tuyệt vời thay đổi quan niệm thiết kế web (P1)

Hôm nay tôi xin chia sẻ một bài tuyệt vời về 20 website tương tác HTML5, CSS3, Javascript mở ra thêm nhiều hướng trong thiết kế web.

Thiết kế website hiện nay rất tương tác không còn bị giới hạn bởi bố trí tĩnh. 30 website được liệt kê dưới đây là một ví dụ tuyệt vời chứng minh cho các thiet ke web tương tác.

Bienville Capital Management

30 website tuyệt vời thay đổi quan niệm thiết kế web

Thiết kế website Bienville Capital Management cung cấp chuyển đổi liền mạch giữa các trang. Cố gắng nhấp vào xung quanh các trang trong web và bạn sẽ thấy không có chuyển hướng khi điều hướng đến các trang khác nhau. Các trang di chuyển suôn sẻ với fading và trượt hình ảnh động.

Tool of North America

30 website tuyệt vời thay đổi quan niệm thiết kế web

Ngay từ cái nhìn đầu tiên, Tool of North America trông giống như một trang web Flash, nhưng thực sự nó được thực hiện với Javascript, HTML5 và CSS3. Nhược điểm duy nhất là nội dung không hiển thị bởi công cụ tìm kiếm vì nó được kéo với Ajax (SEO không thân thiện). Nếu bạn vô hiệu hóa Javascript, bạn sẽ nhận được một trang trắng.

Whiteboard

30 website tuyệt vời thay đổi quan niệm thiết kế web

Hiệu ứng mờ của ảnh nền đặc biệt tuyệt đẹp trên thiet ke website Whiteboard. Để xem nó: thu hẹp trình duyệt của bạn để breakpoint di động hoặc kiểm tra trên một thiết bị di động, nhấp vào biểu tượng menu, nền sẽ được thay đổi cùng với các hiệu ứng mờ ảo.

Cyclemon

30 website tuyệt vời thay đổi quan niệm thiết kế web

Hình ảnh minh họa đẹp và đơn giản, kiểm tra giao diện Parallax nếu bạn thích parallax scrolling hiệu lực.

Mahedine Yahia

30 website tuyệt vời thay đổi quan niệm thiết kế web

Loạt hình nền chính trên trang thiet ke web của Mahedine gồm 191 hình ảnh (mỗi ảnh về kích thước file 56kb, 470 x 264px).

Life of Pi

30 website tuyệt vời thay đổi quan niệm thiết kế web

The Life of Pi xen khung hình ảnh động. Nếu bạn thích những bộ phim, chắc chắn bạn sẽ thích di chuyển trên trang web của họ. Nó cho thấy bạn đằng sau các vật liệu cảnh trong xen khung hình ảnh động khi bạn di chuyển.

Teehan+Lax

30 website tuyệt vời thay đổi quan niệm thiết kế web

Mỗi câu chuyện (post) trên Teehan + Lax đều có sự quan tâm rất lớn đến từng chi tiết. Các nội dung được trình bày với sắp chữ đẹp và hiệu ứng hình ảnh động tinh tế.

Coffee Surfing illy

30 website tuyệt vời thay đổi quan niệm thiết kế web

Việc chuyển đổi các trang trên Coffee Surfing illy không liền mạch như các trang web Bienville Capital Management như đã đề cập ở trên, nhưng di chuyển nửa trang rất thú vị. Khi bạn di chuyển, trang được chia làm đôi và di chuyển theo hướng ngược lại.

Satorisan

30 website tuyệt vời thay đổi quan niệm thiết kế web

Satorisan có một thiết kế rất đẹp. Trang chính cửa hàng cho phép bạn xem tất cả các sản phẩm trong một danh sách bằng thanh ngang cuộn. Nhấp vào bất kỳ sản phẩm sẽ chuyển đến trang chi tiết sản phẩm với hiệu ứng di chuyển sai.

Wink TTD

30 website tuyệt vời thay đổi quan niệm thiết kế web

Wink đã làm một công việc tuyệt vời trên trang web đáp ứng và tương tác của họ. Cho dù bạn đang xem trang web trên màn hình iMac lớn hoặc một màn hình iPhone nhỏ, việc thiết kế và hình ảnh động là rất phù hợp.

Solasie

30 website tuyệt vời thay đổi quan niệm thiết kế web

Solasie sử dụng trình duyệt có thể hiển thị nội dung đa phương tiện (hình ảnh bộ sưu tập, âm nhạc, và video) trên mọi thiet ke website

Tác giả bài viết: Nguyễn Trang

Tổng số điểm của bài viết là: 0 trong 0 đánh giá

Click để đánh giá bài viết
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