Material      ofDesigners Hack
テーマはモノづくり
とは言え何を作るか
材料モックアップを作る●スマホデザインパターンからAndroidDesign から● 部品を作る● ドキュメントの精度を上げる
部品?ボタンとか●アイコンとか●画面サイズ、解像度を考慮
様々な icon
ボタンの実装
スマホデザインパターンから●    Drill Down navigation●    Dashboard●    Action Bar●    Segmented Control●    Tabs●    Carousel●    Quick...
fromAndroid Designhttp://d.android.com/design/
Style - Devices and Displays●    デバイス毎の icon を作って適用
Style - Touch Feedback●    ボタンの状態と見映え
Style - Icongraphy●    icon をとことん作りこみ
Patterns - Guestures●    どうプログラムするか、な検証
Patterns - App Structure●    General Structure な mock 作成●    ActionBar で navigation●    行アイテムで menu 出しちゃう実装●    Detail 画面で...
Patterns - Navigation●    Up と Back の例な mock
Patterns - Action Bar●    CAB の実装●    Scrollable Tabs の実装●    Drawer の実装●    データ共有の例
Patterns - Multi-pane Layouts●    Fragment のサンプルで mock 作成●    Orientation Change の例を mock で
Patterns - Swipe Views●    詳細画面の swipe 移動の例●    tab 間の swipe 移動の例
Patterns - Selection●    CAB (Contextual Action Bar)
Patterns - Notifications●    ボタンクリックで通知されるサンプル●    expandable な例
Patterns - Others●    Widget, Settings, etc.
色々試してみて 下さい
Upcoming SlideShare
Loading in …5
×

Designers hack

602 views
559 views

Published on

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

No Downloads
Views
Total views
602
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Designers hack

  1. 1. Material ofDesigners Hack
  2. 2. テーマはモノづくり
  3. 3. とは言え何を作るか
  4. 4. 材料モックアップを作る●スマホデザインパターンからAndroidDesign から● 部品を作る● ドキュメントの精度を上げる
  5. 5. 部品?ボタンとか●アイコンとか●画面サイズ、解像度を考慮
  6. 6. 様々な icon
  7. 7. ボタンの実装
  8. 8. スマホデザインパターンから● Drill Down navigation● Dashboard● Action Bar● Segmented Control● Tabs● Carousel● Quick Actions http://goo.gl/1u6DY
  9. 9. fromAndroid Designhttp://d.android.com/design/
  10. 10. Style - Devices and Displays● デバイス毎の icon を作って適用
  11. 11. Style - Touch Feedback● ボタンの状態と見映え
  12. 12. Style - Icongraphy● icon をとことん作りこみ
  13. 13. Patterns - Guestures● どうプログラムするか、な検証
  14. 14. Patterns - App Structure● General Structure な mock 作成● ActionBar で navigation● 行アイテムで menu 出しちゃう実装● Detail 画面で swipe 移動
  15. 15. Patterns - Navigation● Up と Back の例な mock
  16. 16. Patterns - Action Bar● CAB の実装● Scrollable Tabs の実装● Drawer の実装● データ共有の例
  17. 17. Patterns - Multi-pane Layouts● Fragment のサンプルで mock 作成● Orientation Change の例を mock で
  18. 18. Patterns - Swipe Views● 詳細画面の swipe 移動の例● tab 間の swipe 移動の例
  19. 19. Patterns - Selection● CAB (Contextual Action Bar)
  20. 20. Patterns - Notifications● ボタンクリックで通知されるサンプル● expandable な例
  21. 21. Patterns - Others● Widget, Settings, etc.
  22. 22. 色々試してみて 下さい

×