» » Responsive design là gì ?

Responsive design là gì ?

Để trả lời cho câu hỏi responsive design là gì ? Bạn có thể xem demo bằng 2 cách dưới đây:
Cách 1: Lấy smart phone hay bất cứ thiết bị di dộng nào bạn có để có thể test. Ok bạn truy cập vào địa chỉ http://colly.com.Bạn thấy giao diện website trên smart phone và giao diện website  trên PC có bố cục khác nhau đúng không?

Cách 2: Dùng trình duyệt web của bạn truy cập vào địa chỉ colly.com sau đó bạn thu nhỏ trình duyệt rồi lại kéo dãn,bạn thấy bố cục của website cũng thay đổi theo đúng không. Đó chính là responsive design.

Khái niệm responsive design dùng để chỉ những thiết kế website để thích ứng với các thiết bị di động khác nhau smartphone,máy tính bảng,PC…

Trước đây khi chưa có responsive design các bạn có để ý thấy có website http://m.youtube.com hay http://m.mp3.zing.vn 2 website khá quen thuộc đã phải có giao diện design riêng cho người dùng với các thiết bị di động khác ngoài PC.

Hầu hết các khách hàng mới những ngày này muốn có một phiên bản di động của trang web của họ. Đó là thực tế cần thiết sau khi tất cả: một thiết kế cho BlackBerry, một cho iPhone, iPad, netbook, Kindle và tất cả các độ phân giải màn hình phải phù hợp. Trong năm năm tới, chúng ta có thể sẽ cần phải thiết kế cho một số sáng chế bổ sung hay chăng. Khi nào thì sự điên rồ sẽ dừng lại? Nó sẽ không, tất nhiên.

responsive-design-web.jpg

Trong lĩnh vực thiết kế web và phát triển, chúng ta nhanh chóng nhận thức được việc không thể theo kịp với độ phân giải mới vô tận và các thiết bị. Cho nhiều trang web, tạo ra một phiên bản trang web cho mỗi độ phân giải và thiết bị mới sẽ là không thể, hoặc ít nhất là không thực tế. Nên chúng ta chỉ phải chịu hậu quả của việc mất khách truy cập từ một thiết bị, vì lợi ích của khách tăng từ khác? Hoặc là có một lựa chọn khác?

Responsive design là cách tiếp cận đó cho thấy rằng thiết kế và phát triển phải đáp ứng với hành vi của người sử dụng và môi trường dựa trên kích thước màn hình, nền tảng và định hướng. Thực hành bao gồm một hỗn hợp của lưới linh hoạt và bố cục, hình ảnh và sử dụng thông minh của CSS truy vấn phương tiện truyền thông. Khi người dùng chuyển từ máy tính xách tay của họ với iPad, trang web sẽ tự động chuyển đổi để phù hợp với độ phân giải, kích thước hình ảnh và khả năng kịch bản. Nói cách khác, các trang web nên có công nghệ để tự động trả lời các sở thích của người dùng. Điều này sẽ loại bỏ sự cần thiết cho một thiết kế khác nhau và giai đoạn phát triển cho mỗi tiện ích mới trên thị trường.

Nếu các bạn muốn tìm hiểu cách xây dựng website với giao diện responsive design hãy đọc thêm bài viết Hướng dẫn tạo responsive web design

Nguồn: trungtamdaotaoseo