Vietnamese 字幕

← 07-20 Responsive Design

埋め込みコードを取得する
10言語

Showing Revision 2 created 08/03/2015 by Thanh Pham.

  1. Ok, giờ chúng ta có các wireframe ở trong
    2 màn hình
  2. Nhưng nó sẽ như thế nào trên tablet
  3. Well, hơi nhọ, khi chúng ta
    lấy UI của điện thoại
  4. và kéo nó ra trên tablet,
    nó sẽ trong rất xấu
  5. Có nhiều khoảng trống ở đây
  6. Chúng ta có thể
    tận dụng lợi thế của màn hình này
  7. bằng cách hiển thị nhiều thông tin hữu ích hơn
  8. Ví dụ, tại sao những thông tin chi tiết này
    cần phải ấn vào
  9. Trong khi chúng có thể dễ dàng hiện vừa trên màn hình này
  10. Và, hơn nữa, nếu người dùng
    muốn xem đầy đủ
  11. danh sách của các dự báo
    mắt của họ phải di chuyển như thế này
  12. một trải nghiệm đọc rất khó chịu
  13. Nếu chúng ta muốn người dùng đọc một số nội dung
    chúng ta nên giữ chúng có chiều rộng hẹp
  14. Như thế họ có thể xem chúng nhanh hơn
  15. Những sự cân nhắc này
    là một phần của responsive design
  16. Responsive design nghĩa là
    thiết kế app của bạn
  17. bằng cách làm cho nó được sử dụng
  18. trên nhiều thiết bị có kích thước khác nhau
  19. Làm thế nào để được như vậy
    và làm thế nào để làm app
  20. cho màn hình lớn hơn như tablet
  21. Well, tôi có thể cho bạn một số ví dụ của việc
    làm thế nào ứng dụng sử dụng multi-pane layout
  22. Trong Android Design Guide,
    Đây là một phần trong multi-pane layout
  23. Một kĩ thuật là ghép
    các view lại với nhau
  24. Ví dụ, trong People app,
    bạn có contact list
  25. và contact card
    có thông tin chi tiết
  26. Một tablet, chúng ta có thể
    đặt chúng cạnh nhau
  27. Cái này cũng được biết
    như là MasterDetailFlow
  28. Đây là master list và đây là detail pane
  29. Trong ứng dụng setting
    chúng ta có một ví dụ khác
  30. chiều trộng cột thay đổi theo
    chiều rộng màn hình
  31. Trong ứng dụng lịch, chúng ta có các panel,
    và chúng xếp dọc
  32. khi ở vị trí dọc
  33. nhưng khi ở vị trí ngang
  34. Cũng có một vài các ví dụ khác
    mà bạn có thể xem nó tốt
  35. Nếu bạn muốn nhiều thông tin hơn về việc
    thiết kế cho tablet
  36. hoặc tổng quan về response design
    bạn có thể xem link bên dưới
  37. để xem thêm
  38. Trong khóa học này, đâu tiên chúng ta học
    làm sao để xây dựng UI cho điện thoại
  39. và rồi mới đến UI cho tablet
  40. Nhưng trong thực tế, khi chúng ta thiết kế nó
    chúng ta nghĩ về responsive design
  41. từ những ngày đầu tiên
  42. Khi bạn xây dựng app của bạn
    Thật tệ khi chỉ hoàn thiện
  43. thiết kế và xây dựng app cho điện thoại của bạn
    và rồi mới bắt đầu
  44. với tablet UI
  45. đó là bởi vì tablet UI thường có tương tác trên thiết kế điện thoại
  46. cũng như quyết định kiến trúc như đã làm ở đây