実践！Androidアプリをカッコ良くする

2012/10/20 adamrocker @ABC2012 S市

自己紹介足立昌彦 (@adamrocker)バイドゥ株式会社

・Simejiの開発・Google Developer Expert (Android)・日経ソフトウェア/Android Maniax連載・デザイナーがコードから読み解く、　Androidアプリのデザインの幅を広げるコツとTips

大のジョジョ大好

き！！

アジェンダ

・Android Designを読んで・実践する

g【注意】本セッションでは所謂デザイナーの技術/知識がない人むけです。

実践！Androidアプリをカッコ良くする

はじめに

http://goo.gl/BkSjx

すでに発表資料公開してます！

はじめに

すでに資料公開してます！

【ソース】https://github.com/adamrocker/abc2012f

Android Design

http://developer.android.com/design/index.html

d

Android Design

設計指針アンドロイドの様式よくあるパターン

準備されているもの

参考にする部分

参考にする部分

iたったの３つ

参考にする部分

i

ActionBar Pattern

Why ActionBar?

画面サイズに応じて自動でイイ感じにしてくれる

Why ActionBar?

画面サイズに応じて自動でイイ感じにしてくれる

Why ActionBar?

画面サイズに応じて自動でイイ感じにしてくれる

Why ActionBar?

画面サイズに応じて自動でイイ感じにしてくれる

Pure Android

Compatibility

ActionBar Sherlock

http://actionbarsherlock.com

参考にする部分

i

Metric(寸法)

参考にする部分

i

Typography(文字)

DEMOアプリ

f

Metric

Metric

Metric

Metric

Typography

Typography

Typography

Typography

One More Thing

i

Color(色)

Color

Color

Color

Color

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

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