YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Chinese, Simplified subtitles

← Mocking our Material

Get Embed Code
4 Languages

Showing Revision 5 created 09/15/2016 by Udacity Robot.

  1. 我们要彻底地重新思考 Sunshine 的设计
  2. 在继续之前 我们先要明确
  3. Sunshine 原先的设计有许多好的方面
  4. 特别是在纵向手机模式
  5. 但是 横向模式很明显就是
  6. 纵向设计的横向拉伸版
  7. 今日视图的巨大蓝色区域是个好创意 但太大了
  8. 在横向情况下更是如此
  9. 所用的 Roboto Condensed 字体在这些视图中效果欠佳
  10. 而详细信息视图甚至在手机上的表现都是乏善可陈
  11. 呈现方式非常简单 对空白的利用欠缺平衡
  12. 横向版本甚至需要滚动才能显示全部内容
  13. 对于纵向预报视图
  14. 我们会更好地运用色彩和空白
  15. 尽管应用栏在一开始时会占用更多空间
  16. 我们将添加一些代码 以便在滚动预报列表的同时
  17. 滚动应用栏
  18. 对于横向视图
  19. 我们要大刀阔斧地改动 改善对空白的利用
  20. 具体来说 我们移除了应用栏中的大部分内容
  21. 通过让列表两端向中间靠拢
  22. 使布局看起来更加平衡
  23. 虽然还不够理想 但看起来更加美观悦目
  24. 我们在这里还加入了一些视差滚动效果
  25. 对于详细信息视图 我们做了全面翻新
  26. 对工具栏使用了与详细信息视图相匹配的色彩
  27. 其中仅包含分享功能
  28. 底部则根据详细信息视图所含的数据种类
  29. 以深色分隔出了一个独立的部分
  30. 总的来说 对空白的利用得到了显著改善
  31. 这为我们学习更高级的布局技巧打下了良好基础
  32. 与原版应用相比 横向详细信息视图的变化
  33. 更大
  34. 不仅更美观
  35. 而且可在屏幕上容纳更多信息
  36. 原有的横向平板电脑版本浪费屏幕空间太多
  37. 肯定不会被 Google Play 归类为针对平板电脑优化的应用程序
  38. 在新版本中 我们会让它焕然一新
  39. 在纵向平板电脑模式中 新旧版设计在空白利用上的差距
  40. 更是触目惊心
  41. 为具有这类列表的应用设计平板电脑界面是一个挑战
  42. 我们要避免会让用户陷入困惑的做法
  43. 例如让纵向和横向模式中屏幕上的 Fragment 数量不一致
  44. 在本课中 我们将深入了解如何实现此设计方案