iPhone/iPad开发讲座 第二讲 iPhone用户界面设计

20,054 views
19,754 views

Published on

Published in: Technology, News & Politics
6 Comments
84 Likes
Statistics
Notes
  • s;lkf;sdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Check out Apple's New iPod nano with Multi-Touch Product Review
    http://www.slideshare.net/Zanura/i-pod-nano-multi-touch-review
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • iPhone/iPad开发讲座
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • 这里面没有严格的对错可言,基本上是从设计者思想的角度去看。我认同他们最后选择了toolbar。

    首先从功能上,toolbar往往是针对当前内容做一些不同的操作,例如当前是todolist,toolbar可以是新增一个,分享给别人、刷新等等这样的操作,可能会引发一个临时弹出窗口(新增),actionsheet(分享的时候),或者视图不变内容刷新。

    而tabbar是要提供一个不同视图逻辑的快速切换途径,例如电话应用中的,数字键盘,通讯录等等,完全不同的视图之间的切换。或者是类似于ipod应用中的,按照歌手,专辑还是歌曲来选择,这样视图和内容展现形式虽然相同,但是一味用navbar来切换太过复杂的情况。

    也就是说在电话里面是不同逻辑(形式)视图切换,ipod应用里面是相同视图逻辑,但是都太重要,需要可以快捷选择的过滤器。

    所以,things这个案例还是toolbar好些。

    你可以尝试用tabbar设计一个things的原型,看看他们的交互,一定会觉得很奇怪的。
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • 可否说明一下解决方案106页中从Tab纠结到Tool bar胜利的原因啥?这两个bar的差异和不同运用场景?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
20,054
On SlideShare
0
From Embeds
0
Number of Embeds
853
Actions
Shares
0
Downloads
1,337
Comments
6
Likes
84
Embeds 0
No embeds

No notes for slide

iPhone/iPad开发讲座 第二讲 iPhone用户界面设计

  1. 1. iPhone/iPad iPhone Blog: http://tiny4.org/blog Twitter: @Tinyfool Mail/Gtalk: tinyfool@gmail.com
  2. 2. iPhone
  3. 3. • iPhone/iPad • • •
  4. 4. • iPhone/iPad • • •
  5. 5. HIG iPhone Human Interface Guidelines
  6. 6. iPhone HIG • • • • • •
  7. 7. Top level Detail level
  8. 8. HIG iPad Human Interface Guidelines
  9. 9. • • •
  10. 10. • • •
  11. 11. • • •
  12. 12. • • •
  13. 13. • iPhone/iPad • • •
  14. 14. • • •
  15. 15. “ iPhone ”
  16. 16. ……
  17. 17. …… •
  18. 18. …… • •
  19. 19. …… • • •
  20. 20. …… • • • •
  21. 21. …… • • • • •
  22. 22. …… • • • • • •
  23. 23. …… • • • • • • •
  24. 24. …… • • • • • • • •
  25. 25. …… • • • • • • • • •
  26. 26. …… • • • • • • • • • •
  27. 27. …… • • • • • • • • • • •
  28. 28. …… • • • • • • • • • • • •
  29. 29. …… • • • • • • • • • • • • •
  30. 30. …… • • • • • • • • • • • • • •
  31. 31. iWeb Mail Finder iDVD Photocasting Mac Mac PC
  32. 32. iWeb Mail Finder iDVD Photocasting Mac Mac PC
  33. 33. iWeb Mail Finder iDVD Photocasting Mac Mac PC
  34. 34. • ADS:Application Definition Statement • • • • ADS
  35. 35. iPhone
  36. 36. • • ADS • • • • •
  37. 37. ADS
  38. 38. ADS
  39. 39. ADS iWeb Mail Finder iDVD Photocasting Mac Mac PC
  40. 40. ADS iWeb Mail Finder iDVD Photocasting Mac Mac PC
  41. 41. • • • • • • • •
  42. 42. • • • • • • • • • • • • • •
  43. 43. • • • • • • • • • • • • • • iPhone
  44. 44. iPhone
  45. 45. • iPhone
  46. 46. • • iPhone
  47. 47. • • • iPhone
  48. 48. • • • • iPhone
  49. 49. • • • • • iPhone
  50. 50. • • • • • • iPhone
  51. 51. • • • • • • • iPhone
  52. 52. • • • • • • • • iPhone
  53. 53. • • • • • • • • • iPhone
  54. 54. • • • • • • • • • • iPhone
  55. 55. • iPhone/iPad • • •
  56. 56. • • •
  57. 57. • • • •
  58. 58. • • •
  59. 59. • • • • •
  60. 60. • • • •
  61. 61. • • • • • •
  62. 62. • • •
  63. 63. • • •
  64. 64. TAB-Bar
  65. 65. Toolbar
  66. 66. • iPhone UI • • •
  67. 67. • iPhone/iPad • • •
  68. 68. • • •
  69. 69. • •
  70. 70. • •
  71. 71. • • • • •
  72. 72. • • • • • • • •
  73. 73. • • • • • • • • •
  74. 74. Case Study • Where to?
  75. 75. • • •

×