Your SlideShare is downloading. ×
App企劃設計 2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

App企劃設計 2

1,176
views

Published on

Published in: Education

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,176
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
77
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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