iPhone/iPad
     iPhone

               Blog: http://tiny4.org/blog
                      Twitter: @Tinyfool
         Mail...
iPhone
•   iPhone/iPad

•
•
•
•   iPhone/iPad

•
•
•
HIG   iPhone Human Interface Guidelines
iPhone HIG
•
    •
    •
    •
    •
    •
Top level

            Detail level
HIG   iPad Human Interface Guidelines
•
•
•
•
•
•
•
•
•
•
•
•
•   iPhone/iPad

•
•
•
•
•
•
“       iPhone
    ”
……
……



•
……



•
•
……



•
•
•
……



•
•
•
•
……



•
•
•
•
•
……



•
•
•
•
•
•
……



•
•
•
•
•
•
•
……



•   •
•
•
•
•
•
•
……



•   •
•   •
•
•
•
•
•
……



•   •
•   •
•   •
•
•
•
•
……



•   •
•   •
•   •
•   •
•
•
•
……



•   •
•   •
•   •
•   •
•   •
•
•
……



•   •
•   •
•   •
•   •
•   •
•   •
•
……



•   •
•   •
•   •
•   •
•   •
•   •
•   •
iWeb   Mail   Finder iDVD   Photocasting
                        Mac                  Mac
PC
iWeb   Mail   Finder iDVD   Photocasting
                        Mac                  Mac
PC
iWeb   Mail   Finder iDVD   Photocasting
                        Mac                  Mac
PC
• ADS:Application Definition Statement
•
•
•
• ADS
iPhone
•
•       ADS
•
    •
    •
    •
    •
ADS
ADS
ADS




     iWeb   Mail   Finder iDVD   Photocasting
                        Mac                  Mac
PC
ADS




     iWeb   Mail   Finder iDVD   Photocasting
                        Mac                  Mac
PC
•
    •
    •
•
    •
    •
    •
    •
•   •
•   •
•   •
•   •
•   •
•   •
•   •
•      •
  •      •
  •      •
  •      •
  •      •
  •      •
  •      •


iPhone
iPhone
•




iPhone
•
  •




iPhone
•
  •
  •



iPhone
•
  •
  •
  •


iPhone
•
  •
  •
  •
  •

iPhone
•      •
  •
  •
  •
  •

iPhone
•      •
  •      •
  •
  •
  •

iPhone
•      •
  •      •
  •      •
  •
  •

iPhone
•      •
  •      •
  •      •
  •      •
  •

iPhone
•      •
  •      •
  •      •
  •      •
  •      •

iPhone
•   iPhone/iPad

•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
    •
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
TAB-Bar
Toolbar
•   iPhone   UI

•
•
•
•   iPhone/iPad

•
•
•
•
•
•
•
•
•
•
•
•
    •
•
•
•
•
•
•
•
•
•
•
•
    •
    •
    •
•
    •
    •
    •
    •
Case Study


• Where to?
•
•
•
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Iphone用户界面设计
Upcoming SlideShare
Loading in …5
×

Iphone用户界面设计

2,997 views
2,974 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,997
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
36
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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. • • •

×