Responsive Web Design

Responsive Web Design

Trước khi trình bày về những vấn đề trọng tâm liên quan đến Responsive Web Design, anh Huỳnh Công Đức đã có đôi lời chia sẻ với các đội về việc lựa chọn chủ đề thiết kế trong cuộc thi TÌM KIẾM TÀI NĂNG THIẾT KẾ WEBSITE VIỆT. Anh nhấn mạnh: các đội cần chọn nhữn chủ đề mà đội mình phải nắm thật rõ chủ đề đó, phải thật sự am hiểu thì mới có thể chọn lọc những nội dung chính xác đưa vào website, vì cuộc thi này không đơn giản là việc thiết kế giao diện đẹp, độc đáo mà nội dung website cũng đóng 1 vai trò khá quan trọng.
Trong bài chia sẻ về Responsie Web Design (RWD), anh trình bày 1 số nội dung chính như sau: RWD là gì, ưu thế của RWD, kỹ thuật trong RWD.
1. Responsive Web Design (RWD) là gì?
Xu hướng lướt web trên thiết bị di động (smartphone, tablet,…) ngày càng gia tăng, đồng nghĩa với việc ngày càng có nhiều người sử dụng thiết bị di động. Vì vậy, 1 nhà thiết kế web cần xác định rõ website của mình có dành cho các đối tượng dùng thiết bị di động hay không vì họ cũng chính là những khách hàng tiềm năng mà nếu biết cách đầu tư tốt trong thiết kế website thì sẽ có được nguồn khách hàng thật sự.
Responsive Web Design là khái niệm nói về việc thiết kế website tương thích với nhiều kích thước màn hình khác nhau và nhiều chiều khác nhau, điều này khác hoàn toàn so với kỹ thuật thiết kế web thông thường từ trước đến nay. Đây không chỉ là 1 cuộc cách tân trong thiết kế web mà còn là xu hướng của thời đại.
2. Ưu thế
Tiến bộ hơn so với kỹ thuật thiết kế web lúc trước, RWD có được nhiều ưu thế đáng kể:
Tiết kiệm chi phí: trước đây, thay vì người thiết kế phải thiết kế 1 website thành nhiều phiên bản để sử dụng cho PC, laptop, smarphone,… dẫn đến việc phát sinh nguồn chi phí nhân sự thì giờ đây, chỉ cần ứng dụng tốt kỹ thuật Responsive Web Design thì chi phí đầu tư vào thiết kế có thể giảm đến mức tối thiểu.
Thể hiện sự chuyên nghiệp: Đây là 1 lĩnh vực hoàn toàn mới và gần như chưa có tại Việt Nam.
Tránh trùng lặp nội dung
Được ưa chuộng: website thể hiện được sự tôn trọng người dùng
Thể hiện sự quan tâm người dùng: các hình ảnh có thể co giãn, thể hiện đầy đủ, rõ nét trên các thiết bị.

3. Kỹ thuật
Sau đây là 4 tiêu chí quan trọng của Responsive Web Design:
A fluid gridKỹ thuật này là 1bước tiến xa hơn so với liquid layout (một dạng canh theo percent).Công thức: target / context = result
Fluid images & VideosKỹ thuật Fluid images & Videos cho phép các nhà thiết kế có thể tạo ra

Thiet ke web hai phong