Thiết kế cho Web và Máy tính bảng - Thiết kế đáp ứng

• Tháng Tư 27, 2024

Thuật ngữ Responsive đã đi đầu trong một thời gian nhưng chính xác nó có nghĩa là gì? Internet đã thay đổi nhiều trong những năm qua, từ một nền tảng chủ yếu dựa trên văn bản đến một môi trường tương tác, hấp dẫn, đa phương tiện và đa thiết bị.

Các trang web đã thay đổi trong thập kỷ qua để phản ánh những cải tiến đối với Internet và các thiết bị chúng ta sử dụng để xem nó. Nói về thiết bị, chúng tôi có một số loại để lựa chọn, bao gồm máy tính, máy tính mini, máy tính bảng và điện thoại thông minh. Khi số lượng thiết bị và các biến thể của chúng tăng lên, một vấn đề trở nên rõ ràng. Mỗi thiết bị và mỗi biến thể của một thiết bị đều có kích thước màn hình riêng của nó.

Khi chúng tôi chỉ phải thiết kế trang web cho máy tính để bàn và máy tính xách tay, cân nhắc chính của chúng tôi là làm thế nào để đảm bảo rằng trang web hiển thị giống nhau cho dù máy tính hay trình duyệt web. Câu trả lời là thiết kế cho các trình duyệt web hàng đầu và độ phân giải màn hình phổ biến nhất. Điều đó đã làm việc trong một thời gian ngắn. Một vấn đề khác trở nên rõ ràng khi các thông số này liên tục thay đổi. Kích thước màn hình cho máy tính đầu tiên của tôi là 800 x 600 và dù sao tôi cũng thích nó. Sau đó, 1024 x 800 trở thành chuẩn mực. Bây giờ máy tính đã tăng lên 27 inch và lớn hơn. Vì vậy, độ phân giải mục tiêu cho một trang web tiếp tục thay đổi.

Ngay khi chúng ta bắt đầu thích thiết kế cho những màn hình lớn hơn này, sự phổ biến của điện thoại thông minh và máy tính bảng đã tăng lên rất nhiều, với các ứng dụng tuyệt vời nhưng màn hình nhỏ hơn. Trên thực tế, người ta dự đoán rằng điện thoại thông minh và bảng sẽ được sử dụng thường xuyên hơn sau đó máy tính để xem web chỉ trong một vài năm. Lúc đầu chỉ có một vài thiết bị di động. Vì vậy, chúng tôi bắt đầu thiết kế cả trang web chính cho người dùng máy tính và trang web thứ hai cho người dùng di động. Nhưng điều này đã giải quyết hoàn toàn vấn đề, vì chúng tôi vẫn đang thiết kế cho bố cục có chiều rộng cố định.

Bây giờ, bạn có thể giả định rằng người dùng sẽ sử dụng thiết bị nào để xem trang web của bạn. Vì vậy, thiết kế cho một số kích thước màn hình cố định không còn là câu trả lời tốt nhất cho vấn đề. Những gì chúng ta cần là một cách để xác định kích thước màn hình thiết bị của người dùng và hiển thị trang web tương ứng. Do đó, thiết kế web đáp ứng, sử dụng CSS để xác định chiều rộng màn hình và hiển thị trang web khác nhau khi cần. Điều này cho phép chúng tôi chỉ có một trang web sẽ biến thành nhiều phiên bản khi cần thiết.

Video HướNg DẫN: Vì sao bút Surface Pen lại tối ưu nhất cho công việc thiết kế đồ họa? (Tháng Tư 2024).