Más contenido relacionado App企劃設計 22. APP規劃 (Lesson 1)
UI/UX設計 (Lesson 2)
APP製作 (Lesson 3)
開發者分享 (Lesson 4)
13年3月7⽇日星期四
4. 概念
企劃
設計
製作
測試
上線
宣傳
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*2048
13年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*2048
13年3月7⽇日星期四
9. 起始畫面
Default.png
Default@2x.png
Default-568h@2x.png
13年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 results
13年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
PNG
13年3月7⽇日星期四
12. ICON光暈?
ICON陰影?
ICON圓角?
13年3月7⽇日星期四
13. 基礎
44 X 44
最小碰觸範圍 (from WWDC)
圓角效果
陰影效果
邊線效果
透明效果
13年3月7⽇日星期四
14. 媒體支援
PNG
JPG
GIF (but....)
MP4
MP3
13年3月7⽇日星期四
15. 字型
嵌入字型?
TrueType
OpenType
Bitmap Fonts
http://iosfonts.com/
13年3月7⽇日星期四
16. 字型
Glyph Designer
http://www.71squared.com/en/glyphdesigner
13年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/PPRevealSideViewController
13年3月7⽇日星期四
24. UIView
□UIView
□UIScrollView
□UITextView
□UITableView
□UICollectionView
□UIMapView
13年3月7⽇日星期四
37. Resizable Assets
http://robots.thoughtbot.com/post/33427366406/designing-for-ios-taming-uib
13年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⽇日星期四