Giao diện trang web sẽ thích nghi trên từng loại thiết bị khác nhau cho dù người đó sử dụng Iphone, iPad, netbook, BlackBerry, Kindle ... Và trong vòng 5 năm tới sẽ còn nhiều thiết bị ra mắt trên thị trường với vô vàn kích thước màn hình khác nhau đòi hỏi các đơn vị thiết kế webphải tự thích nghi với chính thị trường và tự học hỏi công nghệ mới.
Có nên phát triển trang web với nhiều phiên bản khác nhau cho từng thiết bị ? Rõ ràng đó không phải là một lựa chọn tốt, bởi số lượng các thiết bị hiện tại. Vậy một là bạn phải hy sinh một lượng người dùng trên một vài loại thiết bị nào đó hoặc còn một giải pháp cho bạn lựa chọn nào khác? Bài viêt này sẽ mô tả về thiết kế web hỗ trợ responsive.
Khái niệm thiết kế web Responsive (Responsive web desgin).
Responsive Web Design (Chúng ta tạm dịch thiết kế web dạng tự thích nghi) là một khái niệm khuyến cáo những người thiết kế web và phát triển trang web phải tự đáp ứng và thích nghi được với môi trường (hay thiết bị) của người dùng về kích thước màn hình, platform, trạng thái xoay hay đứng...
Trong ngành kiến trúc thì khái niệm thiết kế responsive không phải là 1 khái niệm xa lạ, bạn có bao giờ để ý đến những cánh cửa tự động đóng mở, nó sẽ tự động mở một khoảng không gian vừa đủ cho một người hoặc nhóm người bước vào. Một hệ thống điều hòa ánh sáng tự động điều tiết nhiệt độ và ánh sáng tùy theo số lượng người đang có trong phòng…
Thiết kế web Responsive không phải là ý tưởng mới, nó kế thừa và tương tự như trong ngành thiết kế kiến trúc responsive, trang web khi được thiết kế phải có khả năng tự động điều chỉnh để thích nghi với nhiều thiết bị khác nhau.
Hiển nhiên là chúng ta không thể dùng một bộ phận cảm biến hoặc một con chip thông minh như cách mà người ta làm khi xây dựng cửa tự động hay hệ thống nhà thông minh. Chúng ta phải nhìn nhận nó một cách khá trừu tượng. Một số cách thường được sử dụng là: Fluid Layout, Media queries và Script có thể tự điều chỉnh CSS lại trang web khá tốt.
Bạn cũng nên nhớ rằng Responsive Web Design không chỉ là việc tùy chỉnh phù hợp với kích thước màn hình và resize lại hình ảnh mà nó tạo ra một định nghĩa hoàn toàn mới về thiết kế web. Chúng ta sẽ lược qua những ý tưởng đã được sử dụng và những ý tưởng đang còn nằm trên bàn giấy.
0 comments:
Post a Comment