Thắc mắc về thiết kế giao diện cho các thiết bị di động.

Trong diễn đàn cũng có một số bài nói về responsive, bạn search để hiểu rõ hơn về nó.
Với web responsive, là người thiết kế bạn phải làm 3 giao diện tùy biến (cho pc, tablet, mobile), còn front-end họ sẽ có trách nhiệm chuyển những thiết kế của bạn thành giao diện ứng với từng loại thiết bị truy cập.
Mình sẽ lấy một ví dụ đơn giản để bạn hiểu kỹ hơn nhé:
Với PC, màn hình là khá lơn, một list các thành phần có thể xếp cùng một hàng mà vẫn đảm bảo người dùng có thể nhìn rõ:


Với Tablet, vì màn hình nhỏ hơn, nếu để cùng hàng, các thành phần có thể sẽ bị bóp nhỏ hơn, gây khó khăn cho người đọc, vì thế sẽ phải sắp xếp lại (ở đây là xuống hàng, chỉ để 2 thành phần trên 1 hàng) nhằm đảm bảo kích thước vẫn đủ lớn để người dùng nhìn rõ.



Tương tự với màn hình mobile còn bé hơn nữa, lại phải sắp xếp tiếp, chỉ để 1 thành phần trên 1 hàng.



Cũng tương tự như với menu, bình thường với PC bạn có thể liệt kê một list như: TRANG CHỦ, GIỚI THIỆU, LIÊN HỆ, TIN TỨC v.v.., nhưng nếu cũng liệt kê như vậy ở màn hình bé tẹo của chiếc điện thoại thì không ổn tí nào, bắt buộc bạn chỉ được để một chữ menu (hoặc một biểu tượng dễ hiểu thay thế) và khi khách hàng chạm vào mới xổ xuống danh sách menu.
Bạn có thể lên trang themeforest để xem qua cách họ bố trí, các giao diện trên đó hầu hết đều là responsive, test cách họ bố trí bằng cách thu nhỏ dần cửa sổ giao diện trình duyệt theo chiều ngang.

Cám ơn bạn coids nhiều ạ Mình đã hiểu rõ hơn rồi.
Còn một điều nữa là kích thước, độ phân giải cho 3 giao diện tùy biến đó thì sử dụng dpg nào là hợp lý nhất.
Chỉ nói về mobile thôi thì đã có vô số kích thước màn hình khác nhau rồi.

khác nhau xa nhé, ko có design thì reponsive cứ nhỏ hoài thành con kiến hở?

1 ví dụ web vừa làm tại cty nhé: http://www.lpga.or.jp/

chủ thớt coi menu của nó:


màn hình smartphone:


màn hình smartphone lúc click phóng cái menu ra

Em dùng ip4 trình duyệt safari nhấp vào icon menu không hiện gì cả, page nào cũng vậy luôn

đổi IP khác đi bạn

hahaa chắc phải vậy thoyy