App企劃設計 2

2,310 views

Published on

Published in: Education

App企劃設計 2

  1. 1. APP 企劃設計課程 (Lesson 2) 梅比斯數位行銷工作室13年3月7⽇日星期四
  2. 2. APP規劃 (Lesson 1) UI/UX設計 (Lesson 2) APP製作 (Lesson 3) 開發者分享 (Lesson 4)13年3月7⽇日星期四
  3. 3. Android vs iOS13年3月7⽇日星期四
  4. 4. 概念 企劃 設計 製作 測試 上線 宣傳13年3月7⽇日星期四
  5. 5. 設計13年3月7⽇日星期四
  6. 6. 概念 企劃 設計 製作 測試 上線 宣傳13年3月7⽇日星期四
  7. 7. 解析度 iPhone 3GS 320*480 iPhone 4 / 4S 640*960 iPhone 5 640*1136 iPad 1/2/mini 768*1024 new iPad / iPad 4 1536*204813年3月7⽇日星期四
  8. 8. 解析度 iPhone 3GS 320*480 iPhone 4 / 4S 640*960 iPhone 5 640*1136 iPad 1/2/mini 768*1024 new iPad / iPad 4 1536*204813年3月7⽇日星期四
  9. 9. 起始畫面 Default.png Default@2x.png Default-568h@2x.png13年3月7⽇日星期四
  10. 10. ICON 57 X 57 iPhone 114 X 114 iPhone@2x 72 X 72 iPad 144 X 144 iPad@2x 1024 X 1024 iTune 29 X 29 Settings bundle 58 X 58 Settings bundle @2x 50 X 50 Spotlight search results13年3月7⽇日星期四
  11. 11. ICON 20 X 20 Toolbar and navigation bar icon 40 X 40 Toolbar and navigation bar icon 48 X 32 Tab bar icon 48 X 32 Tab bar icon@2x PNG13年3月7⽇日星期四
  12. 12. ICON光暈? ICON陰影? ICON圓角?13年3月7⽇日星期四
  13. 13. 基礎 44 X 44 最小碰觸範圍 (from WWDC) 圓角效果 陰影效果 邊線效果 透明效果13年3月7⽇日星期四
  14. 14. 媒體支援 PNG JPG GIF (but....) MP4 MP313年3月7⽇日星期四
  15. 15. 字型 嵌入字型? TrueType OpenType Bitmap Fonts http://iosfonts.com/13年3月7⽇日星期四
  16. 16. 字型 Glyph Designer http://www.71squared.com/en/glyphdesigner13年3月7⽇日星期四
  17. 17. UI http://www.teehanlax.com/downloads/ios-5-gui-psd-iphone-4s/13年3月7⽇日星期四
  18. 18. UI http://www.teehanlax.com/downloads/ipad-gui-psd-retina-display/13年3月7⽇日星期四
  19. 19. APP Structure □Single View □Navigation View □Tab View □Reveal Side View https://github.com/ipup/PPRevealSideViewController13年3月7⽇日星期四
  20. 20. 13年3月7⽇日星期四 Single View
  21. 21. Navigation View13年3月7⽇日星期四
  22. 22. 13年3月7⽇日星期四 Tab View
  23. 23. 13年3月7⽇日星期四 Reveal Side View
  24. 24. UIView □UIView □UIScrollView □UITextView □UITableView □UICollectionView □UIMapView13年3月7⽇日星期四
  25. 25. UIScrollView13年3月7⽇日星期四
  26. 26. UITextView13年3月7⽇日星期四
  27. 27. UITableView13年3月7⽇日星期四
  28. 28. UICollectionView13年3月7⽇日星期四
  29. 29. UIMapView13年3月7⽇日星期四
  30. 30. UI13年3月7⽇日星期四
  31. 31. UI13年3月7⽇日星期四
  32. 32. UI13年3月7⽇日星期四
  33. 33. UI13年3月7⽇日星期四
  34. 34. UI13年3月7⽇日星期四
  35. 35. UI13年3月7⽇日星期四
  36. 36. UI13年3月7⽇日星期四
  37. 37. Resizable Assets http://robots.thoughtbot.com/post/33427366406/designing-for-ios-taming-uib13年3月7⽇日星期四
  38. 38. 9-PATCH http://radleymarx.com/blog/simple-guide-to-9-patch/13年3月7⽇日星期四
  39. 39. 下週預告 APP規劃 (Lesson 1) UI/UX設計 (Lesson 2) APP製作 (Lesson 3) 開發者分享 (Lesson 4)13年3月7⽇日星期四
  40. 40. 梅比斯數位行銷工作室 Thank you13年3月7⽇日星期四

×