1. Material
of
Designers Hack

2. テーマは
モノづくり

3. とは言え
何を作るか

4. 材料
モックアップを作る
●
スマホデザインパターンから
AndroidDesign から
●
部品を作る
●
ドキュメントの精度を上げる

5. 部品？
ボタンとか
●
アイコンとか
●
画面サイズ、解像度を考慮

6. 様々な icon

7. ボタンの実装

8. スマホデザインパターンから
●
Drill Down navigation
●
Dashboard
●
Action Bar
●
Segmented Control
●
Tabs
●
Carousel
●
Quick Actions
http://goo.gl/1u6DY

9. from
Android Design
http://d.android.com/design/

10. Style - Devices and Displays
●
デバイス毎の icon を作って適用

11. Style - Touch Feedback
●
ボタンの状態と見映え

12. Style - Icongraphy
●
icon をとことん作りこみ

13. Patterns - Guestures
●
どうプログラムするか、な検証

14. Patterns - App Structure
●
General Structure な mock 作成
●
ActionBar で navigation
●
行アイテムで menu 出しちゃう実装
●
Detail 画面で swipe 移動

15. Patterns - Navigation
●
Up と Back の例な mock

16. Patterns - Action Bar
●
CAB の実装
●
Scrollable Tabs の実装
●
Drawer の実装
●
データ共有の例

17. Patterns - Multi-pane Layouts
●
Fragment のサンプルで mock 作成
●
Orientation Change の例を mock で

18. Patterns - Swipe Views
●
詳細画面の swipe 移動の例
●
tab 間の swipe 移動の例

19. Patterns - Selection
●
CAB (Contextual Action Bar)

20. Patterns - Notifications
●
ボタンクリックで通知されるサンプル
●
expandable な例

21. Patterns - Others
●
Widget, Settings, etc.

22. 色々
試してみて
下さい