Chinese, Simplified 字幕

← 1n1oSewD-Kg

1n1oSewD-Kg

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

Showing Revision 6 created 04/13/2016 by Udacity Robot.

  1. 我们现在为这两个
    屏幕实现了线框图。
  2. 但是,它在平板电脑上看起来是什么样的?
  3. 不幸的是,如果我们
    将手机 UI
  4. 在平板电脑上扩展开,
    看起来就不那么好了。
  5. 这里有很多空白的地方。
  6. 我们可以通过显示
    更多有用的信息来
  7. 对屏幕上的这些地方加以利用。
  8. 例如,为什么不把
    详细信息轻松地
  9. 放在屏幕上,而是
    需要点击才能查看?
  10. 进一步来说,如果用户
    想要查看天气预报的
  11. 完整列表,他们就要像这样
    移动眼睛,
  12. 这并不是让人
    感到愉悦的阅读体验。
  13. 如果我们希望用户阅读更多内容,
    我们就必须让宽度更窄,
  14. 这样一来,他们就可以快速浏览了。
  15. 这些考虑事项是
    响应式设计的一部分。
  16. 响应式设计就是
    在设计应用时,
  17. 记住它将
    被用于多种
  18. 不同尺寸屏幕的设备。
  19. 我们要如何做,
    这在为像平板电脑这样屏幕较大
  20. 的设备设计时又意味着什么。
  21. 我可以举一些关于应用如何
    使用多窗格布局来进行适应的例子。
  22. 在 Android 设计指南中,
    有一个关于多窗格布局的部分。
  23. 其中一个技巧是
    组合多个视图。
  24. 例如,在联系人应用中,
    有联系人列表
  25. 和带有其他信息的
    联系人卡片。
  26. 在平板电脑上,我们可以
    将它们并排放置。
  27. 这也就是大家所
    熟知的 MasterDetailFlow。
  28. 这是主列表,
    这是详细信息窗格。
  29. 在设置应用中,
    我们还有一个例子。
  30. 列宽根据屏幕
    宽度进行调整。
  31. 在日历应用中,
    面板在纵向方向
  32. 垂直堆叠,
  33. 在横向方向
    变为水平。
  34. 还有很多其他的例子,
    我也可以进行浏览。
  35. 如果要获得更多
    有关平板电脑设计
  36. 或响应式设计的信息,
    可以查看以下链接,
  37. 以了解详情。
  38. 在本课程中,我们将首先学会
    如何构建手机 UI,
  39. 然后学习平板电脑 UI。
  40. 但在实际情况中,从第一天开始
    进行设计时就会
  41. 考虑到响应式设计。
  42. 在构建自己的应用时,
    先设计和构建手机应用,
  43. 然后再开始动脑筋
    考虑平板电脑 UI,
  44. 这样做不太好。
  45. 这是因为,平板电脑 UI
    和在此做出的架构决策
  46. 通常会对手机
    设计产生影响。