Ví dụ Một website abc.com nếu như bình thường bạn thiết kế web chỉ chạy trên pc thì khi chuyển sang mobile,tablet.. nó sẽ không còn phù hợp với kích thước và hiển thị của thiết bị. Hoặc đặt trường hợp là bạn sẽ detective nhiều thiết bị thì bạn sẽ phải viết nhiều layout cho nhiều thiết bị, cực kì tốn kém và khó quản lý hết. Tại sao bạn không kết hợp nó thành 1. Đó là lý do Responsive Web Design ra đời. Một web site có thể thiết kế chạy nhiều môi trường khác nhau mobile, tablet, pc, ... nhưng nó vẫn là cùng nội dung chỉ có bố cục sắp xếp là khác nhau mà thôi.
Ưu điểm:
- Thiết bị mobile đang ngày càng phổ biến.
Link( http://www.statista.com/topics/779/mobile-internet/)
- Khả năng thích ứng linh hoạt với nhiều thiết bị khác nhau.
Link: https://developers.google.com/web/fundamentals/layouts/
- Dễ duy trì và nâng cấp, không quá khó để quản lý.
- Cải thiện quá trình SEO với URL không đổi, quá trình index tốt hơn.
Nhược điểm:
- Cùng nội dung nhưng người dùng muốn xem nhiều kiểu khác nhau.
- Thời gian thiết kế sẽ tăng thêm 20% so với web thông thường.
-
Một số tool cần cho thiết kế theo kiểu này:
1 .jeremypalford.com
2. Responsive Layouts, Responsively Wireframed
3. https://webflow.com/
No comments:
Post a Comment