Xu hướng thiết kế web hiện đại cho năm 2021

Trải nghiệm đa phương tiện

Với hầu hết mọi người có quyền truy cập vào tốc độ internet nhanh hơn, trải nghiệm web đa phương tiện đang xuất hiện ở khắp mọi nơi. Tập hợp hình ảnh, văn bản, video và âm thanh tạo nên trải nghiệm người dùng phong phú.

Các thiết kế thành công vào năm 2021 sẽ sử dụng các ràng buộc với trải nghiệm đa phương tiện:

Ưu tiên sự đơn giản, như khi kết hợp chuyển động và âm thanh. Quá nhiều việc diễn ra có thể gây mất tập trung hoặc choáng ngợp đối với những người bị rối loạn nhận thức.
Sử dụng các định dạng phương tiện khác nhau một cách cẩn thận như một cách để tối đa hóa khả năng tiếp cận nội dung.
Bao gồm phụ caption cho hình và các tệp videos.
Bao gồm văn bản thay thế cho hình ảnh và kèm theo hình ảnh phức tạp với văn bản mô tả dài hơn.
Đảm bảo rằng tất cả văn bản được tạo bằng HTML thay vì hiển thị bên trong hình ảnh.
Tránh tự động phát video hoặc nội dung chuyển động: thay vào đó, hãy cung cấp nút “play” cho phép người dùng tùy chọn phát và tạm dừng nội dung.
Sử dụng đa phương tiện một cách hiệu quả và dễ tiếp cận đi kèm với trách nhiệm giải quyết nhiều yếu tố.

Hình ảnh 3D ở mọi nơi

Với sự ra đời của màn hình có độ phân giải cao hơn, thiết kế 3D đã đi một chặng đường dài so với các cạnh khối vuông của Geocities. Chúng tôi đã thấy hình ảnh 3D chất lượng cao được dệt liền mạch vào các thiết kế web. Thay vì là những thứ gây rối mắt sặc sỡ, chúng đang thêm vào trải nghiệm người dùng tổng thể. 

Các yếu tố 3D tạo thêm cảm giác độc đáo và nhiều chiều cho bất kỳ trang web nào.

Cuộn ngang

Chúng tôi đang thấy nhiều nhà thiết kế web tiếp tục thử nghiệm với cuộn ngang. Những người làm điều đó tốt nhất là phá vỡ khuôn mẫu không phải vì mục đích khác biệt mà là một cách thực tế để tiết lộ thông tin thứ cấp dần dần, như trong một thư viện hình ảnh.

Các nhà thiết kế sử dụng cuộn ngang thành công vào năm 2021 sẽ ghi nhớ những cân nhắc sau:

Không buộc người dùng điều hướng qua nội dung ngang: cho phép các cách thay thế để điều hướng, chẳng hạn như các nút mũi tên có nhãn rõ ràng
Sử dụng các dấu hiệu trực quan rõ ràng để chỉ ra nơi nội dung sử dụng cuộn ngang và không ẩn các dấu hiệu này sau khi di chuột
Hãy suy nghĩ về những nội dung sẽ có lợi khi được hiển thị trong cuộn ngang - thư viện ảnh là một đối thủ tốt vì cuộn ngang sẽ hiển thị cho người dùng một bản xem trước nhỏ và cho phép họ tùy chọn để xem thêm hoặc tiếp tục di chuyển xuống trang
Tránh yêu cầu cuộn ngang đối với văn bản cần đọc
Trên trang tính năng Designer của riêng chúng tôi, chúng tôi đã sử dụng một lượng nhỏ cuộn ngang để phóng to hình ảnh lớn và hiển thị các bit có liên quan hơn của hình ảnh ở kích thước lớn hơn, để đi kèm với nội dung có liên quan.

Thẻ cuộn

Kích thích để xem thẻ di chuyển trở thành phần không thể thiếu trong thiết kế. Cho dù cuộn theo chiều ngang hay chiều dọc, chúng sẽ thêm hành động linh hoạt vào trang web và là một cách tuyệt vời để trình bày thông tin.

Các bố cục thẻ nên thiết lập một thời gian để gây thích thú khi thấy chúng được thực hiện theo các hướng cuộn mới.

Thiết kế ít màu sắc

Màu trắng thưa tạo nên một thiết kế sạch sẽ và bất kỳ yếu tố nào có màu sắc sẽ được chú ý nhiều hơn.
Thiết kế nên dành có nhiều khoảng trắng, với hiệu ứng di chuột giúp chuyển hình ảnh đen trắng của mỗi thiết kế thành màu đầy đủ.