THIẾT KẾ WEB - BÀI 5

Giao diện bị rối, hiệu ứng động nhiều, màu sắc gắt, bố cục phức tạp khiến người dùng khó tập trung. Nhóm thiết kế đã vi phạm nguyên tắc nào?

• Sự phức tạp

• Sự cân đối

• Sự đơn giản

• Sự nhất quán

Khi thiết kế một phiên bản giao diện dành riêng cho điện thoại di động, bạn nên ưu tiên kiểm tra bố cục với độ phân giải nào để đảm bảo tương thích tốt?

• 1920×1080 px

• 1024×768 px

• 375×667 px

• 1440×900 px

Một website bán hàng đang bị phản ánh là tải rất chậm trên thiết bị di động. Nhóm phát triển cần thực hiện hành động nào sau đây để tối ưu thời gian tải?

• Thêm các hiệu ứng động bắt mắt

• Giảm số lượng hình ảnh và yếu tố không cần thiết

• Tăng số lượng video nền để tăng tính tương tác

• Tăng độ phân giải của tất cả ảnh sản phẩm

Kéo thả tên nguyên tắc thiết kế vào mô tả tương ứng

• Grid System

• Giao diện tự động thích ứng với kích thước màn hình khác nhau

• Responsive Design

• Chia bố cục thành hàng và cột để sắp xếp phần tử hợp lý

• Whitespace

• Dùng không gian trống để giúp nội dung nổi bật, dễ đọc

• KISS (Keep It Simple, Stupid)

• Giữ cho trang web đơn giản, dễ hiểu, không gây rối mắt

Hãy kéo và thả hành động phù hợp vào từng bước trong quy trình xây dựng bố cục trang web.

• Tạo wireframe

• Phác thảo sơ đồ bố cục trước khi lập trình

• Thiết kế đơn giản và gọn gàng

• Chia trang thành các khu vực chức năng: header, content, footer

• Xác định khu vực chính

• Giữ cho giao diện rõ ràng, không rối mắt

• Thu thập thông tin

• Hiểu rõ mục tiêu, người dùng và nội dung trang web

Grid System giúp chia bố cục trang thành các cột và hàng để dễ sắp xếp nội dung.

• ĐÚNG

• SAI

Đặt càng nhiều menu và nút chức năng trên giao diện sẽ giúp tăng trải nghiệm người dùng.

• ĐÚNG

• SAI

Nguyên tắc KISS khuyến khích giữ bố cục trang web đơn giản và dễ hiểu.

• ĐÚNG

• SAI

Popup là một phần chính trong bố cục trang web giống như header và footer.

• ĐÚNG

• SAI

Footer thường được đặt ở cuối trang và chứa thông tin liên hệ hoặc bản quyền.

• ĐÚNG

• SAI