Create an app following the android design

1. 実践！
Androidアプリを
カッコ良くする
2012/10/20 adamrocker @ABC2012 S市

2. 自己紹介
足立昌彦 (@adamrocker)
バイドゥ株式会社
・Simejiの開発
・Google Developer Expert (Android)
・日経ソフトウェア/Android Maniax連載
・デザイナーがコードから読み解く、
Androidアプリのデザインの幅を広げるコツとTips
好き！！
ジョジョ大
大の

3. アジェンダ
g
実践！Androidアプリをカッコ良くする
・Android Designを読んで
・実践する
【注意】
本セッションでは所謂デザイナーの
技術/知識がない人むけです。

4. はじめに
http://goo.gl/BkSjx
すでに発表資料公開してます！

5. はじめに
【ソース】https://github.com/adamrocker/abc2012f
すでに資料公開してます！

6. Android Design
d
http://developer.android.com/design/index.html

7. Android Design
設計指針
アンドロイドの様式
よくあるパターン
準備されているもの

8. 参考にする部分

9. 参考にする部分
i
たったの３つ

10. 参考にする部分
i

11. ActionBar Pattern

12. Why ActionBar?
画面サイズに応じて自動でイイ感じにしてくれる

13. Why ActionBar?
画面サイズに応じて自動でイイ感じにしてくれる

14. Why ActionBar?
画面サイズに応じて自動でイイ感じにしてくれる

15. Why ActionBar?
画面サイズに応じて自動でイイ感じにしてくれる

16. Pure Android

17. Compatibility

18. ActionBar Sherlock
http://actionbarsherlock.com

19. 参考にする部分
i

20. Metric(寸法)

21. 参考にする部分
i

22. Typography(文字)

23. DEMOアプリ
f

24. Metric

25. Metric

26. Metric

27. Metric

28. Typography

29. Typography

30. Typography

31. Typography

32. One More Thing
i

33. Color(色)

34. Color

35. Color

36. Color

37. Color

38. まとめ
・Android Designを読んで
・実践した
【知見】
Android Designに沿って余白
(Metric)や文字(Typography)、色
(Color)を決めたらカッコ良くなった。
【成果物】
https://github.com/adamrocker/abc2012f

39. おわり
ありがとうございました