Abc2012f adamrocker

3,630 views
3,533 views

Published on

Create an app following the android design

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

No Downloads
Views
Total views
3,630
On SlideShare
0
From Embeds
0
Number of Embeds
52
Actions
Shares
0
Downloads
38
Comments
0
Likes
18
Embeds 0
No embeds

No notes for slide

Abc2012f adamrocker

  1. 1. 実践!Androidアプリを カッコ良くする2012/10/20 adamrocker @ABC2012 S市
  2. 2. 自己紹介足立昌彦 (@adamrocker)バイドゥ株式会社・Simejiの開発・Google Developer Expert (Android)・日経ソフトウェア/Android Maniax連載・デザイナーがコードから読み解く、 Androidアプリのデザインの幅を広げるコツとTips 好き!! ジョジョ大 大の
  3. 3. アジェンダ g実践!Androidアプリをカッコ良くする・Android Designを読んで・実践する 【注意】 本セッションでは所謂デザイナーの 技術/知識がない人むけです。
  4. 4. はじめに http://goo.gl/BkSjxすでに発表資料公開してます!
  5. 5. はじめに【ソース】https://github.com/adamrocker/abc2012f すでに資料公開してます!
  6. 6. Android Design dhttp://developer.android.com/design/index.html
  7. 7. Android Design 設計指針アンドロイドの様式 よくあるパターン準備されているもの
  8. 8. 参考にする部分
  9. 9. 参考にする部分 i たったの3つ
  10. 10. 参考にする部分i
  11. 11. ActionBar Pattern
  12. 12. Why ActionBar?画面サイズに応じて自動でイイ感じにしてくれる
  13. 13. Why ActionBar?画面サイズに応じて自動でイイ感じにしてくれる
  14. 14. Why ActionBar?画面サイズに応じて自動でイイ感じにしてくれる
  15. 15. Why ActionBar?画面サイズに応じて自動でイイ感じにしてくれる
  16. 16. Pure Android
  17. 17. Compatibility
  18. 18. ActionBar Sherlock http://actionbarsherlock.com
  19. 19. 参考にする部分 i
  20. 20. Metric(寸法)
  21. 21. 参考にする部分 i
  22. 22. Typography(文字)
  23. 23. DEMOアプリ f
  24. 24. Metric
  25. 25. Metric
  26. 26. Metric
  27. 27. Metric
  28. 28. Typography
  29. 29. Typography
  30. 30. Typography
  31. 31. Typography
  32. 32. One More Thing i
  33. 33. Color(色)
  34. 34. Color
  35. 35. Color
  36. 36. Color
  37. 37. Color
  38. 38. まとめ・Android Designを読んで・実践した【知見】Android Designに沿って余白(Metric)や文字(Typography)、色(Color)を決めたらカッコ良くなった。【成果物】https://github.com/adamrocker/abc2012f
  39. 39. おわりありがとうございました

×